From a5bb41510068c101a970cc34c06b292cff51c7ea Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 01:16:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 480 ++++++++++++++---------------------------------
 1 file changed, 144 insertions(+), 336 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9d100f3..07e9c5e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,353 +16,161 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Início",
-          id: "hero",
-        },
-        {
-          name: "Produtos",
-          id: "produtos",
-        },
-        {
-          name: "Nossas Lojas",
-          id: "visite-loja",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="Colchoflex"
-      button={{
-        text: "WhatsApp",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Início", id: "hero" },
+              { name: "Produtos", id: "produtos" },
+              { name: "Nossas Lojas", id: "visite-loja" },
+              { name: "FAQ", id: "faq" }
+            ]}
+            brandName="Colchoflex"
+            button={{ text: "WhatsApp", href: "#" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "plain",
-      }}
-      title="Você não precisa mais acordar com dor."
-      description="Descubra o suporte perfeito para um sono reparador. Em mais de 35 anos, transformamos as noites de milhares de paulistas com atendimento especializado."
-      buttons={[
-        {
-          text: "Ver loja mais próxima",
-          href: "#visite-loja",
-        },
-        {
-          text: "Falar no WhatsApp",
-          href: "#",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg?_wi=1"
-      imageAlt="Ambiente de quarto aconchegante"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
-          alt: "Cliente satisfeito",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
-          alt: "Cliente satisfeito",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
-          alt: "Cliente satisfeito",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
-          alt: "Cliente satisfeito",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-home_641386-949.jpg",
-          alt: "Cliente satisfeito",
-        },
-      ]}
-      avatarText="Mais de 10.000 clientes satisfeitos"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "35 Anos de Tradição",
-        },
-        {
-          type: "text",
-          text: "Conforto Premium",
-        },
-        {
-          type: "text",
-          text: "Suporte Especializado",
-        },
-        {
-          type: "text",
-          text: "Entrega Rápida",
-        },
-        {
-          type: "text",
-          text: "Qualidade Garantida",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "plain" }}
+            title="Você não precisa mais acordar com dor."
+            description="Descubra o suporte perfeito para um sono reparador. Em mais de 35 anos, transformamos as noites de milhares de paulistas com atendimento especializado."
+            buttons={[{ text: "Ver loja mais próxima", href: "#visite-loja" }, { text: "Falar no WhatsApp", href: "#" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg"
+            imageAlt="Ambiente de quarto aconchegante"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "Cliente satisfeito" },
+              { src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", alt: "Cliente satisfeito" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Cliente satisfeito" },
+              { src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Cliente satisfeito" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-man-home_641386-949.jpg", alt: "Cliente satisfeito" }
+            ]}
+            avatarText="Mais de 10.000 clientes satisfeitos"
+            marqueeItems={[{ type: "text", text: "35 Anos de Tradição" }, { type: "text", text: "Conforto Premium" }, { type: "text", text: "Suporte Especializado" }, { type: "text", text: "Entrega Rápida" }, { type: "text", text: "Qualidade Garantida" }]}
+          />
+        </div>
 
-  <div id="dores" data-section="dores">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Dores nas costas",
-          description: "Sente desconforto ao acordar?",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-having-back-pain_53876-144792.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Insônia",
-          description: "Dificuldade para manter o sono?",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-male-figure-doing-crunch-exercise-showing-muscles-used_1048-6118.jpg",
-        },
-        {
-          id: "3",
-          title: "Desconforto",
-          description: "Colchão afundando ou irregular?",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-money-happy-friendly-background_1127-2675.jpg",
-        },
-      ]}
-      title="Cansado de noites mal dormidas?"
-      description="Identificamos os vilões do seu descanso."
-    />
-  </div>
+        <div id="dores" data-section="dores">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Cansado de noites mal dormidas?"
+            description="Identificamos os vilões do seu descanso."
+            features={[
+              { id: "1", title: "Dores nas costas", description: "Sente desconforto ao acordar?", tag: "Alívio", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-having-back-pain_53876-144792.jpg" },
+              { id: "2", title: "Insônia", description: "Dificuldade para manter o sono?", tag: "Sono", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-male-figure-doing-crunch-exercise-showing-muscles-used_1048-6118.jpg" },
+              { id: "3", title: "Desconforto", description: "Colchão afundando ou irregular?", tag: "Conforto", imageSrc: "http://img.b2bpic.net/free-photo/cool-money-happy-friendly-background_1127-2675.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="transformacao" data-section="transformacao">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "O sono que muda o seu dia.",
-        },
-      ]}
-    />
-  </div>
+        <div id="transformacao" data-section="transformacao">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[{ type: "text", content: "O sono que muda o seu dia." }]}
+          />
+        </div>
 
-  <div id="autoridade" data-section="autoridade">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "35+",
-          description: "Anos no mercado",
-        },
-        {
-          id: "2",
-          value: "8+",
-          description: "Cidades atendidas",
-        },
-        {
-          id: "3",
-          value: "100%",
-          description: "Atendimento humano",
-        },
-      ]}
-      title="Tradição e Confiança"
-      description="35 anos de experiência cuidando de você."
-    />
-  </div>
+        <div id="autoridade" data-section="autoridade">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "35+", description: "Anos no mercado" },
+              { id: "2", value: "8+", description: "Cidades atendidas" },
+              { id: "3", value: "100%", description: "Atendimento humano" }
+            ]}
+            title="Tradição e Confiança"
+            description="35 anos de experiência cuidando de você."
+          />
+        </div>
 
-  <div id="produtos" data-section="produtos">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Colchão Premium",
-          price: "Consulte",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-lying-her-stomach-bed-wearing-stylish-black-lingerie-striped-boyfriend-shirt_273443-3112.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Custo-Benefício",
-          price: "Consulte",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-46980.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Ortopédico",
-          price: "Consulte",
-          imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551160.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          name: "Premium Plus",
-          price: "Consulte",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-pretty-adult-woman-waking-up_23-2148440184.jpg",
-        },
-        {
-          id: "5",
-          name: "Ideal Comfort",
-          price: "Consulte",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8984.jpg",
-        },
-        {
-          id: "6",
-          name: "Ergonomic Max",
-          price: "Consulte",
-          imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-lying-bed-resting-home-white-linen-sheets-looking-with-pleased_1258-204210.jpg",
-        },
-      ]}
-      title="Nossa Seleção"
-      description="Qualidade para cada necessidade."
-    />
-  </div>
+        <div id="produtos" data-section="produtos">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={false}
+            title="Nossa Seleção"
+            description="Qualidade para cada necessidade."
+            products={[
+              { id: "1", name: "Colchão Premium", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-lying-her-stomach-bed-wearing-stylish-black-lingerie-striped-boyfriend-shirt_273443-3112.jpg" },
+              { id: "2", name: "Custo-Benefício", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-46980.jpg" },
+              { id: "3", name: "Ortopédico", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551160.jpg" },
+              { id: "4", name: "Premium Plus", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pretty-adult-woman-waking-up_23-2148440184.jpg" },
+              { id: "5", name: "Ideal Comfort", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8984.jpg" },
+              { id: "6", name: "Ergonomic Max", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-lying-bed-resting-home-white-linen-sheets-looking-with-pleased_1258-204210.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="prova-social" data-section="prova-social">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Maria Silva",
-          date: "10/05/2024",
-          title: "Excelente!",
-          quote: "Minha coluna agradece.",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg?_wi=2",
-          imageAlt: "happy customer portrait",
-        },
-        {
-          id: "2",
-          name: "Joao Souza",
-          date: "15/04/2024",
-          title: "Ótimo atendimento.",
-          quote: "Muito profissional.",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-leaning-sofa-holding-book-hand-against-white-backdrop_23-2148043515.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-having-back-pain_53876-144792.jpg?_wi=2",
-          imageAlt: "happy customer portrait",
-        },
-        {
-          id: "3",
-          name: "Ana Oliveira",
-          date: "20/03/2024",
-          title: "Sono perfeito.",
-          quote: "Valeu o investimento.",
-          avatarSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-128116.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-lying-her-stomach-bed-wearing-stylish-black-lingerie-striped-boyfriend-shirt_273443-3112.jpg?_wi=2",
-          imageAlt: "happy customer portrait",
-        },
-        {
-          id: "4",
-          name: "Pedro Santos",
-          date: "05/02/2024",
-          title: "Entrega rápida.",
-          quote: "Tudo perfeito.",
-          avatarSrc: "http://img.b2bpic.net/free-photo/modern-woman-enjoying-cup-coffee_23-2148937727.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-46980.jpg?_wi=2",
-          imageAlt: "happy customer portrait",
-        },
-        {
-          id: "5",
-          name: "Carla Lima",
-          date: "10/01/2024",
-          title: "Loja incrível.",
-          quote: "Recomendo muito.",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-pink-wall_179666-2804.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551160.jpg?_wi=2",
-          imageAlt: "happy customer portrait",
-        },
-      ]}
-      title="Quem dorme bem, recomenda."
-      description="Veja o que nossos clientes dizem sobre a Colchoflex."
-    />
-  </div>
+        <div id="prova-social" data-section="prova-social">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Quem dorme bem, recomenda."
+            description="Veja o que nossos clientes dizem sobre a Colchoflex."
+            testimonials={[
+              { id: "1", tag: "Avaliação", name: "Maria Silva", date: "10/05/2024", title: "Excelente!", quote: "Minha coluna agradece.", avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg", imageAlt: "happy customer portrait" },
+              { id: "2", tag: "Avaliação", name: "Joao Souza", date: "15/04/2024", title: "Ótimo atendimento.", quote: "Muito profissional.", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-leaning-sofa-holding-book-hand-against-white-backdrop_23-2148043515.jpg", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-having-back-pain_53876-144792.jpg", imageAlt: "happy customer portrait" },
+              { id: "3", tag: "Avaliação", name: "Ana Oliveira", date: "20/03/2024", title: "Sono perfeito.", quote: "Valeu o investimento.", avatarSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-128116.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-lying-her-stomach-bed-wearing-stylish-black-lingerie-striped-boyfriend-shirt_273443-3112.jpg", imageAlt: "happy customer portrait" },
+              { id: "4", tag: "Avaliação", name: "Pedro Santos", date: "05/02/2024", title: "Entrega rápida.", quote: "Tudo perfeito.", avatarSrc: "http://img.b2bpic.net/free-photo/modern-woman-enjoying-cup-coffee_23-2148937727.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-46980.jpg", imageAlt: "happy customer portrait" },
+              { id: "5", tag: "Avaliação", name: "Carla Lima", date: "10/01/2024", title: "Loja incrível.", quote: "Recomendo muito.", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-pink-wall_179666-2804.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551160.jpg", imageAlt: "happy customer portrait" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Qual colchão ideal?",
-          content: "Nosso atendimento ajuda na escolha.",
-        },
-        {
-          id: "2",
-          name: "Como é a entrega?",
-          content: "Entrega rápida e segura.",
-        },
-        {
-          id: "3",
-          name: "Aceitam parcelamento?",
-          content: "Sim, facilitamos o pagamento.",
-        },
-        {
-          id: "4",
-          name: "Tem garantia?",
-          content: "Sim, todos os nossos produtos possuem garantia de fábrica.",
-        },
-        {
-          id: "5",
-          name: "Posso testar na loja?",
-          content: "Claro, convidamos você a visitar uma de nossas unidades.",
-        },
-      ]}
-      title="Dúvidas Frequentes"
-      faqsAnimation="slide-up"
-      description="Estamos aqui para ajudar com sua escolha."
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Dúvidas Frequentes"
+            description="Estamos aqui para ajudar com sua escolha."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "1", title: "Qual colchão ideal?", content: "Nosso atendimento ajuda na escolha." },
+              { id: "2", title: "Como é a entrega?", content: "Entrega rápida e segura." },
+              { id: "3", title: "Aceitam parcelamento?", content: "Sim, facilitamos o pagamento." },
+              { id: "4", title: "Tem garantia?", content: "Sim, todos os nossos produtos possuem garantia de fábrica." },
+              { id: "5", title: "Posso testar na loja?", content: "Claro, convidamos você a visitar uma de nossas unidades." }
+            ]}
+          />
+        </div>
 
-  <div id="visite-loja" data-section="visite-loja">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Visite uma loja perto de você"
-      description="Jundiaí, Itu, Sorocaba e região. Agende sua visita."
-      inputs={[
-        {
-          name: "nome",
-          type: "text",
-          placeholder: "Nome",
-          required: true,
-        },
-        {
-          name: "whatsapp",
-          type: "tel",
-          placeholder: "WhatsApp",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/bedroom-view-with-bed-arrangement-decor_23-2150551126.jpg"
-    />
-  </div>
+        <div id="visite-loja" data-section="visite-loja">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Visite uma loja perto de você"
+            description="Jundiaí, Itu, Sorocaba e região. Agende sua visita."
+            inputs={[
+              { name: "nome", type: "text", placeholder: "Nome", required: true },
+              { name: "whatsapp", type: "tel", placeholder: "WhatsApp", required: true }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/bedroom-view-with-bed-arrangement-decor_23-2150551126.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Colchoflex"
-      copyrightText="© 2025 Colchoflex. Todos os direitos reservados."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Colchoflex"
+            copyrightText="© 2025 Colchoflex. Todos os direitos reservados."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1