Joytutus Semiconductor Clip-On Fan | 100-Speed Turbo Cooling with 20Hr Battery – 360° Rotating, LED Display, Perfect for Cars, Prams & Desks

<!-- JOYTUTUS SEMICONDUCTOR FAN LANDING PAGE - APPLE STYLE - ENGLISH -->
<div id="sc-lp-joytutus">
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

    #sc-lp-joytutus {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      background-color: #f5f5f7;
      color: #1d1d1f;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
    }

    .lp-container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 40px 20px;
    }

    /* Hero Section */
    .hero-card {
      background: #ffffff;
      border-radius: 32px;
      padding: 60px 40px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      margin-bottom: 24px;
      box-shadow: 0 4px 24px rgba(0,0,0,0.04);
      overflow: hidden;
      background: linear-gradient(180deg, #ffffff 0%, #e3f2fd 100%);
    }

    .hero-badge {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #0071e3;
      margin-bottom: 12px;
    }

    .hero-card h1 {
      font-size: clamp(32px, 6vw, 56px);
      font-weight: 700;
      letter-spacing: -0.02em;
      margin: 0 0 16px 0;
      line-height: 1.1;
    }

    .hero-card p {
      font-size: 20px;
      color: #515154;
      max-width: 700px;
      margin-bottom: 40px;
    }

    .hero-img {
      width: 100%;
      max-width: 800px;
      border-radius: 24px;
      transition: transform 0.8s cubic-bezier(0.2, 0, 0.2, 1);
    }

    .hero-img:hover { transform: scale(1.02); }

    /* Trust Bar */
    .trust-bar {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-bottom: 24px;
    }

    .trust-item {
      background: #ffffff;
      padding: 24px;
      border-radius: 24px;
      text-align: center;
      box-shadow: 0 2px 12px rgba(0,0,0,0.02);
    }

    .trust-item span { display: block; font-size: 28px; margin-bottom: 8px; }
    .trust-item label { font-weight: 600; font-size: 13px; color: #515154; }

    /* Bento Grid */
    .bento-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
      margin-bottom: 24px;
    }

    .bento-item {
      background: #ffffff;
      border-radius: 32px;
      padding: 40px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-shadow: 0 4px 20px rgba(0,0,0,0.03);
    }

    .bento-item.full-width { grid-column: span 2; }
    .bento-item.ice-gradient { background: linear-gradient(135deg, #e3f2fd 0%, #ffffff 100%); }
    .bento-item.dark { background: #1d1d1f; color: #fff; }

    .bento-item h2 { font-size: 28px; font-weight: 600; margin-bottom: 12px; }
    .bento-item p { color: #86868b; font-size: 16px; margin-bottom: 24px; }
    .bento-item.dark p { color: #a1a1a6; }

    .bento-img {
      width: 100%;
      border-radius: 16px;
      object-fit: cover;
    }

    /* Comparison Section (Image 3 style) */
    .comparison-section {
        background: #ffffff;
        border-radius: 32px;
        padding: 60px 40px;
        text-align: center;
        margin-bottom: 24px;
    }

    /* CTA Section */
    .cta-section {
      background: linear-gradient(135deg, #0071e3 0%, #00c6fb 100%);
      color: white;
      border-radius: 32px;
      padding: 80px 40px;
      text-align: center;
    }

    .cta-btn {
      background: #ffffff;
      color: #0071e3;
      padding: 18px 48px;
      border-radius: 40px;
      font-size: 18px;
      font-weight: 600;
      text-decoration: none;
      display: inline-block;
      margin-top: 30px;
      transition: transform 0.2s;
    }

    .cta-btn:hover { transform: scale(1.05); }

    /* Mobile adjustments */
    @media (max-width: 768px) {
      .bento-grid, .trust-bar { grid-template-columns: 1fr; }
      .bento-item.full-width { grid-column: span 1; }
      .hero-card { padding: 40px 20px; }
      .hero-card h1 { font-size: 34px; }
    }
  </style>

  <div class="lp-container">
    <!-- Hero Area -->
    <header class="hero-card">
      <div class="hero-badge">Active A/C Cooling 2026</div>
      <h1>Semiconductor Turbo Fan</h1>
      <p>Turn your car into an A/C cabin in seconds. Features innovative superconducting cooling technology and a 100-speed digital display.</p>
      <img src="https://sc04.alicdn.com/kf/Ace25ee8234d3473d9cdef853d7844f1ef.jpeg" alt="Joytutus Fan Hero" class="hero-img">
    </header>

    <!-- Trust Bar -->
    <div class="trust-bar">
      <div class="trust-item"><span>❄️</span><label>Active Cooling</label></div>
      <div class="trust-item"><span>🌀</span><label>100 Speed Levels</label></div>
      <div class="trust-item"><span>🔋</span><label>20Hr Long Battery</label></div>
      <div class="trust-item"><span>🤱</span><label>Baby Safe Design</label></div>
    </div>

    <!-- Features Bento Grid -->
    <div class="bento-grid">
      <!-- Feature 1: Cooling Performance -->
      <div class="bento-item full-width ice-gradient">
        <div style="display: flex; flex-direction: row; gap: 40px; align-items: center; flex-wrap: wrap;">
          <div style="flex: 1; min-width: 300px;">
            <h2>16°C Drop in Just 3 Seconds</h2>
            <p>Powered by a Superconducting Cooling Chip and a 20,000 RPM Brushless Motor. Experience 10m/s hurricane wind that actually feels like a portable air conditioner.</p>
          </div>
          <div style="flex: 1; min-width: 300px;">
            <img src="https://sc04.alicdn.com/kf/Afdc5ed146db047cd917287290f82c70fj.webp" alt="Cooling Tech" class="bento-img">
          </div>
        </div>
      </div>

      <!-- Feature 2: Versatility -->
      <div class="bento-item">
        <div>
          <h2>360° Universal Adjustability</h2>
          <p>Perfect for car visors, headrests, prams, or office desks. The wide clip with silicone padding ensures a rock-solid hold in any vehicle.</p>
        </div>
        <img src="https://sc04.alicdn.com/kf/A9294028368764983830376fff4d09b5cO.webp" alt="Versatile Clip" class="bento-img">
      </div>

      <!-- Feature 3: Digital Display -->
      <div class="bento-item dark">
        <div>
          <h2>HD Digital Display</h2>
          <p>Always know your status. Crystal clear LED readout for real-time power tracking and fan speed settings (1-100 levels).</p>
        </div>
        <img src="https://sc04.alicdn.com/kf/A09019a9cd0f947f686071741343a759a9.webp" alt="LED Display" class="bento-img">
      </div>

      <!-- Feature 4: Scenarios (Full Width) -->
      <div class="bento-item full-width">
        <div style="text-align: center;">
            <h2 style="margin-bottom: 20px;">Comfort for Every Journey</h2>
            <p style="color: #86868b; margin-bottom: 40px;">From strollers and office desks to camping trips and bike rides—stay cool whenever, wherever.</p>
            <img src="https://sc04.alicdn.com/kf/A11b9e0fca11547d185a1c7f7802d7b3d2.webp" alt="Usage Scenarios" style="width: 100%; border-radius: 24px;">
        </div>
      </div>
    </div>

    <!-- Comparison Upgrade Block -->
    <div class="comparison-section">
        <h2 style="margin-bottom: 40px;">Why Choose Joytutus?</h2>
        <img src="https://sc04.alicdn.com/kf/Aa684a1722708411c9e3e921daacf7d16h.webp" alt="New Upgrade Comparison" style="width: 100%; max-width: 800px; border-radius: 24px;">
    </div>

    <!-- Tech Specs Block -->
    <div class="bento-item full-width" style="background: #ffffff; border: 1px solid #f2f2f7;">
        <div style="display: flex; flex-direction: row; gap: 40px; align-items: center; flex-wrap: wrap;">
            <div style="flex: 1; min-width: 300px;">
                <img src="https://sc04.alicdn.com/kf/A2c32923012be4d28bd444a08a4d651b6g.webp" alt="Product Specs" class="bento-img">
            </div>
            <div style="flex: 1; min-width: 300px;">
                <h2>Masterfully Engineered</h2>
                <ul style="color: #515154; line-height: 2;">
                    <li><strong>Battery:</strong> Up to 5000mAh High Capacity</li>
                    <li><strong>Weight:</strong> Ultra-light 150g Design</li>
                    <li><strong>Material:</strong> High-density Impact Resistant ABS</li>
                    <li><strong>Charging:</strong> Type-C Fast Charge Port</li>
                </ul>
            </div>
        </div>
    </div>

    <!-- CTA Area -->
    <footer class="cta-section">
      <h2>Beat the Heat Instantly</h2>
      <p>Upgrade to the next generation of portable cooling. Perfect for families, travelers, and outdoor enthusiasts.</p>
      <a href="#cart" class="cta-btn">Order Now</a>
    </footer>
  </div>
</div>