Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 322a3f51bd | |||
| 76043a0931 | |||
| f4a49a1ce4 | |||
| 8d1f3f3ffa | |||
| 3d9305c7e1 |
168
src/app/page.tsx
168
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
|||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||||
import { Award, Briefcase, Clock, Compass, ShieldCheck, Sparkles, Star, Waves } from "lucide-react";
|
import { Award, Sparkles, Waves } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "Fleet", id: "fleet" },
|
||||||
{
|
{ name: "Experiences", id: "services" },
|
||||||
name: "Fleet", id: "fleet"},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Experiences", id: "services"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Best Yachts"
|
brandName="Best Yachts"
|
||||||
/>
|
/>
|
||||||
@@ -47,52 +43,20 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "glowing-orb" }}
|
||||||
variant: "glowing-orb"}}
|
|
||||||
title="Experience Luxury at Sea with Best Yachts"
|
title="Experience Luxury at Sea with Best Yachts"
|
||||||
description="Exclusive yacht charter experiences across the Turkish Riviera. Discover unparalleled comfort, privacy, and service."
|
description="Exclusive yacht charter experiences across the Turkish Riviera. Discover unparalleled comfort, privacy, and service."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "20+", label: "Luxury Yachts" },
|
||||||
value: "20+", label: "Luxury Yachts"},
|
{ value: "150+", label: "Happy Clients" },
|
||||||
{
|
{ value: "10+", label: "Years Experience" },
|
||||||
value: "150+", label: "Happy Clients"},
|
|
||||||
{
|
|
||||||
value: "10+", label: "Years Experience"},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Book Now", href: "#contact" },
|
||||||
text: "Book Now", href: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/boats-south-atlantic-ocean-near-shore-florianopolis-brazil_181624-55870.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/boats-south-atlantic-ocean-near-shore-florianopolis-brazil_181624-55870.jpg?_wi=1"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/ferry-boat-river-quebec-city-with-blue-sky_649448-2163.jpg", alt: "Luxury travel guest"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-port-view-cannes-france_1268-36269.jpg", alt: "Happy yacht client"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11199.jpg", alt: "Satisfied luxury client"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/old-boat-looks-from-water_1304-4624.jpg", alt: "Professional crew member"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/boat-trip-bali-young-woman-sunglasses-is-sailing-boat-nearby-island_1321-3292.jpg", alt: "Yacht charter traveler"},
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by 500+ premium travelers"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text", text: "Turkish Riviera Excellence"},
|
|
||||||
{
|
|
||||||
type: "text-icon", text: "24/7 Concierge", icon: Clock,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text", text: "Private Yacht Charters"},
|
|
||||||
{
|
|
||||||
type: "text-icon", text: "Verified Crew", icon: ShieldCheck,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text", text: "Luxury Amenities"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -103,24 +67,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", brand: "Luxury", name: "Motor Yachts", price: "$500", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-fast-water-vehicle_23-2151048089.jpg?_wi=1" },
|
||||||
id: "1", brand: "Luxury", name: "Motor Yachts", price: "From $500", rating: 5,
|
{ id: "2", brand: "Exclusive", name: "Mega Yachts", price: "Contact Us", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/summer-terrace-landscape-wooden-building_1203-4725.jpg?_wi=1" },
|
||||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-fast-water-vehicle_23-2151048089.jpg?_wi=1"},
|
{ id: "3", brand: "VIP", name: "VIP Yachts", price: "$1200", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-sandy-beach-beach-with-sun-beds-umbrellas-open-against-sea-mountains-hotel-resort-tekirova-kemer-turkey_146671-18877.jpg?_wi=1" },
|
||||||
{
|
|
||||||
id: "2", brand: "Exclusive", name: "Mega Yachts", price: "From $2000", rating: 5,
|
|
||||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/summer-terrace-landscape-wooden-building_1203-4725.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "3", brand: "VIP", name: "VIP Yachts", price: "From $1200", rating: 5,
|
|
||||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-sandy-beach-beach-with-sun-beds-umbrellas-open-against-sea-mountains-hotel-resort-tekirova-kemer-turkey_146671-18877.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "4", brand: "Lifestyle", name: "Party Yachts", price: "From $800", rating: 4,
|
|
||||||
reviewCount: "20", 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?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "5", brand: "Casual", name: "Daily Charters", price: "From $300", rating: 5,
|
|
||||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-roundhouse-park-by-water-captured-toronto-canada_181624-18490.jpg"},
|
|
||||||
{
|
|
||||||
id: "6", brand: "Extended", name: "Weekly Charters", price: "From $5000", rating: 5,
|
|
||||||
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/marine-parking-boats-yachts-turkey-yacht-docked-sea-port_158595-6950.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Our Exclusive Fleet"
|
title="Our Exclusive Fleet"
|
||||||
description="From sophisticated day cruisers to majestic mega yachts."
|
description="From sophisticated day cruisers to majestic mega yachts."
|
||||||
@@ -133,24 +82,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ icon: Sparkles, title: "Yacht Weddings", description: "Unforgettable ceremonies with a stunning sea backdrop." },
|
||||||
icon: Sparkles,
|
{ icon: Award, title: "Birthday Parties", description: "Celebrate in style with full DJ setups and catering." },
|
||||||
title: "Yacht Weddings", description: "Unforgettable ceremonies with a stunning sea backdrop."},
|
{ icon: Waves, title: "Sunset Cruises", description: "Experience the magic of Turkish sunsets on water." },
|
||||||
{
|
|
||||||
icon: Award,
|
|
||||||
title: "Birthday Parties", description: "Celebrate in style with full DJ setups and catering."},
|
|
||||||
{
|
|
||||||
icon: Waves,
|
|
||||||
title: "Sunset Cruises", description: "Experience the magic of Turkish sunsets on water."},
|
|
||||||
{
|
|
||||||
icon: Star,
|
|
||||||
title: "Marriage Proposals", description: "Create the perfect moment on private waters."},
|
|
||||||
{
|
|
||||||
icon: Briefcase,
|
|
||||||
title: "Corporate Events", description: "Impress your partners with exclusive yacht meetings."},
|
|
||||||
{
|
|
||||||
icon: Compass,
|
|
||||||
title: "VIP Transfers", description: "Seamless transition from airport to your private yacht."},
|
|
||||||
]}
|
]}
|
||||||
title="Luxury Experiences & Services"
|
title="Luxury Experiences & Services"
|
||||||
description="Custom curated events on the Mediterranean sea."
|
description="Custom curated events on the Mediterranean sea."
|
||||||
@@ -163,12 +97,8 @@ export default function LandingPage() {
|
|||||||
title="Our Global Reach"
|
title="Our Global Reach"
|
||||||
tag="Performance"
|
tag="Performance"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "98%", description: "Client Satisfaction" },
|
||||||
id: "m1", value: "98%", description: "Client Satisfaction"},
|
{ id: "m2", value: "450+", description: "Successfully Hosted Events" },
|
||||||
{
|
|
||||||
id: "m2", value: "450+", description: "Successfully Hosted Events"},
|
|
||||||
{
|
|
||||||
id: "m3", value: "24/7", description: "Concierge Support"},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="blur-reveal"
|
metricsAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -179,16 +109,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah Johnson", date: "Oct 2023", title: "Unforgettable", quote: "The best experience on the Aegean sea.", tag: "Wedding", avatarSrc: "http://img.b2bpic.net/free-photo/girl-with-cocktails_1157-8896.jpg" },
|
||||||
id: "t1", name: "Sarah Johnson", date: "Oct 2023", title: "Unforgettable", quote: "The best experience on the Aegean sea.", tag: "Wedding", avatarSrc: "http://img.b2bpic.net/free-photo/girl-with-cocktails_1157-8896.jpg", imageSrc: "http://img.b2bpic.net/free-photo/boats-south-atlantic-ocean-near-shore-florianopolis-brazil_181624-55870.jpg?_wi=2", imageAlt: "happy yacht client portrait"},
|
{ id: "t2", name: "Michael Chen", date: "Sep 2023", title: "Luxury defined", quote: "Top-tier crew and stunning vessel.", tag: "Holiday", avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-happy-man-woman-traveling-bicycles-taking-selfie-photo-phone-camera_285396-655.jpg" },
|
||||||
{
|
|
||||||
id: "t2", name: "Michael Chen", date: "Sep 2023", title: "Luxury defined", quote: "Top-tier crew and stunning vessel.", tag: "Holiday", avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-happy-man-woman-traveling-bicycles-taking-selfie-photo-phone-camera_285396-655.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-fast-water-vehicle_23-2151048089.jpg?_wi=2", imageAlt: "happy yacht client portrait"},
|
|
||||||
{
|
|
||||||
id: "t3", name: "Elena Rossi", date: "Aug 2023", title: "Perfect sunset", quote: "The sunset cruise was pure magic.", tag: "Couple", avatarSrc: "http://img.b2bpic.net/free-photo/tourist-with-binoculars_1385-2747.jpg", imageSrc: "http://img.b2bpic.net/free-photo/summer-terrace-landscape-wooden-building_1203-4725.jpg?_wi=2", imageAlt: "happy yacht client portrait"},
|
|
||||||
{
|
|
||||||
id: "t4", name: "David Smith", date: "Jul 2023", title: "Professional", quote: "Everything went smoothly and elegantly.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-sandy-beach-beach-with-sun-beds-umbrellas-open-against-sea-mountains-hotel-resort-tekirova-kemer-turkey_146671-18877.jpg?_wi=2", imageAlt: "happy yacht client portrait"},
|
|
||||||
{
|
|
||||||
id: "t5", name: "Amina Al-Farsi", date: "Jun 2023", title: "Exceptional", quote: "Best hospitality I have received in Turkey.", tag: "Vacation", avatarSrc: "http://img.b2bpic.net/free-photo/two-smiling-sisters-looking-camera-doing-frame-by-hands_624325-3173.jpg", 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?_wi=2", imageAlt: "happy yacht client portrait"},
|
|
||||||
]}
|
]}
|
||||||
title="Client Reviews"
|
title="Client Reviews"
|
||||||
description="What our guests say about Best Yachts."
|
description="What our guests say about Best Yachts."
|
||||||
@@ -200,14 +122,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "What's included in the charter?", content: "Our charters include captain, crew, fuel, and premium amenities." },
|
||||||
id: "f1", title: "What's included in the charter?", content: "Our charters include captain, crew, fuel, and premium amenities."},
|
{ id: "f2", title: "Can I request catering?", content: "Yes, we offer premium catering packages for all yacht types." },
|
||||||
{
|
|
||||||
id: "f2", title: "Can I request catering?", content: "Yes, we offer premium catering packages for all yacht types."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "Where is Teos Marina?", content: "Located in Seferihisar, İzmir, Turkey. Perfect access to nearby islands."},
|
|
||||||
{
|
|
||||||
id: "f4", title: "How do I book?", content: "Use our booking form here or reach out via WhatsApp 24/7."},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/details-yacht-deck-reflection-sky_72229-283.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/details-yacht-deck-reflection-sky_72229-283.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -221,8 +137,7 @@ export default function LandingPage() {
|
|||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={["Teos Marina", "Aegean Yachting", "Riviera Luxury", "Marine Experts"]}
|
||||||
"Teos Marina", "Aegean Yachting", "Riviera Luxury", "Marine Experts", "Turkish Yacht Council", "International Maritime", "VIP Cruises"]}
|
|
||||||
title="Trusted Partners"
|
title="Trusted Partners"
|
||||||
description="Collaborating with premium marine brands and local marinas."
|
description="Collaborating with premium marine brands and local marinas."
|
||||||
/>
|
/>
|
||||||
@@ -231,8 +146,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
|
||||||
tag="Ready to Sail?"
|
tag="Ready to Sail?"
|
||||||
title="Book Your Charter Today"
|
title="Book Your Charter Today"
|
||||||
description="Get an instant quote or reach out on WhatsApp."
|
description="Get an instant quote or reach out on WhatsApp."
|
||||||
@@ -242,36 +156,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Motor Yachts", href: "#" }, { label: "Mega Yachts", href: "#" }] },
|
||||||
items: [
|
{ items: [{ label: "About", href: "#" }, { label: "Services", href: "#" }] },
|
||||||
{
|
|
||||||
label: "Motor Yachts", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Mega Yachts", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Daily Charters", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Services", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Contact", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "WhatsApp", href: "https://wa.me/905356744346"},
|
|
||||||
{
|
|
||||||
label: "Instagram", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Teos Marina", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Best Yachts"
|
logoText="Best Yachts"
|
||||||
/>
|
/>
|
||||||
@@ -279,4 +165,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user