Update src/app/products/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -31,16 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Início",          id: "hero"},
-        {
-          name: "Sobre",          id: "about"},
-        {
-          name: "Produtos",          id: "products"},
-        {
-          name: "Avaliações",          id: "testimonials"},
-        {
-          name: "Contato",          id: "contact"},
+        { name: "Início", id: "hero" },
+        { name: "Sobre", id: "about" },
+        { name: "Produtos", id: "products" },
+        { name: "Contato", id: "contact" },
       ]}
       brandName="OXING Wear"
     />
@@ -48,15 +42,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       logoText="OXING Wear"
       description="Elegância e qualidade em cada costura. Camisas masculinas premium feitas para quem sabe se vestir bem."
       buttons={[
-        {
-          text: "Ver Coleção",          href: "#products"},
-        {
-          text: "Sobre Nós",          href: "#about"},
+        { text: "Ver Coleção", href: "/products" },
+        { text: "Sobre Nós", href: "#about" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/adorable-caucasian-lady-trendy-clothes-looking-away-while-posing-evening_197531-20766.jpg"
       imageAlt="men's dress shirt studio"
@@ -71,12 +62,9 @@ export default function LandingPage() {
       title="Tradição e Qualidade em Goiânia"
       description="Na OXING Wear, acreditamos que estar bem vestido é um reflexo do seu compromisso com a excelência. Nossa seleção de peças em linho e cortes slim é desenhada para oferecer conforto e estilo superior."
       bulletPoints={[
-        {
-          title: "Alta Qualidade",          description: "Matéria-prima de primeira linha."},
-        {
-          title: "Atendimento Dedicado",          description: "Foco na experiência do cliente."},
-        {
-          title: "Preço Justo",          description: "A melhor relação custo-benefício."},
+        { title: "Alta Qualidade", description: "Matéria-prima de primeira linha." },
+        { title: "Atendimento Dedicado", description: "Foco na experiência do cliente." },
+        { title: "Preço Justo", description: "A melhor relação custo-benefício." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575336.jpg"
       mediaAnimation="blur-reveal"
@@ -91,14 +79,11 @@ export default function LandingPage() {
       features={[
         {
           title: "Corte Slim Exclusivo",          description: "Modelagem que valoriza o corpo com ajuste preciso.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-male-designer-sewing-fabric-with-needle_23-2148180327.jpg",            imageAlt: "tailor measuring shirt"},
+            imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-male-designer-sewing-fabric-with-needle_23-2148180327.jpg",            imageAlt: "tailor measuring shirt"
+          },
           items: [
-            {
-              icon: Shirt,
-              text: "Design moderno"},
-            {
-              icon: Scissors,
-              text: "Corte impecável"},
+            { icon: Shirt, text: "Design moderno" },
+            { icon: Scissors, text: "Corte impecável" },
           ],
           reverse: false
         },
@@ -111,28 +96,16 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardTwo
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split-actions"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
+      buttons={[
+        { text: "Ver Tudo", href: "/products" }
+      ]}
       products={[
-        {
-          id: "p1",          brand: "OXING",          name: "Camisa Linho Slim",          price: "R$ 159,90",          rating: 5,
-          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-computer-smart-phone-beautiful-student-girl-working-laptop-outdoor_1328-622.jpg"},
-        {
-          id: "p2",          brand: "OXING",          name: "Camisa Social Classic",          price: "R$ 149,90",          rating: 4,
-          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-sunglasses-posed-elevator-inside_627829-2547.jpg"},
-        {
-          id: "p3",          brand: "OXING",          name: "Camisa Algodão Premium",          price: "R$ 169,90",          rating: 5,
-          reviewCount: "20",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-outdoors_23-2149080896.jpg"},
-        {
-          id: "p4",          brand: "OXING",          name: "Camisa Casual",          price: "R$ 129,90",          rating: 4,
-          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14672.jpg"},
-        {
-          id: "p5",          brand: "OXING",          name: "Camisa Premium Fit",          price: "R$ 189,90",          rating: 5,
-          reviewCount: "10",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-round-sunglasses-funny-positive-woman-having-fun-hat_158538-5560.jpg"},
-        {
-          id: "p6",          brand: "OXING",          name: "Camisa Slim Luxo",          price: "R$ 199,90",          rating: 5,
-          reviewCount: "30",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14639.jpg"},
+        { id: "p1", brand: "OXING", name: "Camisa Linho Slim", price: "R$ 159,90", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-computer-smart-phone-beautiful-student-girl-working-laptop-outdoor_1328-622.jpg" },
+        { id: "p2", brand: "OXING", name: "Camisa Social Classic", price: "R$ 149,90", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-sunglasses-posed-elevator-inside_627829-2547.jpg" },
+        { id: "p3", brand: "OXING", name: "Camisa Algodão Premium", price: "R$ 169,90", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-outdoors_23-2149080896.jpg" },
       ]}
       title="Nossa Coleção"
       description="Descubra as camisas que definem o seu estilo."
@@ -145,16 +118,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",          name: "Renata Dias",          role: "Cliente",          testimonial: "Roupas de extrema qualidade, tamanhos perfeitos.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-thumb-up_1187-2591.jpg"},
-        {
-          id: "2",          name: "Hosttk System",          role: "Cliente",          testimonial: "Sou fã da marca! Qualidade incrível.",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-good-looking-woman-dressed-fashionable-dark-green-jacket-has-bun-hairstyle-looks-self-confident-camera-poses-outdoors-city-against-blurred-background-lifestyle-concept_273609-59176.jpg"},
-        {
-          id: "3",          name: "Carlos M.",          role: "Cliente",          testimonial: "Preços justos e acabamento impecável.",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-spectacles_1303-14473.jpg"},
-        {
-          id: "4",          name: "Ana S.",          role: "Cliente",          testimonial: "Atendimento nota 10.",          imageSrc: "http://img.b2bpic.net/free-photo/content-creator-presents-fast-fashion-jacket-viewers-filming-haul_482257-115675.jpg"},
-        {
-          id: "5",          name: "Pedro F.",          role: "Cliente",          testimonial: "Camisas ótimas, atendimento muito cordial.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9661.jpg"},
+        { id: "1", name: "Renata Dias", role: "Cliente", testimonial: "Roupas de extrema qualidade, tamanhos perfeitos.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-thumb-up_1187-2591.jpg" },
+        { id: "2", name: "Hosttk System", role: "Cliente", testimonial: "Sou fã da marca! Qualidade incrível.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-good-looking-woman-dressed-fashionable-dark-green-jacket-has-bun-hairstyle-looks-self-confident-camera-poses-outdoors-city-against-blurred-background-lifestyle-concept_273609-59176.jpg" },
       ]}
       title="O que nossos clientes dizem"
       description="A satisfação de quem veste OXING."
@@ -166,12 +131,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",          title: "Como é a modelagem?",          content: "Nossas camisas têm modelagem slim que veste o tamanho real do cliente."},
-        {
-          id: "2",          title: "Qual a qualidade do linho?",          content: "Trabalhamos apenas com tecido de alta qualidade, resistente e durável."},
-        {
-          id: "3",          title: "Onde estamos localizados?",          content: "Estamos em Goiânia, Setor Centro Oeste."},
+        { id: "1", title: "Como é a modelagem?", content: "Nossas camisas têm modelagem slim que veste o tamanho real do cliente." },
+        { id: "3", title: "Onde estamos localizados?", content: "Estamos em Goiânia, Setor Centro Oeste." },
       ]}
       title="Dúvidas Frequentes"
       description="Estamos aqui para ajudar com qualquer questão."
@@ -180,47 +141,40 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Entre em Contato"
-      title="Visite nossa loja em Goiânia"
-      description="Estamos situados no Edifício Solar Campinas, prontos para atender você."
-      buttons={[
-        {
-          text: "WhatsApp: (62) 98504-5987",          href: "https://wa.me/5562985045987"},
-      ]}
+      <ContactSplit
+      tag="Localização & Contato"
+      title="Visite a OXING Wear em Goiânia"
+      description="Venha conhecer nossas peças pessoalmente no Edifício Solar Campinas ou entre em contato pelo nosso WhatsApp."
+      imageSrc="http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14672.jpg"
+      buttonText="Falar no WhatsApp"
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
+      onSubmit={(email) => window.open("https://wa.me/5562985045987", "_blank")}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-smooth-textured-foam-color-background_23-2148078953.jpg"
-      logoText="OXING Wear"
+      <FooterSimple
       columns={[
         {
-          title: "Links",          items: [
-            {
-              label: "Início",              href: "#hero"},
-            {
-              label: "Produtos",              href: "#products"},
-          ],
+          title: "OXING Wear",          items: [
+            { label: "Sobre", href: "#about" },
+            { label: "Produtos", href: "/products" },
+            { label: "Contato", href: "#contact" }
+          ]
         },
         {
-          title: "Suporte",          items: [
-            {
-              label: "WhatsApp",              href: "https://wa.me/5562985045987"},
-            {
-              label: "Avaliações",              href: "#testimonials"},
-          ],
-        },
+          title: "Redes Sociais",          items: [
+            { label: "Instagram", href: "#" },
+            { label: "Facebook", href: "#" }
+          ]
+        }
       ]}
-      copyrightText="© 2025 OXING Wear. Todos os direitos reservados."
-      imageAlt="abstract texture light blue"
+      bottomLeftText="© 2025 OXING Wear. Todos os direitos reservados."
+      bottomRightText="Setor Centro Oeste, Goiânia - GO"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Início", id: "/" },
+                { name: "Produtos", id: "/products" },
+            ]}
+            brandName="OXING Wear"
+            />
+        </div>
+
+        <div id="products" data-section="products" style={{ marginTop: "100px" }}>
+            <ProductCardTwo
+                title="Nossa Coleção Completa"
+                description="Explore nossa linha premium de camisas."
+                gridVariant="three-columns-all-equal-width"
+                animationType="slide-up"
+                useInvertedBackground={false}
+                textboxLayout="default"
+                products={[
+                    { id: "p1", brand: "OXING", name: "Camisa Linho Slim", price: "R$ 159,90", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-computer-smart-phone-beautiful-student-girl-working-laptop-outdoor_1328-622.jpg" },
+                    { id: "p2", brand: "OXING", name: "Camisa Social Classic", price: "R$ 149,90", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-sunglasses-posed-elevator-inside_627829-2547.jpg" },
+                    { id: "p3", brand: "OXING", name: "Camisa Algodão Premium", price: "R$ 169,90", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-outdoors_23-2149080896.jpg" },
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterSimple
+                columns={[]}
+                bottomLeftText="© 2025 OXING Wear."
+                bottomRightText="Goiânia - GO"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}