Merge version_1 into main #1
382
src/app/page.tsx
382
src/app/page.tsx
@@ -28,282 +28,128 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Eventtra"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Events", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Eventtra"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unforgettable Coastal Moments"
|
||||
description="Experience unparalleled luxury with our bespoke beach huts and curated seaside event services. From intimate retreats to grand celebrations."
|
||||
tag="Premier Beach Events"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-sea-near-green-mountain-blue-sky-daytime_206273-7.jpg",
|
||||
imageAlt: "luxury beach hut sunset",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-people-having-fun-beach_23-2149578927.jpg",
|
||||
imageAlt: "beach party setup night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bench-lonely-park-sea-sand_1150-12653.jpg",
|
||||
imageAlt: "bench lonely in park and sea and sand",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-near-lifeguard-tower_23-2149494824.jpg",
|
||||
imageAlt: "Friends near lifeguard tower",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-beach-dancing-together-party_23-2149450771.jpg",
|
||||
imageAlt: "Friends at the beach dancing together during party",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top rated on TripAdvisor"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unforgettable Coastal Moments"
|
||||
description="Experience unparalleled luxury with our bespoke beach huts and curated seaside event services. From intimate retreats to grand celebrations."
|
||||
tag="Premier Beach Events"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-sea-near-green-mountain-blue-sky-daytime_206273-7.jpg", imageAlt: "luxury beach hut sunset" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-people-having-fun-beach_23-2149578927.jpg", imageAlt: "beach party setup night" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top rated on TripAdvisor"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Where Luxury Meets the Ocean"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Where Luxury Meets the Ocean"
|
||||
buttons={[{ text: "Learn Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Private Beach Hut",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-red-trousers-walks-lonely-lady-standing-wooden-boat-mountain-lake_1304-2955.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Corporate Seaside Package",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575139.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Beachside Ceremony Setup",
|
||||
price: "$1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481501.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Catered Sunset Lounge",
|
||||
price: "$550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxurious-wedding-ceremony-hall_181624-59290.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Luxury Sun Lounger",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sitting-alone-chair-front-sea-with-feeling-loneliness-empty-chair-idea-loss-mental-health-selective-focus_166373-3850.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Exclusive Banquet Night",
|
||||
price: "$1800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/puts-glass-waiter-hand-gloves-worker-is-engaged-serving-table_146671-14409.jpg",
|
||||
},
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Select from our premium offerings to create your perfect coastal day."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Private Beach Hut", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/man-red-trousers-walks-lonely-lady-standing-wooden-boat-mountain-lake_1304-2955.jpg" },
|
||||
{ id: "p2", name: "Corporate Seaside Package", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575139.jpg" },
|
||||
{ id: "p3", name: "Beachside Ceremony Setup", price: "$1200", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481501.jpg" },
|
||||
{ id: "p4", name: "Catered Sunset Lounge", price: "$550", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxurious-wedding-ceremony-hall_181624-59290.jpg" },
|
||||
{ id: "p5", name: "Luxury Sun Lounger", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-sitting-alone-chair-front-sea-with-feeling-loneliness-empty-chair-idea-loss-mental-health-selective-focus_166373-3850.jpg" },
|
||||
{ id: "p6", name: "Exclusive Banquet Night", price: "$1800", imageSrc: "http://img.b2bpic.net/free-photo/puts-glass-waiter-hand-gloves-worker-is-engaged-serving-table_146671-14409.jpg" }
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Select from our premium offerings to create your perfect coastal day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing Day",
|
||||
quote: "The best beach experience we have ever had.",
|
||||
name: "Sarah Miller",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215791.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Professional Service",
|
||||
quote: "Seamless event organization, our team loved it.",
|
||||
name: "David Clark",
|
||||
role: "Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-friends-handshaking-outdoors_23-2149073970.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Magic Ceremony",
|
||||
quote: "Perfectly curated wedding day by the sea.",
|
||||
name: "Emma Roberts",
|
||||
role: "Bride",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-beautiful-couple-posing-with-blue-smoke-bomb-beach_181624-30899.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Relaxation Mode",
|
||||
quote: "Exceptional luxury huts with great comfort.",
|
||||
name: "Jason Lee",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highlight of Summer",
|
||||
quote: "We will definitely return for the next season.",
|
||||
name: "Alice Wang",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-happy-summer-beach-together-having-fun_285396-6478.jpg",
|
||||
},
|
||||
]}
|
||||
title="Words from Our Guests"
|
||||
description="Discover why travelers and event planners choose Eventtra for their seaside celebrations."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Amazing Day", quote: "The best beach experience we have ever had.", name: "Sarah Miller", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215791.jpg" },
|
||||
{ id: "t2", title: "Professional Service", quote: "Seamless event organization, our team loved it.", name: "David Clark", role: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/male-friends-handshaking-outdoors_23-2149073970.jpg" },
|
||||
{ id: "t3", title: "Magic Ceremony", quote: "Perfectly curated wedding day by the sea.", name: "Emma Roberts", role: "Bride", imageSrc: "http://img.b2bpic.net/free-photo/picture-beautiful-couple-posing-with-blue-smoke-bomb-beach_181624-30899.jpg" },
|
||||
{ id: "t4", title: "Relaxation Mode", quote: "Exceptional luxury huts with great comfort.", name: "Jason Lee", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg" },
|
||||
{ id: "t5", title: "Highlight of Summer", quote: "We will definitely return for the next season.", name: "Alice Wang", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-happy-summer-beach-together-having-fun_285396-6478.jpg" }
|
||||
]}
|
||||
title="Words from Our Guests"
|
||||
description="Discover why travelers and event planners choose Eventtra for their seaside celebrations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Booking requirements?",
|
||||
content: "You can book directly through our website.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Event capacity?",
|
||||
content: "Our beach setups accommodate up to 200 guests.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Cancellation policy?",
|
||||
content: "Free cancellation within 48 hours notice.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
description="Have questions about our beach huts or event planning? We've got answers."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Booking requirements?", content: "You can book directly through our website." },
|
||||
{ id: "q2", title: "Event capacity?", content: "Our beach setups accommodate up to 200 guests." },
|
||||
{ id: "q3", title: "Cancellation policy?", content: "Free cancellation within 48 hours notice." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
description="Have questions about our beach huts or event planning? We've got answers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Travel World",
|
||||
"Seaside Events Co",
|
||||
"Luxury Host",
|
||||
"Event Pros",
|
||||
"Beach Vibes",
|
||||
"Hospitality Group",
|
||||
"Ocean Resorts",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Proudly working with industry-leading hospitality and event experts."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Travel World", "Seaside Events Co", "Luxury Host", "Event Pros", "Beach Vibes", "Hospitality Group", "Ocean Resorts"
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Proudly working with industry-leading hospitality and event experts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Plan Your Coastal Event?"
|
||||
description="Reach out to our professional event concierge and start crafting your perfect day by the shore."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Plan Your Coastal Event?"
|
||||
description="Reach out to our professional event concierge and start crafting your perfect day by the shore."
|
||||
buttons={[{ text: "Contact Us Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16512.jpg"
|
||||
logoText="Eventtra"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16512.jpg"
|
||||
logoText="Eventtra"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user