Spaces:

mvbhr
/

mini-racer-rally

Running

App Files Files Community

mvbhr commited on Oct 12, 2025

Commit

f3cd369

verified ·

1 Parent(s): 7cad2ce

criar a página do produto Jeep Wrangler 4x4

Browse files

Files changed (3) hide show

bronco-4x4-extreme.html +1 -2
index.html +20 -19
jeep-wrangler-4x4.html +504 -0

bronco-4x4-extreme.html CHANGED Viewed

@@ -127,8 +127,7 @@
             </ol>
         </div>
     </nav>
-    <!-- Product Detail Section -->
     <section class="py-12">
         <div class="container mx-auto px-6">
             <div class="flex flex-col md:flex-row gap-10">

             </ol>
         </div>
     </nav>
+<!-- Product Detail Section -->
     <section class="py-12">
         <div class="container mx-auto px-6">
             <div class="flex flex-col md:flex-row gap-10">

index.html CHANGED Viewed

@@ -109,19 +109,19 @@
                 <div class="md:w-1/2 flex justify-center">
                     <div class="relative">
                         <div class="absolute -top-6 -right-6 w-64 h-64 bg-blue-300 rounded-full opacity-30 animate-ping"></div>
-                        <a href="bronco-4x4-extreme.html" class="relative bg-white rounded-3xl p-6 shadow-2xl transform rotate-3 block">
-                            <img src="https://bucket.temp75.host.dev.br/4x4/bronco-4x4.jpeg" alt="Carrinho 4x4 Bronco" class="w-full h-auto rounded-2xl">
-                            <div class="mt-4">
-                                <h3 class="font-bold text-xl">Bronco 4x4 Extreme</h3>
-                                <div class="flex items-center mt-2">
-                                    <span class="text-gray-500 line-through mr-2">R$631,39</span>
-                                    <span class="sale-badge text-white px-3 py-1 rounded-full text-sm font-bold">50% OFF</span>
-                                </div>
-                                <p class="text-2xl font-bold text-purple-600">R$315,69</p>
-                            </div>
-                        </a>
                     </div>
-                </div>
 </div>
         </div>
     </section>
@@ -133,7 +133,7 @@
                 <!-- Product 1 -->
                 <div class="product-card rounded-3xl overflow-hidden shadow-xl border-4 border-white">
                     <div class="p-6">
-                        <a href="bronco-4x4-extreme.html">
                             <div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-64 flex items-center justify-center">
                                 <img src="https://bucket.temp75.host.dev.br/4x4/bronco-4x4.jpeg" alt="Bronco 4x4" class="w-full h-full object-contain">
                             </div>
@@ -154,9 +154,11 @@
 <!-- Product 2 -->
                 <div class="product-card rounded-3xl overflow-hidden shadow-xl border-4 border-white">
                     <div class="p-6">
-                        <div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-64 flex items-center justify-center">
-                            <img src="https://bucket.temp75.host.dev.br/4x4/jeep-4x4.jpeg" alt="Jeep 4x4" class="w-full h-full object-contain">
-                        </div>
                         <div class="mt-6">
                             <span class="inline-block bg-gradient-to-r from-yellow-400 to-orange-500 text-white text-xs px-3 py-1 rounded-full font-semibold">Novidade</span>
                             <h3 class="font-bold text-xl mt-2">Jeep Wrangler 4x4</h3>
@@ -166,12 +168,11 @@
                                 <span class="bg-gradient-to-r from-red-400 to-pink-500 text-white text-xs px-3 py-1 rounded-full font-semibold">Poupe R$200,00</span>
                             </div>
                             <p class="text-2xl font-bold text-purple-600 mt-2">R$389,90</p>
-                            <button class="mt-4 w-full btn-primary text-white font-bold py-3 rounded-full transition duration-300">Adicionar ao Carrinho</button>
                         </div>
                     </div>
                 </div>
-                <!-- Product 3 -->
                 <div class="product-card rounded-3xl overflow-hidden shadow-xl border-4 border-white">
                     <div class="p-6">
                         <div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-64 flex items-center justify-center">

                 <div class="md:w-1/2 flex justify-center">
                     <div class="relative">
                         <div class="absolute -top-6 -right-6 w-64 h-64 bg-blue-300 rounded-full opacity-30 animate-ping"></div>
+                <a href="bronco-4x4-extreme.html" class="relative bg-white rounded-3xl p-6 shadow-2xl transform rotate-3 block">
+                    <img src="https://bucket.temp75.host.dev.br/4x4/bronco-4x4.jpeg" alt="Carrinho 4x4 Bronco" class="w-full h-auto rounded-2xl">
+                    <div class="mt-4">
+                        <h3 class="font-bold text-xl">Bronco 4x4 Extreme</h3>
+                        <div class="flex items-center mt-2">
+                            <span class="text-gray-500 line-through mr-2">R$631,39</span>
+                            <span class="sale-badge text-white px-3 py-1 rounded-full text-sm font-bold">50% OFF</span>
+                        </div>
+                        <p class="text-2xl font-bold text-purple-600">R$315,69</p>
                     </div>
+                </a>
+            </div>
+        </div>
 </div>
         </div>
     </section>
                 <!-- Product 1 -->
                 <div class="product-card rounded-3xl overflow-hidden shadow-xl border-4 border-white">
                     <div class="p-6">
+<a href="bronco-4x4-extreme.html">
                             <div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-64 flex items-center justify-center">
                                 <img src="https://bucket.temp75.host.dev.br/4x4/bronco-4x4.jpeg" alt="Bronco 4x4" class="w-full h-full object-contain">
                             </div>
 <!-- Product 2 -->
                 <div class="product-card rounded-3xl overflow-hidden shadow-xl border-4 border-white">
                     <div class="p-6">
+                        <a href="jeep-wrangler-4x4.html">
+                            <div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-64 flex items-center justify-center">
+                                <img src="https://bucket.temp75.host.dev.br/4x4/jeep-4x4.jpeg" alt="Jeep 4x4" class="w-full h-full object-contain">
+                            </div>
+                        </a>
                         <div class="mt-6">
                             <span class="inline-block bg-gradient-to-r from-yellow-400 to-orange-500 text-white text-xs px-3 py-1 rounded-full font-semibold">Novidade</span>
                             <h3 class="font-bold text-xl mt-2">Jeep Wrangler 4x4</h3>
                                 <span class="bg-gradient-to-r from-red-400 to-pink-500 text-white text-xs px-3 py-1 rounded-full font-semibold">Poupe R$200,00</span>
                             </div>
                             <p class="text-2xl font-bold text-purple-600 mt-2">R$389,90</p>
+                            <a href="jeep-wrangler-4x4.html" class="mt-4 w-full btn-primary text-white font-bold py-3 rounded-full transition duration-300 inline-block text-center">Ver Detalhes</a>
                         </div>
                     </div>
                 </div>
+<!-- Product 3 -->
                 <div class="product-card rounded-3xl overflow-hidden shadow-xl border-4 border-white">
                     <div class="p-6">
                         <div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-64 flex items-center justify-center">

jeep-wrangler-4x4.html ADDED Viewed

	@@ -0,0 +1,504 @@

+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Jeep Wrangler 4x4 - Carrinho 4x4 Controle Remoto | Alta Performance</title>
+    <meta name="description" content="Jeep Wrangler 4x4 com tração nas quatro rodas, luzes LED, controle remoto de alta performance e bateria duradoura. Perfeito para aventuras infantis!">
+    <meta name="keywords" content="carrinho 4x4, jeep wrangler 4x4, controle remoto, brinquedo infantil, aventura, off-road, luzes LED">
+    <link rel="canonical" href="https://carrinho4x4.com.br/jeep-wrangler-4x4">
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;700;800&display=swap" rel="stylesheet">
+    <style>
+        body {
+            font-family: 'Nunito', sans-serif;
+            background-color: #f0f9ff;
+            overflow-x: hidden;
+        }
+        .header-font {
+            font-family: 'Fredoka One', cursive;
+        }
+        .product-card {
+            transition: all 0.3s ease;
+            background: rgba(255, 255, 255, 0.7);
+            backdrop-filter: blur(10px);
+        }
+        .product-card:hover {
+            transform: translateY(-10px);
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+        }
+        .hero-bg {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        }
+        .btn-primary {
+            background: linear-gradient(135deg, #ff6b6b, #ffa502);
+            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
+        }
+        .btn-primary:hover {
+            transform: scale(1.05);
+            box-shadow: 0 8px 25px rgba(255, 107, 107, 0.6);
+        }
+        .sale-badge {
+            background: linear-gradient(135deg, #00c9ff 0%, #92fe9d 100%);
+            animation: pulse 2s infinite;
+        }
+        @keyframes pulse {
+            0% { transform: scale(1); }
+            50% { transform: scale(1.05); }
+            100% { transform: scale(1); }
+        }
+        .feature-icon {
+            background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
+        }
+        .testimonial-card {
+            background: rgba(255, 255, 255, 0.8);
+            backdrop-filter: blur(10px);
+        }
+        .modern-gradient {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        }
+        .spec-table tr:nth-child(even) {
+            background-color: #f8f9fa;
+        }
+        .spec-table th {
+            background-color: #667eea;
+            color: white;
+        }
+        .faq-item {
+            border-bottom: 1px solid #e2e8f0;
+        }
+        .faq-item:last-child {
+            border-bottom: none;
+        }
+        .faq-question {
+            cursor: pointer;
+            font-weight: 700;
+            padding: 1rem 0;
+        }
+        .faq-answer {
+            padding-bottom: 1rem;
+            display: none;
+        }
+        .open .faq-answer {
+            display: block;
+        }
+    </style>
+</head>
+<body class="text-gray-800">
+    <!-- Header -->
+    <header class="hero-bg text-white py-4 px-6 sticky top-0 z-50 shadow-lg">
+        <div class="container mx-auto flex justify-between items-center">
+            <div class="flex items-center space-x-2">
+                <i data-feather="truck" class="w-8 h-8"></i>
+                <h1 class="header-font text-3xl">Carrinho 4x4</h1>
+            </div>
+            <nav class="hidden md:flex space-x-6">
+                <a href="index.html" class="font-bold hover:text-yellow-300 transition">Início</a>
+                <a href="index.html#produtos" class="font-bold hover:text-yellow-300 transition">Produtos</a>
+                <a href="index.html#promocoes" class="font-bold hover:text-yellow-300 transition">Promoções</a>
+                <a href="index.html#contato" class="font-bold hover:text-yellow-300 transition">Contato</a>
+            </nav>
+            <div class="flex items-center space-x-4">
+                <button class="p-2 rounded-full hover:bg-pink-500 transition">
+                    <i data-feather="search"></i>
+                </button>
+                <button class="p-2 rounded-full hover:bg-pink-500 transition relative">
+                    <i data-feather="shopping-cart"></i>
+                    <span class="absolute top-0 right-0 bg-red-500 text-white rounded-full w-5 h-5 flex items-center justify-center text-xs">3</span>
+                </button>
+                <button class="md:hidden p-2 rounded-full hover:bg-pink-500 transition">
+                    <i data-feather="menu"></i>
+                </button>
+            </div>
+        </div>
+    </header>
+    <!-- Breadcrumb -->
+    <nav class="py-4 px-6 bg-gray-100">
+        <div class="container mx-auto">
+            <ol class="flex items-center space-x-2 text-sm">
+                <li><a href="index.html" class="text-blue-600 hover:underline">Início</a></li>
+                <li><i data-feather="chevron-right" class="w-4 h-4"></i></li>
+                <li><a href="index.html#produtos" class="text-blue-600 hover:underline">Produtos</a></li>
+                <li><i data-feather="chevron-right" class="w-4 h-4"></i></li>
+                <li class="text-gray-500">Jeep Wrangler 4x4</li>
+            </ol>
+        </div>
+    </nav>
+    <!-- Product Detail Section -->
+    <section class="py-12">
+        <div class="container mx-auto px-6">
+            <div class="flex flex-col md:flex-row gap-10">
+                <!-- Product Images -->
+                <div class="md:w-1/2">
+                    <div class="bg-white rounded-2xl p-6 shadow-lg mb-6">
+                        <img src="https://bucket.temp75.host.dev.br/4x4/jeep-4x4.jpeg" alt="Jeep Wrangler 4x4 - Carrinho 4x4 com Tração nas Quatro Rodas" class="w-full h-auto rounded-xl">
+                    </div>
+                    <div class="grid grid-cols-3 gap-4">
+                        <div class="bg-white rounded-xl p-4 shadow-md">
+                            <img src="https://bucket.temp75.host.dev.br/4x4/jeep-4x4.jpeg" alt="Jeep Wrangler 4x4 - Detalhe 1" class="w-full h-auto rounded-lg">
+                        </div>
+                        <div class="bg-white rounded-xl p-4 shadow-md">
+                            <img src="http://static.photos/toy/320x240/7" alt="Jeep Wrangler 4x4 - Detalhe 2" class="w-full h-auto rounded-lg">
+                        </div>
+                        <div class="bg-white rounded-xl p-4 shadow-md">
+                            <img src="http://static.photos/toy/320x240/8" alt="Jeep Wrangler 4x4 - Detalhe 3" class="w-full h-auto rounded-lg">
+                        </div>
+                    </div>
+                </div>
+                <!-- Product Info -->
+                <div class="md:w-1/2">
+                    <div class="bg-white rounded-2xl p-8 shadow-lg">
+                        <div class="flex items-center mb-4">
+                            <span class="inline-block bg-gradient-to-r from-yellow-400 to-orange-500 text-white text-xs px-3 py-1 rounded-full font-semibold mr-3">Novidade</span>
+                            <span class="bg-yellow-100 text-yellow-800 text-xs px-3 py-1 rounded-full font-semibold">32% OFF</span>
+                        </div>
+                        <h1 class="header-font text-3xl md:text-4xl mb-4">Jeep Wrangler 4x4</h1>
+                        <div class="flex items-center mb-6">
+                            <div class="flex text-yellow-400 mr-3">
+                                <i data-feather="star"></i>
+                                <i data-feather="star"></i>
+                                <i data-feather="star"></i>
+                                <i data-feather="star"></i>
+                                <i data-feather="star"></i>
+                            </div>
+                            <span class="text-gray-600">(96 avaliações)</span>
+                        </div>
+                        <p class="text-gray-600 mb-8">Modelo de escalada com suspensão independente, luzes LED e controle remoto de alta performance. Ideal para aventuras off-road!</p>
+                        <div class="mb-8">
+                            <div class="flex items-center mb-2">
+                                <span class="text-gray-500 line-through text-2xl mr-3">R$589,90</span>
+                                <span class="sale-badge text-white px-4 py-2 rounded-full text-lg font-bold">32% OFF</span>
+                            </div>
+                            <p class="text-4xl font-bold text-purple-600 mb-2">R$389,90</p>
+                            <p class="text-gray-600">ou 10x de R$38,99 sem juros</p>
+                        </div>
+                        <div class="mb-8">
+                            <h3 class="font-bold text-lg mb-3">Cores Disponíveis</h3>
+                            <div class="flex space-x-3">
+                                <div class="w-10 h-10 rounded-full bg-red-500 border-2 border-white shadow-md cursor-pointer"></div>
+                                <div class="w-10 h-10 rounded-full bg-blue-500 border-2 border-white shadow-md cursor-pointer"></div>
+                                <div class="w-10 h-10 rounded-full bg-green-500 border-2 border-white shadow-md cursor-pointer"></div>
+                                <div class="w-10 h-10 rounded-full bg-gray-500 border-2 border-white shadow-md cursor-pointer"></div>
+                            </div>
+                        </div>
+                        <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4 mb-8">
+                            <button class="btn-primary text-white font-bold py-4 px-8 rounded-full text-lg transition duration-300 flex-1">Comprar Agora</button>
+                            <button class="border-2 border-purple-600 text-purple-600 font-bold py-4 px-8 rounded-full text-lg hover:bg-purple-50 transition duration-300 flex-1">Adicionar ao Carrinho</button>
+                        </div>
+                        <div class="border-t border-gray-200 pt-6">
+                            <div class="flex items-center mb-4">
+                                <i data-feather="shield" class="w-6 h-6 text-green-500 mr-2"></i>
+                                <span class="font-semibold">Garantia de 1 ano</span>
+                            </div>
+                            <div class="flex items-center mb-4">
+                                <i data-feather="truck" class="w-6 h-6 text-blue-500 mr-2"></i>
+                                <span class="font-semibold">Frete grátis para todo Brasil</span>
+                            </div>
+                            <div class="flex items-center">
+                                <i data-feather="rotate-ccw" class="w-6 h-6 text-purple-500 mr-2"></i>
+                                <span class="font-semibold">Devolução grátis em 7 dias</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Product Features -->
+    <section class="py-12 bg-gradient-to-br from-blue-50 to-purple-50">
+        <div class="container mx-auto px-6">
+            <h2 class="header-font text-3xl text-center mb-12 text-purple-600">Recursos do Jeep Wrangler 4x4</h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                <div class="bg-white rounded-2xl p-8 shadow-lg">
+                    <h3 class="font-bold text-2xl mb-6 text-center">Especificações Técnicas</h3>
+                    <table class="spec-table w-full rounded-xl overflow-hidden">
+                        <tr>
+                            <th class="text-left p-4">Característica</th>
+                            <th class="text-left p-4">Detalhe</th>
+                        </tr>
+                        <tr>
+                            <td class="p-4 font-semibold">Modelo</td>
+                            <td class="p-4">Jeep Wrangler 4x4</td>
+                        </tr>
+                        <tr>
+                            <td class="p-4 font-semibold">Tração</td>
+                            <td class="p-4">4x4 (Quatro Rodas)</td>
+                        </tr>
+                        <tr>
+                            <td class="p-4 font-semibold">Controle</td>
+                            <td class="p-4">Controle Remoto 2.4GHz</td>
+                        </tr>
+                        <tr>
+                            <td class="p-4 font-semibold">Velocidade</td>
+                            <td class="p-4">Até 15 km/h</td>
+                        </tr>
+                        <tr>
+                            <td class="p-4 font-semibold">Bateria</td>
+                            <td class="p-4">7.4V 1000mAh Li-ion</td>
+                        </tr>
+                        <tr>
+                            <td class="p-4 font-semibold">Tempo de Carga</td>
+                            <td class="p-4">2-3 horas</td>
+                        </tr>
+                        <tr>
+                            <td class="p-4 font-semibold">Autonomia</td>
+                            <td class="p-4">Até 25 minutos</td>
+                        </tr>
+                        <tr>
+                            <td class="p-4 font-semibold">Material</td>
+                            <td class="p-4">ABS de Alta Qualidade</td>
+                        </tr>
+                        <tr>
+                            <td class="p-4 font-semibold">Idade Recomendada</td>
+                            <td class="p-4">6 anos ou mais</td>
+                        </tr>
+                    </table>
+                </div>
+                <div>
+                    <div class="bg-white rounded-2xl p-8 shadow-lg mb-8">
+                        <h3 class="font-bold text-2xl mb-6">Principais Recursos</h3>
+                        <ul class="space-y-4">
+                            <li class="flex items-start">
+                                <i data-feather="check-circle" class="w-6 h-6 text-green-500 mr-3 mt-1"></i>
+                                <span><strong>Tração nas Quatro Rodas:</strong> Superar qualquer obstáculo com facilidade</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i data-feather="check-circle" class="w-6 h-6 text-green-500 mr-3 mt-1"></i>
+                                <span><strong>Luzes LED Completas:</strong> Faróis dianteiros, lanternas traseiras e iluminação de telhado</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i data-feather="check-circle" class="w-6 h-6 text-green-500 mr-3 mt-1"></i>
+                                <span><strong>Controle Remoto de Alta Performance:</strong> Controle preciso em todos os sentidos</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i data-feather="check-circle" class="w-6 h-6 text-green-500 mr-3 mt-1"></i>
+                                <span><strong>Suspensão Independente:</strong> Maior estabilidade em terrenos irregulares</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i data-feather="check-circle" class="w-6 h-6 text-green-500 mr-3 mt-1"></i>
+                                <span><strong>Bateria Recarregável:</strong> Até 25 minutos de diversão contínua</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i data-feather="check-circle" class="w-6 h-6 text-green-500 mr-3 mt-1"></i>
+                                <span><strong>Design Realista:</strong> Detalhes fiéis ao veículo original</span>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="bg-gradient-to-r from-indigo-500 to-purple-600 rounded-2xl p-8 shadow-lg text-white">
+                        <h3 class="font-bold text-2xl mb-4">Por que escolher o Jeep Wrangler 4x4?</h3>
+                        <p class="mb-4">O Jeep Wrangler 4x4 é o modelo mais versátil da nossa linha, com design icônico e performance excepcional em qualquer terreno.</p>
+                        <p>Com mais de 8.500 unidades vendidas, é a escolha ideal para crianças que adoram aventuras off-road.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Testimonials -->
+    <section class="py-16 bg-gradient-to-br from-blue-50 to-indigo-50">
+        <div class="container mx-auto px-6">
+            <h2 class="header-font text-3xl text-center mb-12 text-purple-600">O que os clientes dizem</h2>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div class="testimonial-card rounded-3xl p-8 shadow-lg">
+                    <div class="flex items-center mb-6">
+                        <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16"></div>
+                        <div class="ml-4">
+                            <h4 class="font-bold text-lg">Roberto Almeida</h4>
+                            <p class="text-purple-600">Pai do Pedro (7 anos)</p>
+                        </div>
+                    </div>
+                    <p class="text-lg italic">"Comprei o Jeep Wrangler como presente de aniversário e foi um sucesso! O som do motor é realista e as luzes deixam as corridas mais emocionantes."</p>
+                    <div class="flex mt-4 text-yellow-400">
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                    </div>
+                </div>
+                <div class="testimonial-card rounded-3xl p-8 shadow-lg">
+                    <div class="flex items-center mb-6">
+                        <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16"></div>
+                        <div class="ml-4">
+                            <h4 class="font-bold text-lg">Fernanda Oliveira</h4>
+                            <p class="text-purple-600">Mãe do Lucas (9 anos)</p>
+                        </div>
+                    </div>
+                    <p class="text-lg italic">"A qualidade dos materiais é excelente! Meu filho adora brincar com o Jeep Wrangler em todos os tipos de terreno do quintal."</p>
+                    <div class="flex mt-4 text-yellow-400">
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                    </div>
+                </div>
+                <div class="testimonial-card rounded-3xl p-8 shadow-lg">
+                    <div class="flex items-center mb-6">
+                        <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16"></div>
+                        <div class="ml-4">
+                            <h4 class="font-bold text-lg">Marcos Silva</h4>
+                            <p class="text-purple-600">Pai da Isabela (6 anos)</p>
+                        </div>
+                    </div>
+                    <p class="text-lg italic">"O Jeep Wrangler superou minhas expectativas! A bateria dura bastante e o controle é muito responsivo. Recomendo para qualquer criança que ama carros."</p>
+                    <div class="flex mt-4 text-yellow-400">
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                        <i data-feather="star"></i>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- FAQ Section -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-6">
+            <h2 class="header-font text-3xl text-center mb-12 text-purple-600">Perguntas Frequentes</h2>
+            <div class="max-w-3xl mx-auto">
+                <div class="faq-item">
+                    <div class="faq-question flex justify-between items-center">
+                        <span>Qual é a faixa etária recomendada para o Jeep Wrangler 4x4?</span>
+                        <i data-feather="chevron-down" class="w-5 h-5"></i>
+                    </div>
+                    <div class="faq-answer">
+                        <p>O brinquedo é recomendado para crianças a partir de 6 anos de idade, devido ao tamanho das peças e complexidade do controle remoto.</p>
+                    </div>
+                </div>
+                <div class="faq-item">
+                    <div class="faq-question flex justify-between items-center">
+                        <span>Quanto tempo a bateria dura após uma carga completa?</span>
+                        <i data-feather="chevron-down" class="w-5 h-5"></i>
+                    </div>
+                    <div class="faq-answer">
+                        <p>A bateria Li-ion de 7.4V 1000mAh proporciona até 25 minutos de uso contínuo. O tempo de recarga é de aproximadamente 2-3 horas.</p>
+                    </div>
+                </div>
+                <div class="faq-item">
+                    <div class="faq-question flex justify-between items-center">
+                        <span>O carrinho funciona em todos os tipos de piso?</span>
+                        <i data-feather="chevron-down" class="w-5 h-5"></i>
+                    </div>
+                    <div class="faq-answer">
+                        <p>Sim, graças à sua tração 4x4 e suspensão independente, o Jeep Wrangler 4x4 é capaz de se locomover em diversos tipos de piso, incluindo carpete, piso liso e até pequenos obstáculos.</p>
+                    </div>
+                </div>
+                <div class="faq-item">
+                    <div class="faq-question flex justify-between items-center">
+                        <span>Quais são as cores disponíveis?</span>
+                        <i data-feather="chevron-down" class="w-5 h-5"></i>
+                    </div>
+                    <div class="faq-answer">
+                        <p>O Jeep Wrangler 4x4 está disponível nas cores vermelha, azul, verde e cinza. A cor é enviada conforme disponibilidade em estoque.</p>
+                    </div>
+                </div>
+                <div class="faq-item">
+                    <div class="faq-question flex justify-between items-center">
+                        <span>O controle remoto é compatível com outros modelos?</span>
+                        <i data-feather="chevron-down" class="w-5 h-5"></i>
+                    </div>
+                    <div class="faq-answer">
+                        <p>O controle remoto é específico para o Jeep Wrangler 4x4 e não é compatível com outros modelos da linha. Cada carrinho deve ser usado com seu controle original.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- CTA Section -->
+    <section class="py-16 bg-gradient-to-r from-indigo-600 to-purple-700 text-white">
+        <div class="container mx-auto px-6 text-center">
+            <h2 class="header-font text-3xl md:text-4xl mb-6">Pronto para a aventura?</h2>
+            <p class="text-xl max-w-2xl mx-auto mb-10">Garanta já o seu Jeep Wrangler 4x4 com 32% de desconto!</p>
+            <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
+                <button class="btn-primary text-white font-bold py-4 px-12 rounded-full text-xl transition duration-300">Comprar Agora</button>
+                <button class="bg-white text-purple-600 font-bold py-4 px-12 rounded-full text-xl hover:bg-gray-100 transition duration-300">Ver Outros Modelos</button>
+            </div>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-gray-900 text-white pt-16 pb-8">
+        <div class="container mx-auto px-6">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
+                <div>
+                    <h3 class="header-font text-2xl mb-4">Carrinho 4x4</h3>
+                    <p class="text-gray-400">Carrinhos 4x4 de alta performance para aventuras infantis inesquecíveis.</p>
+                </div>
+                <div>
+                    <h4 class="font-bold text-lg mb-4">Links Rápidos</h4>
+                    <ul class="space-y-2 text-gray-400">
+                        <li><a href="index.html" class="hover:text-white transition">Início</a></li>
+                        <li><a href="index.html#produtos" class="hover:text-white transition">Produtos</a></li>
+                        <li><a href="index.html#promocoes" class="hover:text-white transition">Promoções</a></li>
+                        <li><a href="index.html#sobre" class="hover:text-white transition">Sobre Nós</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="font-bold text-lg mb-4">Categorias</h4>
+                    <ul class="space-y-2 text-gray-400">
+                        <li><a href="index.html#produtos" class="hover:text-white transition">Carrinhos 4x4</a></li>
+                        <li><a href="index.html#produtos" class="hover:text-white transition">Controles Remotos</a></li>
+                        <li><a href="index.html#produtos" class="hover:text-white transition">Acessórios</a></li>
+                        <li><a href="index.html#produtos" class="hover:text-white transition">Peças de Reposição</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="font-bold text-lg mb-4">Contato</h4>
+                    <ul class="space-y-2 text-gray-400">
+                        <li class="flex items-start">
+                            <i data-feather="mail" class="mr-2 mt-1 w-5 h-5"></i>
+                            <span>contato@carrinho4x4.com.br</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i data-feather="phone" class="mr-2 mt-1 w-5 h-5"></i>
+                            <span>(11) 99999-9999</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i data-feather="map-pin" class="mr-2 mt-1 w-5 h-5"></i>
+                            <span>São Paulo, SP</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="border-t border-gray-800 pt-8 text-center text-gray-500">
+                <p>&copy; 2023 Carrinho 4x4. Todos os direitos reservados.</p>
+            </div>
+        </div>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script>
+        feather.replace();
+        // FAQ Accordion
+        document.querySelectorAll('.faq-question').forEach(question => {
+            question.addEventListener('click', () => {
+                const faqItem = question.parentElement;
+                faqItem.classList.toggle('open');
+                const icon = question.querySelector('i');
+                if (faqItem.classList.contains('open')) {
+                    icon.setAttribute('data-feather', 'chevron-up');
+                } else {
+                    icon.setAttribute('data-feather', 'chevron-down');
+                }
+                feather.replace();
+            });
+        });
+    </script>
+</body>
+</html>