From f6157d27d92af9182d3b65251ba1313594416bdd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 20:23:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 247 +++++++++++++++++++++++------------------------
 1 file changed, 120 insertions(+), 127 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8c19896..dfed3a8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,141 +28,134 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Início", id: "#hero" },
-        { name: "Sobre", id: "#about" },
-        { name: "Comodidades", id: "#features" },
-        { name: "Quartos", id: "#rooms" },
-        { name: "Contato", id: "#contact" },
-      ]}
-      brandName="Alameda Vitória"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Início", id: "hero" },
+              { name: "Sobre", id: "about" },
+              { name: "Comodidades", id: "features" },
+              { name: "Quartos", id: "rooms" },
+              { name: "Contato", id: "contact" },
+            ]}
+            brandName="Alameda Vitória"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{ variant: "gradient-bars" }}
-      title="Sua Experiência de Luxo em Vitória"
-      description="Desfrute de quartos confortáveis, um café da manhã inesquecível e uma piscina relaxante no coração de Vitória."
-      tag="Hotel 4 Estrelas"
-      buttons={[{ text: "Reservar Agora", href: "#contact" }]}
-      mediaItems={[
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Coq7XQCtXmuB55xE3p4KEuH7rM/uploaded-1777062121718-r9ptisth.jpg", imageAlt: "Fachada do Alameda Vitória Hotel" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg", imageAlt: "Quarto de luxo" }
-      ]}
-      mediaAnimation="slide-up"
-      rating={4.5}
-      ratingText="Baseado em mais de 2.300 avaliações"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Sua Experiência de Luxo em Vitória"
+            description="Desfrute de quartos confortáveis, um café da manhã inesquecível e uma piscina relaxante no coração de Vitória."
+            tag="Hotel 4 Estrelas"
+            buttons={[{ text: "Reservar Agora", href: "#contact" }]}
+            mediaItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Coq7XQCtXmuB55xE3p4KEuH7rM/uploaded-1777062121718-r9ptisth.jpg", imageAlt: "Fachada do Alameda Vitória Hotel" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg", imageAlt: "Quarto de luxo" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={4.5}
+            ratingText="Baseado em mais de 2.300 avaliações"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Hospitalidade que Você Merece"
-      description="Com uma localização conveniente perto da praia, restaurantes e lojas, o Alameda Vitória oferece o equilíbrio perfeito entre negócios e lazer."
-      metrics={[
-        { value: "4.6", title: "Serviço" },
-        { value: "4.8", title: "Localização" },
-        { value: "2.3k+", title: "Hóspedes Felizes" }
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Hospitalidade que Você Merece"
+            description="Com uma localização conveniente perto da praia, restaurantes e lojas, o Alameda Vitória oferece o equilíbrio perfeito entre negócios e lazer."
+            metrics={[
+              { value: "4.6", title: "Serviço" },
+              { value: "4.8", title: "Localização" },
+              { value: "2.3k+", title: "Hóspedes Felizes" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Café da Manhã Gourmet",          description: "Delicioso e variado para começar o dia.",          bentoComponent: "reveal-icon",          icon: Coffee
-        },
-        {
-          title: "Piscina Relaxante",          description: "Um refúgio para seus momentos de lazer.",          bentoComponent: "reveal-icon",          icon: Waves
-        },
-        {
-          title: "Localização Estratégica",          description: "Perto de tudo que você precisa.",          bentoComponent: "reveal-icon",          icon: MapPin
-        }
-      ]}
-      title="Comodidades Exclusivas"
-      description="Tudo o que você precisa para uma estadia memorável e produtiva."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Café da Manhã Gourmet", description: "Delicioso e variado para começar o dia.", bentoComponent: "reveal-icon", icon: Coffee },
+              { title: "Piscina Relaxante", description: "Um refúgio para seus momentos de lazer.", bentoComponent: "reveal-icon", icon: Waves },
+              { title: "Localização Estratégica", description: "Perto de tudo que você precisa.", bentoComponent: "reveal-icon", icon: MapPin }
+            ]}
+            title="Comodidades Exclusivas"
+            description="Tudo o que você precisa para uma estadia memorável e produtiva."
+          />
+        </div>
 
-  <div id="rooms" data-section="rooms">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        { id: "1", brand: "Alameda", name: "Quarto Standard", price: "R$ 279", rating: 4.5, reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-robe_23-2148238375.jpg" },
-        { id: "2", brand: "Alameda", name: "Suíte Executiva", price: "R$ 380", rating: 4.7, reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-laptop-hotel-room_23-2149304124.jpg" },
-        { id: "3", brand: "Alameda", name: "Suíte Premium", price: "R$ 450", rating: 4.8, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg" }
-      ]}
-      title="Nossas Acomodações"
-      description="Quartos confortáveis e bem equipados para seu descanso."
-    />
-  </div>
+        <div id="rooms" data-section="rooms">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Alameda", name: "Quarto Standard", price: "R$ 279", rating: 4.5, reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-robe_23-2148238375.jpg" },
+              { id: "2", brand: "Alameda", name: "Suíte Executiva", price: "R$ 380", rating: 4.7, reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-laptop-hotel-room_23-2149304124.jpg" },
+              { id: "3", brand: "Alameda", name: "Suíte Premium", price: "R$ 450", rating: 4.8, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg" }
+            ]}
+            title="Nossas Acomodações"
+            description="Quartos confortáveis e bem equipados para seu descanso."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", title: "Excelente!", quote: "Excelente localização, quartos bem montados.", name: "Marcelo Muylaert", role: "Hóspede", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575113.jpg" },
-        { id: "2", title: "Já é a quarta vez!", quote: "Eu me chamo Rômulo e é a quarta vez que me hospedo aqui.", name: "Rômulo de Carvalho", role: "Casal", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-by-sea-side_23-2149347061.jpg" }
-      ]}
-      title="O que dizem nossos hóspedes"
-      description="Sua satisfação é nossa prioridade."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Excelente!", quote: "Excelente localização, quartos bem montados.", name: "Marcelo Muylaert", role: "Hóspede", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575113.jpg" },
+              { id: "2", title: "Já é a quarta vez!", quote: "Eu me chamo Rômulo e é a quarta vez que me hospedo aqui.", name: "Rômulo de Carvalho", role: "Casal", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-by-sea-side_23-2149347061.jpg" }
+            ]}
+            title="O que dizem nossos hóspedes"
+            description="Sua satisfação é nossa prioridade."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "1", title: "O Wi-Fi é estável?", content: "Estamos sempre aprimorando nossa infraestrutura para garantir uma melhor experiência de conexão." },
-        { id: "2", title: "O café da manhã está incluso?", content: "Sim, oferecemos um café da manhã delicioso e variado para todos os hóspedes." }
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300882.jpg"
-      title="Dúvidas Frequentes"
-      description="Estamos à disposição para ajudar."
-      faqsAnimation="slide-up"
-      textboxLayout="split"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "O Wi-Fi é estável?", content: "Estamos sempre aprimorando nossa infraestrutura para garantir uma melhor experiência de conexão." },
+              { id: "2", title: "O café da manhã está incluso?", content: "Sim, oferecemos um café da manhã delicioso e variado para todos os hóspedes." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300882.jpg"
+            title="Dúvidas Frequentes"
+            description="Estamos à disposição para ajudar."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Reserve sua estadia"
-      description="Preencha o formulário e nossa equipe entrará em contato para confirmar sua reserva."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Nome completo", required: true },
-        { name: "email", type: "email", placeholder: "E-mail", required: true }
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-hours-with-customer_23-2149714436.jpg"
-      mediaPosition="right"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Reserve sua estadia"
+            description="Preencha o formulário e nossa equipe entrará em contato para confirmar sua reserva."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Nome completo", required: true },
+              { name: "email", type: "email", placeholder: "E-mail", required: true }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-hours-with-customer_23-2149714436.jpg"
+            mediaPosition="right"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Hotel", items: [{ label: "Sobre", href: "#about" }, { label: "Quartos", href: "#rooms" }] },
-        { title: "Suporte", items: [{ label: "Contato", href: "#contact" }] }
-      ]}
-      logoText="Alameda Vitória"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Hotel", items: [{ label: "Sobre", href: "#about" }, { label: "Quartos", href: "#rooms" }] },
+              { title: "Suporte", items: [{ label: "Contato", href: "#contact" }] }
+            ]}
+            logoText="Alameda Vitória"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1