bender/1f3580a6-e2b5-4f08-ae4e-6b20d0156098
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 16:12:05 +00:00
parent 2741f5204a
commit 4bc82cb842
1 changed files with 66 additions and 352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

418
src/app/page.tsx
View File

@@ -32,40 +32,17 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Fleet",
id: "fleet",
},
{
name: "Services",
id: "services",
},
{
name: "Packages",
id: "packages",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Fleet", id: "fleet" },
{ name: "Services", id: "services" },
{ name: "Packages", id: "packages" },
{ name: "Gallery", id: "gallery" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" }
]}
brandName="Crown Yacht"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
@@ -75,75 +52,24 @@ export default function LandingPage() {
description="Private yacht rentals, sunset cruises, VIP events, and unforgettable sea experiences with Crown Yacht & Boats Rental."
tag="Rated 4.9 ★★★★★ by customers"
buttons={[
{
text: "Book Your Yacht",
href: "#contact",
},
{
text: "View Fleet",
href: "#fleet",
},
{ text: "Book Your Yacht", href: "#contact" },
{ text: "View Fleet", href: "#fleet" }
]}
imageSrc="http://img.b2bpic.net/free-photo/harbor-dubai-clear-blue-sky_181624-9049.jpg"
showBlur={true}
testimonials={[
{
name: "Sarah Ahmed",
handle: "@sarah_ahmed",
testimonial: "An absolutely incredible experience. The crew was professional and the yacht was pristine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-stylish-man-dressed-modern-elegant-clothes-sitting-table-outdoor-cafe-against-background-city-wharf_613910-3954.jpg",
},
{
name: "John Doe",
handle: "@johndoe",
testimonial: "Best sunset cruise in Abu Dhabi! Everything was perfectly managed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-outdoor_624325-2795.jpg",
},
{
name: "Fatima",
handle: "@fatima_yacht",
testimonial: "So luxurious! Felt like a real VIP. The photography service included was top notch.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-port-private-yachts-port_72229-550.jpg",
},
{
name: "Mark Stevens",
handle: "@mstevens",
testimonial: "Highly recommend for corporate events. Very impressive vessel and high capacity.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-three-friends-talking-drinking-champagne-while-sitting-board-boat-enjoying-sunlight_176420-15421.jpg",
},
{
name: "Elena Ross",
handle: "@elena_ross",
testimonial: "The perfect romantic dinner setting under the stars. Unforgettable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
},
{ name: "Sarah Ahmed", handle: "@sarah_ahmed", testimonial: "An absolutely incredible experience. The crew was professional and the yacht was pristine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-stylish-man-dressed-modern-elegant-clothes-sitting-table-outdoor-cafe-against-background-city-wharf_613910-3954.jpg" },
{ name: "John Doe", handle: "@johndoe", testimonial: "Best sunset cruise in Abu Dhabi! Everything was perfectly managed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-outdoor_624325-2795.jpg" },
{ name: "Fatima", handle: "@fatima_yacht", testimonial: "So luxurious! Felt like a real VIP. The photography service included was top notch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-port-private-yachts-port_72229-550.jpg" },
{ name: "Mark Stevens", handle: "@mstevens", testimonial: "Highly recommend for corporate events. Very impressive vessel and high capacity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-three-friends-talking-drinking-champagne-while-sitting-board-boat-enjoying-sunlight_176420-15421.jpg" },
{ name: "Elena Ross", handle: "@elena_ross", testimonial: "The perfect romantic dinner setting under the stars. Unforgettable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" }
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-hispanic-female-executive-wearing-eyeglasses-standing-studio_662251-664.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/calm-happy-stylish-fashion-girl-wearing-white-knitted-shorts-crop-top-with-long-sleeves-holding-picnic-wicker-basket-handbag_343596-1597.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-white-dress-summer-resort-hotel-wearing-sunglasses-stylish-accessories-laughing-vacation_285396-2695.jpg",
alt: "Customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/smiling-hispanic-female-executive-wearing-eyeglasses-standing-studio_662251-664.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/calm-happy-stylish-fashion-girl-wearing-white-knitted-shorts-crop-top-with-long-sleeves-holding-picnic-wicker-basket-handbag_343596-1597.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-white-dress-summer-resort-hotel-wearing-sunglasses-stylish-accessories-laughing-vacation_285396-2695.jpg", alt: "Customer 5" }
]}
/>
</div>
@@ -153,12 +79,7 @@ export default function LandingPage() {
useInvertedBackground={false}
tag="About Us"
title="Unrivaled Elegance in Abu Dhabi Waters"
buttons={[
{
text: "Learn More",
href: "#services",
},
]}
buttons={[{ text: "Learn More", href: "#services" }]}
/>
</div>
@@ -169,42 +90,12 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{
id: "f1",
name: "VIP Luxury Yacht",
price: "From AED 1,500/hr",
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-6405.jpg",
},
{
id: "f2",
name: "Party Yacht",
price: "From AED 2,200/hr",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-their-friend-sitting-yacht-while-drinking-spending-time-cheerfully-adult-sipping-champagne-trendy-clothes-while-luxury-vacation_176420-15418.jpg",
},
{
id: "f3",
name: "Romantic Cruise Yacht",
price: "From AED 1,200/hr",
imageSrc: "http://img.b2bpic.net/free-photo/couple-toasting-beach_53876-13600.jpg",
},
{
id: "f4",
name: "Sunset Experience Yacht",
price: "From AED 1,800/hr",
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-relaxing-yacht-with-glasses-wine-hands-sunset-high-seas_613910-21052.jpg",
},
{
id: "f5",
name: "Corporate Event Yacht",
price: "From AED 3,500/hr",
imageSrc: "http://img.b2bpic.net/free-photo/japanese-couple-posing-bridge-celebrating-coming-age-day_23-2150243147.jpg",
},
{
id: "f6",
name: "Family Trip Yacht",
price: "From AED 1,400/hr",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-yachts-port-evening_1268-14339.jpg",
},
{ id: "f1", name: "VIP Luxury Yacht", price: "From AED 1,500/hr", 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-6405.jpg" },
{ id: "f2", name: "Party Yacht", price: "From AED 2,200/hr", imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-their-friend-sitting-yacht-while-drinking-spending-time-cheerfully-adult-sipping-champagne-trendy-clothes-while-luxury-vacation_176420-15418.jpg" },
{ id: "f3", name: "Romantic Cruise Yacht", price: "From AED 1,200/hr", imageSrc: "http://img.b2bpic.net/free-photo/couple-toasting-beach_53876-13600.jpg" },
{ id: "f4", name: "Sunset Experience Yacht", price: "From AED 1,800/hr", imageSrc: "http://img.b2bpic.net/free-photo/female-friends-relaxing-yacht-with-glasses-wine-hands-sunset-high-seas_613910-21052.jpg" },
{ id: "f5", name: "Corporate Event Yacht", price: "From AED 3,500/hr", imageSrc: "http://img.b2bpic.net/free-photo/japanese-couple-posing-bridge-celebrating-coming-age-day_23-2150243147.jpg" },
{ id: "f6", name: "Family Trip Yacht", price: "From AED 1,400/hr", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-yachts-port-evening_1268-14339.jpg" }
]}
title="Our Exclusive Fleet"
description="Select the perfect vessel for your journey, from intimate romantic cruises to large-scale corporate celebrations."
@@ -217,48 +108,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Private Yacht Rental",
subtitle: "Total privacy for your custom voyage.",
category: "Rental",
value: "Available 24/7",
},
{
id: "s2",
title: "Birthday Parties",
subtitle: "Celebrate in style on the water.",
category: "Events",
value: "Customizable",
},
{
id: "s3",
title: "Sunset Cruise",
subtitle: "Witness the iconic Abu Dhabi horizon.",
category: "Experience",
value: "Most Popular",
},
{
id: "s4",
title: "Romantic Dinner",
subtitle: "Fine dining under the starlit sky.",
category: "Dining",
value: "VIP Service",
},
{
id: "s5",
title: "Corporate Events",
subtitle: "Impression-driven business charters.",
category: "Business",
value: "Capacity 50+",
},
{
id: "s6",
title: "Family Sightseeing",
subtitle: "Fun and safety for every generation.",
category: "Tour",
value: "Family Friendly",
},
{ id: "s1", title: "Private Yacht Rental", subtitle: "Total privacy for your custom voyage.", category: "Rental", value: "Available 24/7" },
{ id: "s2", title: "Birthday Parties", subtitle: "Celebrate in style on the water.", category: "Events", value: "Customizable" },
{ id: "s3", title: "Sunset Cruise", subtitle: "Witness the iconic Abu Dhabi horizon.", category: "Experience", value: "Most Popular" },
{ id: "s4", title: "Romantic Dinner", subtitle: "Fine dining under the starlit sky.", category: "Dining", value: "VIP Service" },
{ id: "s5", title: "Corporate Events", subtitle: "Impression-driven business charters.", category: "Business", value: "Capacity 50+" },
{ id: "s6", title: "Family Sightseeing", subtitle: "Fun and safety for every generation.", category: "Tour", value: "Family Friendly" }
]}
title="Premium Yacht Services"
description="Tailor-made experiences to create lifetime memories on the Arabian Gulf."
@@ -271,54 +126,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "p1",
price: "AED 2,400",
name: "2 Hour Luxury Cruise",
features: [
"Complimentary Drinks",
"Snacks",
"Music System",
],
buttons: [
{
text: "Book via WhatsApp",
href: "#contact",
},
],
},
{
id: "p2",
price: "AED 3,600",
name: "VIP Sunset Experience",
features: [
"Pro Photographer",
"Premium Champagne",
"Extended Route",
],
buttons: [
{
text: "Book via WhatsApp",
href: "#contact",
},
],
},
{
id: "p3",
price: "AED 4,500",
name: "Night Party Yacht",
features: [
"DJ System",
"Sound Lighting",
"4 Hour Charter",
],
buttons: [
{
text: "Book via WhatsApp",
href: "#contact",
},
],
},
{ id: "p1", price: "AED 2,400", name: "2 Hour Luxury Cruise", features: ["Complimentary Drinks", "Snacks", "Music System"], buttons: [{ text: "Book via WhatsApp", href: "#contact" }] },
{ id: "p2", price: "AED 3,600", name: "VIP Sunset Experience", features: ["Pro Photographer", "Premium Champagne", "Extended Route"], buttons: [{ text: "Book via WhatsApp", href: "#contact" }] },
{ id: "p3", price: "AED 4,500", name: "Night Party Yacht", features: ["DJ System", "Sound Lighting", "4 Hour Charter"], buttons: [{ text: "Book via WhatsApp", href: "#contact" }] }
]}
title="Exclusive Luxury Packages"
description="Transparent pricing for unparalleled luxury experiences."
@@ -331,24 +141,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Stunning Views",
value: "Unlimited",
icon: Camera,
},
{
id: "m2",
title: "Happy Guests",
value: "1,000+",
icon: Smile,
},
{
id: "m3",
title: "Yachts Available",
value: "15+",
icon: Star,
},
{ id: "m1", title: "Stunning Views", value: "Unlimited", icon: Camera },
{ id: "m2", title: "Happy Guests", value: "1,000+", icon: Smile },
{ id: "m3", title: "Yachts Available", value: "15+", icon: Star }
]}
title="Captured Moments"
description="Visualizing your next unforgettable sea journey."
@@ -361,60 +156,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Ahmed",
role: "VIP Guest",
company: "Abu Dhabi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-friends-near-yacht_624325-3124.jpg",
},
{
id: "t2",
name: "John Doe",
role: "Traveler",
company: "Dubai",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
},
{
id: "t3",
name: "Fatima",
role: "Influencer",
company: "Abu Dhabi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-curly-brunette-woman-midi-dress-boater-poses-terrace-with-sea-view-happy-shorthaired-lady-moves-abc-smiles-ocean-background_197531-29949.jpg",
},
{
id: "t4",
name: "Mark Stevens",
role: "Corporate",
company: "Abu Dhabi",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-lady-holding-her-blonde-hair-making-pony-tail-before-brakfast-cafe_132075-9376.jpg",
},
{
id: "t5",
name: "Elena Ross",
role: "Couple",
company: "London",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-couple-walking-seaside-skateboarding_176420-2390.jpg",
},
{ id: "t1", name: "Sarah Ahmed", role: "VIP Guest", company: "Abu Dhabi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-friends-near-yacht_624325-3124.jpg" },
{ id: "t2", name: "John Doe", role: "Traveler", company: "Dubai", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg" },
{ id: "t3", name: "Fatima", role: "Influencer", company: "Abu Dhabi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-curly-brunette-woman-midi-dress-boater-poses-terrace-with-sea-view-happy-shorthaired-lady-moves-abc-smiles-ocean-background_197531-29949.jpg" },
{ id: "t4", name: "Mark Stevens", role: "Corporate", company: "Abu Dhabi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-lady-holding-her-blonde-hair-making-pony-tail-before-brakfast-cafe_132075-9376.jpg" },
{ id: "t5", name: "Elena Ross", role: "Couple", company: "London", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-couple-walking-seaside-skateboarding_176420-2390.jpg" }
]}
kpiItems={[
{
value: "4.9",
label: "Avg Rating",
},
{
value: "15+",
label: "Google Reviews",
},
{
value: "100%",
label: "Safety Record",
},
{ value: "4.9", label: "Avg Rating" },
{ value: "15+", label: "Google Reviews" },
{ value: "100%", label: "Safety Record" }
]}
title="Voices of Crown Yacht"
description="Trusted by customers with a 4.9-star Google rating."
@@ -424,18 +175,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Booking Inquiry"
title="Secure Your Date"
description="Ready to set sail? Fill out your details below and our concierge team will contact you shortly."
buttons={[
{
text: "Request Luxury Booking",
href: "#",
},
]}
buttons={[{ text: "Request Luxury Booking", href: "#" }]}
/>
</div>
@@ -443,56 +187,26 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
{
label: "Yacht Rental",
href: "#services",
},
{
label: "Party Yacht",
href: "#services",
},
{
label: "Sunset Cruise",
href: "#services",
},
],
title: "Services", items: [
{ label: "Yacht Rental", href: "#services" },
{ label: "Party Yacht", href: "#services" },
{ label: "Sunset Cruise", href: "#services" }
]
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Testimonials",
href: "#reviews",
},
{
label: "Privacy Policy",
href: "#",
},
],
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Testimonials", href: "#reviews" },
{ label: "Privacy Policy", href: "#" }
]
},
{
title: "Contact",
items: [
{
label: "Abu Dhabi, UAE",
href: "#",
},
{
label: "+971 50 123 4567",
href: "tel:+971501234567",
},
{
label: "Email Us",
href: "mailto:info@crownyacht.com",
},
],
},
title: "Contact", items: [
{ label: "Abu Dhabi, UAE", href: "#" },
{ label: "+971 50 123 4567", href: "tel:+971501234567" },
{ label: "Email Us", href: "mailto:info@crownyacht.com" }
]
}
]}
bottomLeftText="© 2024 Crown Yacht & Boats Rental"
bottomRightText="Built for Luxury Experiences"