Update src/app/page.tsx
This commit is contained in:
279
src/app/page.tsx
279
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Building2, Coffee, Waves } from "lucide-react";
|
||||
import { Building2, Coffee, Waves, MapPin, Footprints } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Units", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Waka Waka"
|
||||
/>
|
||||
@@ -54,91 +42,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Feel the Rhythm at Waka Waka"
|
||||
description="The ultimate home away from home in the heart of Brazil. Experience comfort, community, and the true soul of local travel."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="WAKA PENSÃO MASCULINA – 3 UNIDADES NA ZONA LESTE!"
|
||||
description="Hospedagem 100% masculina, com segurança, organização e ótimo custo-benefício pra quem vem trabalhar, estudar ou recomeçar em SP. Localizações estratégicas pertinho do metrô!"
|
||||
buttons={[{ text: "Garanta Sua Vaga", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598864.jpg"
|
||||
imageAlt="vibrant brazil hostel interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-decoration-inspired-by-mexican-folklore_23-2150711329.jpg",
|
||||
alt: "Interior decoration inspired by mexican folklore",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bedroom-interior_53876-32151.jpg",
|
||||
alt: "Bedroom interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/furniture-veranda-nature-gardens-lounge_1203-4801.jpg",
|
||||
alt: "furniture veranda nature gardens lounge",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-decoration-inspired-by-mexican-folklore_23-2150711349.jpg",
|
||||
alt: "Interior decoration inspired by mexican folklore",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-hotel-drinking-coffee_1368-6295.jpg",
|
||||
alt: "Man in a hotel drinking coffee",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ travelers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Brazilian Vibes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Events",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Breakfast",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "WiFi & Co-working",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beach Proximity",
|
||||
},
|
||||
]}
|
||||
imageAlt="Waka Waka Hostel interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Our Family"
|
||||
description="More than just a hostel, Waka Waka is a vibrant hub for world travelers seeking authentic Brazilian culture and unforgettable stories."
|
||||
title="Nossa Estrutura"
|
||||
description="Pensamos no conforto e na praticidade do seu dia a dia em São Paulo."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Guests",
|
||||
},
|
||||
{
|
||||
value: "5 Stars",
|
||||
title: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
title: "Cultural Events",
|
||||
},
|
||||
{ value: "100%", title: "Público Masculino" },
|
||||
{ value: "3", title: "Unidades" },
|
||||
{ value: "Segurança", title: "Organização" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-posing-with-fruits_72229-1171.jpg"
|
||||
imageAlt="happy travelers hostel brazil"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-decoration-inspired-by-mexican-folklore_23-2150711329.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -147,141 +69,24 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Localizações Estratégicas"
|
||||
description="Bem pertinho das principais estações da Zona Leste."
|
||||
features={[
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Beach Proximity",
|
||||
description: "Just minutes away from the most iconic beaches in Brazil.",
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Cozy Dorms",
|
||||
description: "Designed for rest and privacy after a day of exploration.",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Local Breakfast",
|
||||
description: "Start your day right with fresh, local ingredients every morning.",
|
||||
},
|
||||
{ icon: MapPin, title: "Metrô Tatuapé", description: "Rua Euclides Pacheco, 168 (7 minutos a pé)" },
|
||||
{ icon: MapPin, title: "Metrô Carrão", description: "Rua Antônio Macedo, 536 (6 minutos a pé)" },
|
||||
{ icon: MapPin, title: "Metrô Belém", description: "Rua Herval, 427 (5 minutos a pé)" },
|
||||
]}
|
||||
title="Why You'll Love Us"
|
||||
description="We offer more than just a bed; we offer an immersive Brazilian travel experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TripAdvisor",
|
||||
"HostelWorld",
|
||||
"Lonely Planet",
|
||||
"Booking.com",
|
||||
"Culture Trip",
|
||||
"Nomad List",
|
||||
"Backpacker",
|
||||
]}
|
||||
title="Loved By Travelers Globally"
|
||||
description="Trusted by millions of adventurers as their preferred stop in Brazil."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_travels",
|
||||
testimonial: "An incredible experience. The staff makes you feel right at home instantly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-back-black-haired-lady-buildings-showing-happiness-excitement_181624-33504.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@mark_adventure",
|
||||
testimonial: "Best hostel in Brazil! Clean, fun, and the perfect location.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-straw-hat-dancing-having-fun-terrace_273443-580.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily_explores",
|
||||
testimonial: "I loved the breakfast and the community vibes. Would stay again!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-girl-with-hat-camera_23-2148752373.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@david_digital",
|
||||
testimonial: "Perfect for digital nomads. Great wifi and friendly people.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-having-cup-coffee-canopy-bed_107420-9643.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe B.",
|
||||
handle: "@chloe_trips",
|
||||
testimonial: "Wonderful atmosphere! The staff went above and beyond.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-pretty-caucasian-girl-sitting-bed-bedroom-holding-cup-looking-side-talking-phone_141793-59309.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Stories from the Road"
|
||||
description="Don't take our word for it—listen to what our guests have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, we serve fresh breakfast every morning.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide lockers?",
|
||||
content: "Absolutely, all dorms come with secure lockers.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How far is the beach?",
|
||||
content: "We are just a 5-minute walk from the beach.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Got questions? We've got answers to help you plan your perfect getaway."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Ready for Brazil?"
|
||||
description="Secure your spot at Waka Waka and start your Brazilian adventure today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Fale Conosco"
|
||||
title="Venha morar no Waka Waka"
|
||||
description="Entre em contato agora para verificar a disponibilidade de vagas em nossas unidades da ZL."
|
||||
buttons={[{ text: "WhatsApp", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -289,37 +94,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Waka Waka"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Unidades", items: [{ label: "Tatuapé", href: "#" }, { label: "Carrão", href: "#" }, { label: "Belém", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Termos", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Waka Waka Hostel. All rights reserved."
|
||||
copyrightText="© 2025 Waka Waka Pensão Masculina."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user