Merge version_1 into main #2
269
src/app/page.tsx
269
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<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",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -58,39 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reservar Agora", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Coq7XQCtXmuB55xE3p4KEuH7rM/uploaded-1777062121718-r9ptisth.jpg?_wi=1",
|
||||
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",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2667.jpg",
|
||||
imageAlt: "Vista da piscina externa",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
|
||||
imageAlt: "Suíte master com varanda",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-buffet-set-with-butter-jams-yogurts-cookies_141793-524.jpg",
|
||||
imageAlt: "Café da manhã gourmet",
|
||||
},
|
||||
{ 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}
|
||||
@@ -104,20 +64,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -130,29 +81,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Café da Manhã Gourmet",
|
||||
description: "Delicioso e variado para começar o dia.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-sliced-fruits-plate_140725-6443.jpg",
|
||||
imageAlt: "hotel breakfast delicious buffet spread",
|
||||
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,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Coq7XQCtXmuB55xE3p4KEuH7rM/uploaded-1777062121718-r9ptisth.jpg?_wi=2",
|
||||
imageAlt: "hotel breakfast delicious buffet spread",
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg?_wi=2",
|
||||
imageAlt: "hotel breakfast delicious buffet spread",
|
||||
},
|
||||
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."
|
||||
@@ -166,60 +102,9 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Alameda",
|
||||
name: "Quarto Casal",
|
||||
price: "R$ 320",
|
||||
rating: 4.6,
|
||||
reviewCount: "400+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_1203-3711.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Alameda",
|
||||
name: "Suíte Vista Mar",
|
||||
price: "R$ 500",
|
||||
rating: 4.9,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037534.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Alameda",
|
||||
name: "Quarto Business",
|
||||
price: "R$ 300",
|
||||
rating: 4.4,
|
||||
reviewCount: "600+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dispenser-liquid-soap-female-hands-store_169016-23904.jpg",
|
||||
},
|
||||
{ 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."
|
||||
@@ -231,46 +116,8 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Muito bom",
|
||||
quote: "Equipe muito atenciosa e café da manhã excelente.",
|
||||
name: "Ana Souza",
|
||||
role: "Hóspede",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831098.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Conforto total",
|
||||
quote: "O quarto estava impecável e o serviço muito cordial.",
|
||||
name: "Carlos Lima",
|
||||
role: "Negócios",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-good-time_23-2148395331.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Perto de tudo",
|
||||
quote: "Localização perfeita, consegui visitar vários restaurantes a pé.",
|
||||
name: "Julia Costa",
|
||||
role: "Turista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
|
||||
},
|
||||
{ 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."
|
||||
@@ -282,26 +129,14 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Como chegar?",
|
||||
content: "Estamos localizados próximos à praia, com fácil acesso pelas principais vias da cidade.",
|
||||
},
|
||||
{ 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>
|
||||
|
||||
@@ -311,30 +146,9 @@ export default function LandingPage() {
|
||||
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,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Telefone",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Nome completo", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-mail", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Deseja adicionar algum comentário ou solicitação específica?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-hours-with-customer_23-2149714436.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
@@ -343,35 +157,10 @@ export default function LandingPage() {
|
||||
<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",
|
||||
},
|
||||
{
|
||||
label: "Política de Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Hotel", items: [{ label: "Sobre", href: "#about" }, { label: "Quartos", href: "#rooms" }] },
|
||||
{ title: "Suporte", items: [{ label: "Contato", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Alameda Vitória"
|
||||
copyrightText="© 2024 Alameda Vitória Hotel"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user