Update src/app/page.tsx
This commit is contained in:
230
src/app/page.tsx
230
src/app/page.tsx
@@ -33,74 +33,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Yachts",
|
||||
id: "products",
|
||||
},
|
||||
name: "Yachts", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bravo"
|
||||
button={{
|
||||
text: "Inquire Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Inquire Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Unrivaled Elegance on the Open Sea"
|
||||
description="Bravo Yachts delivers unparalleled craftsmanship and sophisticated engineering for the discerning voyager."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Yachts",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Yachts", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-boat-picture_23-2150647863.jpg",
|
||||
imageAlt: "luxury yacht ocean cruise",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-boat-picture_23-2150647863.jpg", imageAlt: "luxury yacht ocean cruise"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-581.jpg",
|
||||
imageAlt: "yacht interior luxury design",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-581.jpg", imageAlt: "yacht interior luxury design"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yacht-sea-sunset_1150-10302.jpg",
|
||||
imageAlt: "yacht sunset cruise ocean",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/yacht-sea-sunset_1150-10302.jpg", imageAlt: "yacht sunset cruise ocean"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-yacht-traffic-sea-vintage-effect-style-pictures_1253-965.jpg",
|
||||
imageAlt: "motor yacht bow ocean",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/view-from-yacht-traffic-sea-vintage-effect-style-pictures_1253-965.jpg", imageAlt: "motor yacht bow ocean"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-aerial-view-beach-sea_74190-6782.jpg",
|
||||
imageAlt: "yacht aerial view bay",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-aerial-view-beach-sea_74190-6782.jpg", imageAlt: "yacht aerial view bay"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1888.jpg",
|
||||
imageAlt: "yacht helm dashboard",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1888.jpg", imageAlt: "yacht helm dashboard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,29 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Master Suite",
|
||||
description: "Spacious cabin with private panoramic ocean views.",
|
||||
tag: "Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
|
||||
imageAlt: "yacht cabin master bedroom",
|
||||
},
|
||||
id: "f1", title: "Premium Master Suite", description: "Spacious cabin with private panoramic ocean views.", tag: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg", imageAlt: "yacht cabin master bedroom"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Panoramic Sun Deck",
|
||||
description: "Expansive outdoor space designed for ultimate relaxation.",
|
||||
tag: "Lifestyle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-smiling-woman-dressed-white-dress-red-hat-sunglasses-sitting-summer-open-air-theatre-alone-many-chairs-spring-street-style-fashion-trend-waving-hand-hello_285396-4523.jpg",
|
||||
imageAlt: "yacht sun deck cushions",
|
||||
},
|
||||
id: "f2", title: "Panoramic Sun Deck", description: "Expansive outdoor space designed for ultimate relaxation.", tag: "Lifestyle", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-smiling-woman-dressed-white-dress-red-hat-sunglasses-sitting-summer-open-air-theatre-alone-many-chairs-spring-street-style-fashion-trend-waving-hand-hello_285396-4523.jpg", imageAlt: "yacht sun deck cushions"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gourmet Dining Area",
|
||||
description: "Equipped with state-of-the-art kitchen for culinary excellence.",
|
||||
tag: "Utility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-with-cocktails_1157-8902.jpg",
|
||||
imageAlt: "yacht outdoor dining set",
|
||||
},
|
||||
id: "f3", title: "Gourmet Dining Area", description: "Equipped with state-of-the-art kitchen for culinary excellence.", tag: "Utility", imageSrc: "http://img.b2bpic.net/free-photo/girls-with-cocktails_1157-8902.jpg", imageAlt: "yacht outdoor dining set"},
|
||||
]}
|
||||
title="Beyond Expectations"
|
||||
description="Innovative features that transform every journey into a masterpiece."
|
||||
@@ -163,47 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Bravo Cruiser 50",
|
||||
price: "$2.5M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-582.jpg",
|
||||
imageAlt: "sport yacht side view",
|
||||
},
|
||||
id: "p1", name: "Bravo Cruiser 50", price: "$2.5M", imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_72229-582.jpg", imageAlt: "sport yacht side view"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bravo Horizon 80",
|
||||
price: "$5.8M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-beautiful-girls_1157-8887.jpg",
|
||||
imageAlt: "large luxury cruiser yacht",
|
||||
},
|
||||
id: "p2", name: "Bravo Horizon 80", price: "$5.8M", imageSrc: "http://img.b2bpic.net/free-photo/three-beautiful-girls_1157-8887.jpg", imageAlt: "large luxury cruiser yacht"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Oceanic Catamaran",
|
||||
price: "$1.2M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-healthy-calm-woman-doing-yoga-sailing-yacht-boat-sea-island_1153-3945.jpg",
|
||||
imageAlt: "catamaran sailing yacht",
|
||||
},
|
||||
id: "p3", name: "Oceanic Catamaran", price: "$1.2M", imageSrc: "http://img.b2bpic.net/free-photo/young-healthy-calm-woman-doing-yoga-sailing-yacht-boat-sea-island_1153-3945.jpg", imageAlt: "catamaran sailing yacht"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bravo Concept X",
|
||||
price: "$9.4M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-yacht_23-2151995429.jpg",
|
||||
imageAlt: "minimalist luxury yacht",
|
||||
},
|
||||
id: "p4", name: "Bravo Concept X", price: "$9.4M", imageSrc: "http://img.b2bpic.net/free-photo/relaxing-yacht_23-2151995429.jpg", imageAlt: "minimalist luxury yacht"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bravo Day-Tender",
|
||||
price: "$0.9M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6379.jpg",
|
||||
imageAlt: "luxury tender boat",
|
||||
},
|
||||
id: "p5", name: "Bravo Day-Tender", price: "$0.9M", imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6379.jpg", imageAlt: "luxury tender boat"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bravo Mega Lounge",
|
||||
price: "$12.0M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-stylish-man-dressed-modern-elegant-clothes-sitting-table-outdoor-cafe-against-background-city-wharf_613910-21036.jpg",
|
||||
imageAlt: "mega yacht lounge interior",
|
||||
},
|
||||
id: "p6", name: "Bravo Mega Lounge", price: "$12.0M", imageSrc: "http://img.b2bpic.net/free-photo/successful-stylish-man-dressed-modern-elegant-clothes-sitting-table-outdoor-cafe-against-background-city-wharf_613910-21036.jpg", imageAlt: "mega yacht lounge interior"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our curated selection of fine yachts available for immediate delivery."
|
||||
@@ -217,20 +138,11 @@ export default function LandingPage() {
|
||||
tag="Key Data"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Vessels delivered",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Vessels delivered"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25",
|
||||
description: "Years of expertise",
|
||||
},
|
||||
id: "m2", value: "25", description: "Years of expertise"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Client satisfaction rate",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Client satisfaction rate"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -242,64 +154,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Aurelius",
|
||||
role: "CEO",
|
||||
company: "Maritime Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-woman-white-summer-clothes-wearing-sunglasses-dusk_343596-907.jpg",
|
||||
imageAlt: "happy yacht buyer portrait",
|
||||
},
|
||||
id: "1", name: "Marcus Aurelius", role: "CEO", company: "Maritime Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-woman-white-summer-clothes-wearing-sunglasses-dusk_343596-907.jpg", imageAlt: "happy yacht buyer portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Helena Vane",
|
||||
role: "Investor",
|
||||
company: "Global Wealth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-tablet_23-2149068609.jpg",
|
||||
imageAlt: "man on luxury boat",
|
||||
},
|
||||
id: "2", name: "Helena Vane", role: "Investor", company: "Global Wealth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-tablet_23-2149068609.jpg", imageAlt: "man on luxury boat"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jonathan Hart",
|
||||
role: "Entrepreneur",
|
||||
company: "Hart Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-harbor-sunny-day_23-2147732039.jpg",
|
||||
imageAlt: "couple relaxing yacht deck",
|
||||
},
|
||||
id: "3", name: "Jonathan Hart", role: "Entrepreneur", company: "Hart Ventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-harbor-sunny-day_23-2147732039.jpg", imageAlt: "couple relaxing yacht deck"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sofia Rossi",
|
||||
role: "Architect",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-sisters-looking-camera-doing-frame-by-hands_624325-3173.jpg",
|
||||
imageAlt: "woman yacht ocean view",
|
||||
},
|
||||
id: "4", name: "Sofia Rossi", role: "Architect", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-sisters-looking-camera-doing-frame-by-hands_624325-3173.jpg", imageAlt: "woman yacht ocean view"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucas Thorne",
|
||||
role: "Founder",
|
||||
company: "Tech Innovations",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-thoughtful-freelancer-blogs-social-networks-holds-contemporary-mobile-phone_273609-18729.jpg",
|
||||
imageAlt: "happy boat owner portrait",
|
||||
},
|
||||
id: "5", name: "Lucas Thorne", role: "Founder", company: "Tech Innovations", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-thoughtful-freelancer-blogs-social-networks-holds-contemporary-mobile-phone_273609-18729.jpg", imageAlt: "happy boat owner portrait"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "5.0", label: "Avg Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Excellence",
|
||||
},
|
||||
value: "100%", label: "Excellence"},
|
||||
{
|
||||
value: "Top 1",
|
||||
label: "Luxury Rank",
|
||||
},
|
||||
value: "Top 1", label: "Luxury Rank"},
|
||||
]}
|
||||
title="Voices of the Sea"
|
||||
description="Hear what our distinguished clients say about their experience."
|
||||
@@ -312,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I request a private viewing?",
|
||||
content: "Simply contact our sales department or fill out the inquiry form.",
|
||||
},
|
||||
id: "q1", title: "How do I request a private viewing?", content: "Simply contact our sales department or fill out the inquiry form."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer customization?",
|
||||
content: "Yes, we offer extensive bespoke customization options for every yacht.",
|
||||
},
|
||||
id: "q2", title: "Do you offer customization?", content: "Yes, we offer extensive bespoke customization options for every yacht."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does delivery take?",
|
||||
content: "Timelines vary by model; generally between 6 to 18 months.",
|
||||
},
|
||||
id: "q3", title: "How long does delivery take?", content: "Timelines vary by model; generally between 6 to 18 months."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to your most common questions about our services."
|
||||
@@ -337,16 +204,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Inquire"
|
||||
title="Chart Your Course"
|
||||
description="Speak with a Bravo specialist to begin your journey into ultimate luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Your Private Consultation", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -355,13 +219,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="BRAVO"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user