Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useState } from "react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -13,6 +14,10 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 
 export default function LandingPage() {
+  const [isReady] = useState(true);
+
+  if (!isReady) return null;
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -27,202 +32,119 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Início",          id: "hero"},
-        {
-          name: "Sobre",          id: "about"},
-        {
-          name: "Produtos",          id: "products"},
-        {
-          name: "Contato",          id: "contact"},
-      ]}
-      brandName="Sueli Floricultura"
-      button={{
-        text: "Ver Catálogo",        href: "#products"
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Início", id: "hero" },
+              { name: "Sobre", id: "about" },
+              { name: "Produtos", id: "products" },
+              { name: "Contato", id: "contact" },
+            ]}
+            brandName="Sueli Floricultura"
+            button={{ text: "Ver Catálogo", href: "#products" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="A beleza natural para momentos especiais"
-      description="Descubra arranjos florais artesanais, frescos e preparados com dedicação para tornar seu dia ainda mais inesquecível."
-      buttons={[
-        {
-          text: "Ver Catálogo",          href: "#products"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/flowers-wood-background-from_176420-55784.jpg?_wi=1"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17287.jpg",          alt: "Minimal floral arrangement on red surface"},
-        {
-          src: "http://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-36807.jpg",          alt: "Flowers from a home garden in a vase on a white background"},
-        {
-          src: "http://img.b2bpic.net/free-photo/flowers-envelope-colored-background-flat-lay_169016-20394.jpg",          alt: "Flowers in an envelope on a colored background flat lay"},
-        {
-          src: "http://img.b2bpic.net/free-photo/bouquet-fresh-multicolor-tulip-flowers-old-blue-wooden-table_158538-26246.jpg",          alt: "Bouquet of fresh multicolor tulip flowers on old blue wooden table"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-bouquet-flower-background_1339-4304.jpg",          alt: "Beautiful bouquet flower for background"},
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="A beleza natural para momentos especiais"
+            description="Descubra arranjos florais artesanais, frescos e preparados com dedicação para tornar seu dia ainda mais inesquecível."
+            buttons={[{ text: "Ver Catálogo", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/flowers-wood-background-from_176420-55784.jpg?_wi=1"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Tradição em flores, paixão pela arte"
-      description="Na Sueli Floricultura, cada pétala é escolhida a dedo. Nossa missão é levar natureza, cor e fragrância para o seu ambiente, aliando técnica à criatividade."
-      metrics={[
-        {
-          value: "15+",          title: "Anos de história"},
-        {
-          value: "5000+",          title: "Buquês entregues"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/florist-male-cutting-flower-stalks-sideways_23-2148435687.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Tradição em flores, paixão pela arte"
+            description="Na Sueli Floricultura, cada pétala é escolhida a dedo. Nossa missão é levar natureza, cor e fragrância para o seu ambiente, aliando técnica à criatividade."
+            metrics={[
+              { value: "15+", title: "Anos de história" },
+              { value: "5000+", title: "Buquês entregues" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/florist-male-cutting-flower-stalks-sideways_23-2148435687.jpg?_wi=1"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",          title: "Flores frescas",          description: "Recebemos flores diariamente para garantir frescor e longevidade.",          tag: "Qualidade",          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-floral-arrangement-calling_329181-9357.jpg",          imageAlt: "Woman making floral arrangement and calling"},
-        {
-          id: "f2",          title: "Entrega ágil",          description: "Entregas cuidadosas e pontuais na região.",          tag: "Rapidez",          imageSrc: "http://img.b2bpic.net/free-photo/flowers-wood-background-from_176420-55784.jpg?_wi=2",          imageAlt: "Woman making floral arrangement and calling"},
-        {
-          id: "f3",          title: "Designs personalizados",          description: "Arranjos únicos criados conforme o seu desejo.",          tag: "Exclusividade",          imageSrc: "http://img.b2bpic.net/free-photo/florist-male-cutting-flower-stalks-sideways_23-2148435687.jpg?_wi=2",          imageAlt: "Woman making floral arrangement and calling"},
-      ]}
-      title="Nossos diferenciais"
-      description="Compromisso com a qualidade em cada entrega."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Flores frescas", description: "Recebemos flores diariamente para garantir frescor e longevidade.", tag: "Qualidade", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-floral-arrangement-calling_329181-9357.jpg" },
+              { id: "f2", title: "Entrega ágil", description: "Entregas cuidadosas e pontuais na região.", tag: "Rapidez", imageSrc: "http://img.b2bpic.net/free-photo/flowers-wood-background-from_176420-55784.jpg?_wi=2" },
+              { id: "f3", title: "Designs personalizados", description: "Arranjos únicos criados conforme o seu desejo.", tag: "Exclusividade", imageSrc: "http://img.b2bpic.net/free-photo/florist-male-cutting-flower-stalks-sideways_23-2148435687.jpg?_wi=2" },
+            ]}
+            title="Nossos diferenciais"
+            description="Compromisso com a qualidade em cada entrega."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          brand: "Especial",          name: "Buquê de Rosas Clássico",          price: "R$ 150,00",          rating: 5,
-          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-yellow-red-anemone-flowers-bouquet-jpg_140725-12138.jpg"},
-        {
-          id: "p2",          brand: "Celebração",          name: "Arranjo de Lírios Brancos",          price: "R$ 180,00",          rating: 5,
-          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/decorative-flowers-with-wood-texture_23-2148164036.jpg"},
-        {
-          id: "p3",          brand: "Verão",          name: "Buquê Girassóis",          price: "R$ 120,00",          rating: 4,
-          reviewCount: "32",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-autumn-bouquet-with-yellow-combination-flowers_114579-2477.jpg"},
-        {
-          id: "p4",          brand: "Premium",          name: "Mix de Estação",          price: "R$ 200,00",          rating: 5,
-          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/flower-composition-bucket-cream-purple-roses-lithianthus-side-view_141793-4424.jpg"},
-        {
-          id: "p5",          brand: "Exótico",          name: "Orquídea Potted",          price: "R$ 250,00",          rating: 5,
-          reviewCount: "40",          imageSrc: "http://img.b2bpic.net/free-photo/decorative-heart-fresh-blooms_23-2148109156.jpg"},
-        {
-          id: "p6",          brand: "Elegância",          name: "Arranjo de Hortênsias",          price: "R$ 160,00",          rating: 4,
-          reviewCount: "21",          imageSrc: "http://img.b2bpic.net/free-photo/hydrangea-flowers-vase-female-hands-light-background_169016-39172.jpg"},
-      ]}
-      title="Nossos Arranjos"
-      description="Flores para aniversários, casamentos, eventos e demonstrações de carinho."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Especial", name: "Buquê de Rosas Clássico", price: "R$ 150,00", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-yellow-red-anemone-flowers-bouquet-jpg_140725-12138.jpg" },
+              { id: "p2", brand: "Celebração", name: "Arranjo de Lírios Brancos", price: "R$ 180,00", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/decorative-flowers-with-wood-texture_23-2148164036.jpg" },
+              { id: "p3", brand: "Verão", name: "Buquê Girassóis", price: "R$ 120,00", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/fashion-autumn-bouquet-with-yellow-combination-flowers_114579-2477.jpg" },
+            ]}
+            title="Nossos Arranjos"
+            description="Flores para aniversários, casamentos, eventos e demonstrações de carinho."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="As flores chegaram perfeitas! A Sueli Floricultura tem o atendimento mais atencioso que já vi. Recomendo sempre para qualquer ocasião."
-      rating={5}
-      author="Mariana Santos"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-female-florist-holding-flower-bouquet-hand_23-2148049419.jpg",          alt: "Mariana Santos"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-man-casual-clothes-with-bouquet-red-roses-present-his-girlfriend-looking-camera-smiling-cheerfully-standing-green-wall-valentines-day-concept_141793-59119.jpg",          alt: "Cliente 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-bouquet-beautiful-roses-brown-wall_140725-152418.jpg",          alt: "Cliente 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-pink-roses-pink-color_140725-146763.jpg",          alt: "Cliente 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-african-woman-florist-smiling-making-bouquet-flowers-white-wall_176420-12261.jpg",          alt: "Cliente 5"},
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            testimonial="As flores chegaram perfeitas! A Sueli Floricultura tem o atendimento mais atencioso que já vi."
+            rating={5}
+            author="Mariana Santos"
+            avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-female-florist-holding-flower-bouquet-hand_23-2148049419.jpg", alt: "Mariana Santos" }]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "faq1",          title: "Como agendar uma entrega?",          content: "Entre em contato via WhatsApp ou telefone e agendaremos o melhor horário."},
-        {
-          id: "faq2",          title: "Vocês fazem decoração para festas?",          content: "Sim! Desenvolvemos projetos sob medida para eventos."},
-        {
-          id: "faq3",          title: "Qual a área de entrega?",          content: "Atendemos toda a região metropolitana."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/purple-flowers-white-water_23-2148256610.jpg"
-      title="Dúvidas frequentes"
-      description="Saiba como funcionam nossas entregas e encomendas."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            faqs={[
+              { id: "faq1", title: "Como agendar uma entrega?", content: "Entre em contato via WhatsApp ou telefone." },
+              { id: "faq2", title: "Qual a área de atendimento?", content: "Estamos localizados no centro e atendemos toda a região." },
+            ]}
+            title="Dúvidas frequentes"
+            description="Saiba mais sobre nossos serviços."
+            faqsAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
-      tag="Contato"
-      title="Fale com a Sueli Floricultura"
-      description="Envie uma mensagem e nossa equipe retornará para ajudar no que precisar."
-      imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-warm-blue-wool-sweater-with-backpack-posed-outdoor-against-autumn-leaves-tree-decorations-store_627829-6788.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            background={{ variant: "gradient-bars" }}
+            tag="Contato"
+            title="Localização e Contato"
+            description="Venha nos conhecer! Estamos situados na Rua das Flores, 555 - Jardim Botânico, Porto Alegre - RS. Atendimento presencial e entregas em toda a cidade."
+            imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-warm-blue-wool-sweater-with-backpack-posed-outdoor-against-autumn-leaves-tree-decorations-store_627829-6788.jpg"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Sueli Floricultura"
-      columns={[
-        {
-          title: "Sobre",          items: [
-            {
-              label: "Quem Somos",              href: "#about"},
-            {
-              label: "Política de Privacidade",              href: "#"},
-          ],
-        },
-        {
-          title: "Produtos",          items: [
-            {
-              label: "Buquês",              href: "#products"},
-            {
-              label: "Arranjos",              href: "#products"},
-          ],
-        },
-        {
-          title: "Contato",          items: [
-            {
-              label: "WhatsApp",              href: "#"},
-            {
-              label: "Endereço",              href: "#"},
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Sueli Floricultura"
+            columns={[
+              { title: "Localização", items: [{ label: "Rua das Flores, 555 - Jardim Botânico, RS", href: "https://www.google.com/maps/place/Rua+das+Flores+555" }] },
+              { title: "Contato", items: [{ label: "(51) 3333-3333", href: "tel:+555133333333" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}