Merge version_3 into main

Merge version_3 into main

src/app/layout.tsx

@@ -1392,4 +1392,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -10,8 +10,33 @@ import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import { Sparkles, Zap, Star, Palette, Shirt } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
+  const [orderData, setOrderData] = useState({
+    name: "",    phone: "",    city: "",    product: "",    color: "",    estampa: "",    size: ""});
+
+  const sendWhatsAppMessage = (data: typeof orderData) => {
+    const message = `Olá! Gostaria de fazer um pedido VYB3:\n\nCliente: ${data.name}\nTelefone: ${data.phone}\nCidade: ${data.city}\n\nDetalhes do Pedido:\nProduto: ${data.product}\nCor: ${data.color}\nEstampa: ${data.estampa}\nTamanho: ${data.size}`;
+    const encodedMessage = encodeURIComponent(message);
+    const whatsappUrl = `https://wa.me/5555996887214?text=${encodedMessage}`;
+    window.open(whatsappUrl, "_blank");
+  };
+
+  const handleOrderSubmit = (formData: Record<string, string>) => {
+    const updatedOrderData = {
+      name: formData.name || orderData.name,
+      phone: formData.whatsapp || orderData.phone,
+      city: formData.city || orderData.city,
+      product: formData.modelo || orderData.product,
+      color: formData.message?.split("•")[0]?.trim() || orderData.color,
+      estampa: formData.message?.split("•")[1]?.trim() || orderData.estampa,
+      size: formData.message?.split("•")[2]?.trim() || orderData.size,
+    };
+    setOrderData(updatedOrderData);
+    sendWhatsAppMessage(updatedOrderData);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -20,7 +45,7 @@ export default function LandingPage() {
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
       background="none"
-      cardStyle="layered-gradient"
+      cardStyle="glass-depth"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
@@ -53,15 +78,15 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           carouselItems={[
             {
-              id: "1",              imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448808.jpg",              imageAlt: "3D rotating oversized t-shirt dark background"},
+              id: "1",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AduJfVZLnszMX4TzV9IjO1FX6A/uploaded-1772935349557-kl30wdfu.png",              imageAlt: "3D rotating oversized t-shirt dark background"},
             {
-              id: "2",              imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-77420.jpg?_wi=1",              imageAlt: "oversized t-shirt front view white minimal"},
+              id: "2",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AduJfVZLnszMX4TzV9IjO1FX6A/uploaded-1772935349557-0wml93yo.png",              imageAlt: "oversized t-shirt front view white minimal"},
             {
-              id: "3",              imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-sun-with-wooden-fence_23-2148629814.jpg?_wi=1",              imageAlt: "t-shirt back view oversized streetwear"},
+              id: "3",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AduJfVZLnszMX4TzV9IjO1FX6A/uploaded-1772935349557-goelemz8.png",              imageAlt: "t-shirt back view oversized streetwear"},
             {
-              id: "4",              imageSrc: "http://img.b2bpic.net/free-vector/workout-training-clothing-patterns-ready-print-sports-tshirt_29096-6026.jpg?_wi=1",              imageAlt: "graphic print t-shirt detail close-up"},
+              id: "4",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AduJfVZLnszMX4TzV9IjO1FX6A/uploaded-1772935349557-ekcjh1b3.png",              imageAlt: "graphic print t-shirt detail close-up"},
             {
-              id: "5",              imageSrc: "http://img.b2bpic.net/free-photo/male-athlete-doing-fitness-training-workout-outside-gym_1328-4750.jpg?_wi=1",              imageAlt: "back print graphic t-shirt detail shot"},
+              id: "5",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AduJfVZLnszMX4TzV9IjO1FX6A/uploaded-1772935349557-dwi4w2u7.png",              imageAlt: "back print graphic t-shirt detail shot"},
             {
               id: "6",              imageSrc: "http://img.b2bpic.net/free-vector/abstract-landing-page-background_23-2148008989.jpg?_wi=1",              imageAlt: "color palette display grid minimal aesthetic"},
           ]}
@@ -165,7 +190,7 @@ export default function LandingPage() {
           description="Pedido em 2 minutos. Nossa equipe confirma tudo pelo WhatsApp."
           inputs={[
             { name: "name", type: "text", placeholder: "Seu nome", required: true },
-            { name: "instagram", type: "text", placeholder: "Seu Instagram (opcional)", required: false },
+            { name: "city", type: "text", placeholder: "Sua cidade", required: true },
             { name: "whatsapp", type: "tel", placeholder: "WhatsApp / Telefone", required: true },
             { name: "modelo", type: "text", placeholder: "Modelo escolhido", required: true },
           ]}
@@ -179,6 +204,7 @@ export default function LandingPage() {
           mediaAnimation="slide-up"
           mediaPosition="right"
           buttonText="Enviar Pedido"
+          onSubmit={handleOrderSubmit}
         />
       </div>
 
@@ -221,7 +247,7 @@ export default function LandingPage() {
               title: "Social",              items: [
                 { label: "Instagram", href: "https://instagram.com/_vyb3_" },
                 { label: "TikTok", href: "https://tiktok.com/@_vyb3_" },
-                { label: "WhatsApp", href: "https://wa.me/5511999999999" },
+                { label: "WhatsApp", href: "https://wa.me/5555996887214" },
               ],
             },
             {