Merge version_1 into main #3
247
src/app/page.tsx
247
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user