Update src/app/page.tsx
This commit is contained in:
247
src/app/page.tsx
247
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Fleet",
|
||||
id: "fleet",
|
||||
},
|
||||
name: "Fleet", id: "fleet"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="UNIQ Miami"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Miami Like Never Before."
|
||||
description="UNIQ Miami Yacht Charters provides the ultimate luxury escape on the sparkling waters of the Atlantic. From private sunsets to exclusive celebrations, our fleet is your gateway to elegance."
|
||||
tag="Luxury Yacht Charters"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miami-skyscrapers_649448-5023.jpg",
|
||||
imageAlt: "Miami Yacht Skyline View",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miami-skyscrapers_649448-5023.jpg", imageAlt: "luxury yacht miami skyline"},
|
||||
{
|
||||
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-6401.jpg",
|
||||
imageAlt: "Luxury Yacht Party",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-landscape_23-2151636422.jpg",
|
||||
imageAlt: "Miami bayside landscape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miami-south-beach-street_649448-186.jpg",
|
||||
imageAlt: "Miami south beach street",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-city-architecture_649448-4009.jpg",
|
||||
imageAlt: "Urban city architecture",
|
||||
},
|
||||
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-6401.jpg", imageAlt: "yacht party miami luxury"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -97,17 +72,11 @@ export default function LandingPage() {
|
||||
description="We don't just provide boats; we curate unforgettable experiences. With personalized itineraries and white-glove service, we ensure your time on the water is nothing short of exceptional."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Elite Fleet",
|
||||
},
|
||||
value: "50+", title: "Elite Fleet"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Concierge Support",
|
||||
},
|
||||
value: "24/7", title: "Concierge Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/train-driver-occupation_342744-960.jpg"
|
||||
imageAlt="Our Dedicated Professional Crew"
|
||||
@@ -124,59 +93,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "y1",
|
||||
brand: "Azimut",
|
||||
name: "Miami Star",
|
||||
price: "$1,500/hr",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-cruise-ship-ocean_1194-637948.jpg",
|
||||
},
|
||||
id: "y1", brand: "Azimut", name: "Miami Star", price: "$1,500/hr", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/luxury-cruise-ship-ocean_1194-637948.jpg"},
|
||||
{
|
||||
id: "y2",
|
||||
brand: "Sunseeker",
|
||||
name: "Ocean Horizon",
|
||||
price: "$2,200/hr",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821267.jpg",
|
||||
},
|
||||
id: "y2", brand: "Sunseeker", name: "Ocean Horizon", price: "$2,200/hr", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821267.jpg"},
|
||||
{
|
||||
id: "y3",
|
||||
brand: "Ferretti",
|
||||
name: "Blue Velvet",
|
||||
price: "$1,800/hr",
|
||||
rating: 4,
|
||||
reviewCount: "82",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-port-preparing-yacht-trip_72229-520.jpg",
|
||||
},
|
||||
{
|
||||
id: "y4",
|
||||
brand: "Pershing",
|
||||
name: "Speed Queen",
|
||||
price: "$3,000/hr",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-resort-blue-table-home_1203-5551.jpg",
|
||||
},
|
||||
{
|
||||
id: "y5",
|
||||
brand: "Riva",
|
||||
name: "Sunset Dream",
|
||||
price: "$2,500/hr",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263575.jpg",
|
||||
},
|
||||
{
|
||||
id: "y6",
|
||||
brand: "Benetti",
|
||||
name: "Global Explorer",
|
||||
price: "$5,000/hr",
|
||||
rating: 5,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-lying-enjoying-music_23-2147670537.jpg",
|
||||
},
|
||||
id: "y3", brand: "Ferretti", name: "Blue Velvet", price: "$1,800/hr", rating: 4,
|
||||
reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/man-port-preparing-yacht-trip_72229-520.jpg"},
|
||||
]}
|
||||
title="Our Elite Yacht Fleet"
|
||||
description="Explore our curated collection of luxury yachts, ranging from sleek performance cruisers to spacious mega-yachts ready for your next adventure."
|
||||
@@ -190,57 +114,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "$1,200",
|
||||
subtitle: "Day Cruise Special",
|
||||
buttons: [
|
||||
id: "p1", badge: "Popular", price: "$1,200", subtitle: "Day Cruise Special", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"4 Hours",
|
||||
"Complimentary Water",
|
||||
"Captain Included",
|
||||
],
|
||||
"4 Hours", "Complimentary Water", "Captain Included"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Elite",
|
||||
price: "$2,500",
|
||||
subtitle: "Full Day Adventure",
|
||||
buttons: [
|
||||
id: "p2", badge: "Elite", price: "$2,500", subtitle: "Full Day Adventure", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"8 Hours",
|
||||
"Catering Package",
|
||||
"Full Crew Included",
|
||||
"Fuel Included",
|
||||
],
|
||||
"8 Hours", "Catering Package", "Full Crew Included", "Fuel Included"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "VIP",
|
||||
price: "$5,000",
|
||||
subtitle: "Sunset & Stay",
|
||||
buttons: [
|
||||
id: "p3", badge: "VIP", price: "$5,000", subtitle: "Sunset & Stay", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Overnight",
|
||||
"Champagne Service",
|
||||
"Chef Services",
|
||||
"VIP Docking",
|
||||
],
|
||||
"Overnight", "Champagne Service", "Chef Services", "VIP Docking"],
|
||||
},
|
||||
]}
|
||||
title="Simple Luxury Pricing"
|
||||
@@ -255,26 +150,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12,000+",
|
||||
title: "Nautical Miles",
|
||||
description: "Safe voyages in Miami waters",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-stylish-man-dressed-modern-elegant-clothes-sitting-table-outdoor-cafe-against-background-city-wharf_613910-21028.jpg",
|
||||
},
|
||||
id: "m1", value: "12,000+", title: "Nautical Miles", description: "Safe voyages in Miami waters", imageSrc: "http://img.b2bpic.net/free-photo/successful-stylish-man-dressed-modern-elegant-clothes-sitting-table-outdoor-cafe-against-background-city-wharf_613910-21028.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Repeat Guests",
|
||||
description: "Returning for more luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-two-persons-with-rose-leafs_140725-10010.jpg",
|
||||
},
|
||||
id: "m2", value: "98%", title: "Repeat Guests", description: "Returning for more luxury", imageSrc: "http://img.b2bpic.net/free-photo/table-two-persons-with-rose-leafs_140725-10010.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Events Hosted",
|
||||
description: "Unforgettable life moments",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-yacht-rudder-daylight-horizontal-sea-background_1220-1499.jpg",
|
||||
},
|
||||
id: "m3", value: "500+", title: "Events Hosted", description: "Unforgettable life moments", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-yacht-rudder-daylight-horizontal-sea-background_1220-1499.jpg"},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Numbers speak louder than words when it comes to world-class service."
|
||||
@@ -289,25 +169,15 @@ export default function LandingPage() {
|
||||
author="Sarah & David Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "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-6396.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "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-6396.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-friends-near-yacht_624325-3124.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-friends-near-yacht_624325-3124.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-yacht-boat_624325-2583.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-yacht-boat_624325-2583.jpg", alt: "Guest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-pin-up-girl-with-vine_1157-18558.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-pin-up-girl-with-vine_1157-18558.jpg", alt: "Guest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-having-fun-summer_23-2149031470.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-having-fun-summer_23-2149031470.jpg", alt: "Guest"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -320,20 +190,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is included?",
|
||||
content: "Our packages include captain, fuel, and basic water amenities.",
|
||||
},
|
||||
id: "f1", title: "What is included?", content: "Our packages include captain, fuel, and basic water amenities."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can we bring food?",
|
||||
content: "Yes, you can bring your own food or upgrade to a chef package.",
|
||||
},
|
||||
id: "f2", title: "Can we bring food?", content: "Yes, you can bring your own food or upgrade to a chef package."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is parking available?",
|
||||
content: "Complimentary parking is provided at our private docks.",
|
||||
},
|
||||
id: "f3", title: "Is parking available?", content: "Complimentary parking is provided at our private docks."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-port-preparing-yacht-trip_72229-516.jpg"
|
||||
imageAlt="Concierge services"
|
||||
@@ -351,22 +212,14 @@ export default function LandingPage() {
|
||||
description="Ready to set sail? Reach out today and let us help you plan the perfect experience."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your plans...",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your plans..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cityscape-san-diego-downtown-sea-port_1268-15587.jpg"
|
||||
imageAlt="Miami Dockside"
|
||||
mediaPosition="left"
|
||||
@@ -378,29 +231,19 @@ export default function LandingPage() {
|
||||
logoText="UNIQ Miami"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Fleet",
|
||||
href: "#fleet",
|
||||
},
|
||||
label: "Fleet", href: "#fleet"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user