Files
60b7bcff-027d-4f2a-90c3-e35…/src/app/page.tsx
2026-03-08 02:00:10 +00:00

388 lines
21 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Star, ChefHat, Gift, Briefcase, Users, Calendar, HelpCircle } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Dining", id: "dining" },
{ name: "Cocktails", id: "cocktails" },
{ name: "Events", id: "events" },
{ name: "Reserve", id: "reservation" },
{ name: "Contact", id: "contact" }
]}
brandName="Cavo Dubai"
bottomLeftText="Dubai's Premier Lounge"
bottomRightText="+971 4 XXX XXXX"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
title="Dubai's Most Stylish Dining & Lounge Experience"
description="Premium dining, handcrafted cocktails, and unforgettable nights with views of the Burj Khalifa. Reserve your table now."
tag="Luxury Venue"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg?_wi=1", imageAlt: "Cavo Dubai luxury lounge interior"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-sofa-with-orange-cushions_1122-1474.jpg?_wi=1", imageAlt: "Premium lounge seating area"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hammocks-with-city-background_1203-691.jpg?_wi=1", imageAlt: "Rooftop lounge with city views"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lot-variety-fruits-drinks-served-celebration-table_8353-9832.jpg?_wi=1", imageAlt: "Premium sushi presentation"
}
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/daiquiri-cocktails-with-lime-slices-assortment_23-2149486835.jpg?_wi=1", imageAlt: "Handcrafted signature cocktail"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-fork_23-2147749504.jpg?_wi=1", imageAlt: "Gourmet seafood plate"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722541.jpg?_wi=1", imageAlt: "Sophisticated lounge design"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2826.jpg?_wi=1", imageAlt: "Private event space"
}
]}
buttons={[
{ text: "Reserve a Table", href: "#reservation" },
{ text: "Call Now", href: "tel:+971" }
]}
buttonAnimation="slide-up"
carouselPosition="right"
useInvertedBackground={false}
/>
</div>
<div id="socialProof" data-section="socialProof">
<TestimonialCardOne
title="⭐ 4.8 / 5 from 3,606 Reviews"
description="Loved by guests for exceptional food, incredible atmosphere, and unforgettable nights out in Dubai."
tag="Guest Reviews"
tagIcon={Star}
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Absolutely Delicious Food", role: "Verified Guest", company: "Google Reviews", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-work-medium-shot_23-2149308464.jpg", imageAlt: "happy customer smiling professional portrait photo"
},
{
id: "2", name: "Beautiful Interior & Vibes", role: "Dubai Tourist", company: "TripAdvisor", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg", imageAlt: "woman smiling professional headshot portrait"
},
{
id: "3", name: "Incredible Energy & Service", role: "Local Resident", company: "Google Reviews", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", imageAlt: "man professional portrait headshot smiling"
},
{
id: "4", name: "Perfect Night Out", role: "Groups & Friends", company: "Instagram", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg", imageAlt: "professional woman headshot portrait smiling"
},
{
id: "5", name: "Premium Cocktails & Ambiance", role: "Cocktail Enthusiast", company: "Google Reviews", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg", imageAlt: "professional man portrait headshot confident"
},
{
id: "6", name: "Best Sushi in Dubai", role: "Food Blogger", company: "Instagram", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280722.jpg", imageAlt: "professional woman portrait headshot confident"
}
]}
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="experience" data-section="experience">
<FeatureBento
title="The Cavo Dubai Experience"
description="Discover what makes Cavo Dubai the ultimate destination for premium dining, cocktails, and nightlife."
tag="Venue Highlights"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
title: "Signature Dining", description: "Fresh sushi, premium seafood, and beautifully crafted dishes designed for sharing.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/lot-variety-fruits-drinks-served-celebration-table_8353-9832.jpg?_wi=2", imageAlt: "Premium sushi platter"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-fork_23-2147749504.jpg?_wi=2", imageAlt: "Gourmet seafood plate"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sauteed-chicken-pieces-blue-ceramic-plate-with-salad_114579-1995.jpg?_wi=1", imageAlt: "Fine dining presentation"
}
]
},
{
title: "Handcrafted Cocktails", description: "Signature mixology featuring premium spirits and fresh ingredients curated by expert bartenders.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/daiquiri-cocktails-with-lime-slices-assortment_23-2149486835.jpg?_wi=2", imageAlt: "Signature cocktail"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bartender-preparing-drink_23-2150494261.jpg", imageAlt: "Cocktail preparation"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-sofa-with-orange-cushions_1122-1474.jpg?_wi=2", imageAlt: "Premium bar setting"
}
]
},
{
title: "Stylish Atmosphere", description: "Instagram-worthy design with soft lighting, elegant furnishings, and stunning Burj Khalifa views.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/hammocks-with-city-background_1203-691.jpg?_wi=2", imageAlt: "Rooftop lounge views"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722541.jpg?_wi=2", imageAlt: "Sophisticated interior design"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg?_wi=2", imageAlt: "Premium lounge ambiance"
}
]
},
{
title: "Perfect For Events", description: "Private spaces available for birthdays, corporate gatherings, and unforgettable celebrations.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2826.jpg?_wi=2", imageAlt: "Event space setup"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-plate-garnished-with-sauce-bread-stuffing-spinach-shredded-carrot_141793-2276.jpg", imageAlt: "Fine dining table setting"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-sofa-with-orange-cushions_1122-1474.jpg?_wi=3", imageAlt: "Venue ambiance"
}
]
}
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
title="Featured Menu Items"
description="Explore our signature dishes and seasonal specialties that keep guests coming back."
tag="Bestsellers"
tagIcon={ChefHat}
tagAnimation="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={true}
products={[
{
id: "1", name: "Teriyaki Salmon", price: "AED 125", variant: "Fresh Sushi Premium Cut", imageSrc: "http://img.b2bpic.net/free-photo/lot-variety-fruits-drinks-served-celebration-table_8353-9832.jpg?_wi=3", imageAlt: "Teriyaki Salmon"
},
{
id: "2", name: "Signature Sushi Platter", price: "AED 185", variant: "Mixed Selection Serves 2-3", imageSrc: "http://img.b2bpic.net/free-photo/sauteed-chicken-pieces-blue-ceramic-plate-with-salad_114579-1995.jpg?_wi=2", imageAlt: "Signature Sushi Platter"
},
{
id: "3", name: "Premium Seafood Medley", price: "AED 150", variant: "Fresh Catch Chef's Selection", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-fork_23-2147749504.jpg?_wi=3", imageAlt: "Premium Seafood Medley"
},
{
id: "4", name: "Handcrafted Cocktail", price: "AED 65", variant: "Signature Mix Premium Spirits", imageSrc: "http://img.b2bpic.net/free-photo/daiquiri-cocktails-with-lime-slices-assortment_23-2149486835.jpg?_wi=3", imageAlt: "Handcrafted Cocktail"
}
]}
buttons={[
{ text: "View Full Menu", href: "#" }
]}
/>
</div>
<div id="highlights" data-section="highlights">
<TextSplitAbout
title="Why Guests Love Cavo Dubai"
description={[
"Cavo Dubai is more than just a restaurant—it's an experience. We combine premium cuisine, exceptional service, and a vibrant atmosphere to create unforgettable nights in Dubai.", "✓ 4.8-star rating from 3,600+ guests\n✓ Stylish Dubai lounge experience\n✓ Premium food and handcrafted cocktails\n✓ Friendly, professional staff\n✓ Beautiful, Instagram-worthy interior\n✓ Valet parking available\n✓ Perfect for nights out, dates, and celebrations"
]}
buttons={[
{ text: "Reserve Your Table", href: "#reservation" }
]}
buttonAnimation="slide-up"
showBorder={true}
useInvertedBackground={false}
/>
</div>
<div id="events" data-section="events">
<PricingCardEight
title="Events & Private Bookings"
description="Create unforgettable moments with Cavo Dubai as your venue. We specialize in birthdays, corporate events, and group celebrations."
tag="Private Events"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
plans={[
{
id: "birthday", badge: "Popular", badgeIcon: Gift,
price: "Custom Pricing", subtitle: "Birthday parties for groups up to 50", buttons: [
{ text: "Book Event", href: "#reservation" }
],
features: [
"Private or semi-private space", "Customized menu & cocktails", "Dedicated event coordinator", "Special birthday presentation", "Valet parking for guests"
]
},
{
id: "corporate", badge: "Professional", badgeIcon: Briefcase,
price: "Custom Pricing", subtitle: "Corporate dinners and team celebrations", buttons: [
{ text: "Inquire Now", href: "#reservation" }
],
features: [
"Private dining area", "Team menu options", "Professional service", "Audio/visual capabilities", "Custom beverage packages"
]
},
{
id: "group", badge: "Flexible", badgeIcon: Users,
price: "Custom Pricing", subtitle: "Group dinners and special occasions", buttons: [
{ text: "Reserve Group", href: "#reservation" }
],
features: [
"Flexible group sizes", "Special group pricing", "Reservation assistance", "Menu customization", "Perfect for celebrations"
]
}
]}
/>
</div>
<div id="reservation" data-section="reservation">
<ContactSplit
tag="Ready to Reserve?"
tagIcon={Calendar}
tagAnimation="slide-up"
title="Book Your Table at Cavo Dubai"
description="Join us for an unforgettable dining experience. Reserve your table now or call us for immediate availability."
background={{ variant: "circleGradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/hammocks-with-city-background_1203-691.jpg?_wi=3"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Get Updates"
termsText="We respect your privacy. You can unsubscribe at any time. Call +971 4 XXX XXXX for immediate reservations."
/>
</div>
<div id="location" data-section="location">
<MetricCardFourteen
title="Located in the heart of Dubai with stunning views of the Burj Khalifa and easy access for guests."
tag="Our Location"
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "2 Min", description: "From Burj Khalifa"
},
{
id: "2", value: "Premium", description: "Valet Parking Available"
}
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Find answers to common questions about dining at Cavo Dubai."
tag="Help & Information"
tagIcon={HelpCircle}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{
id: "1", title: "How do I make a reservation?", content: "You can reserve a table through our website reservation form, call us directly at +971 4 XXX XXXX, or use popular reservation platforms. We recommend booking in advance, especially for weekends and special occasions."
},
{
id: "2", title: "What is your cuisine style?", content: "We specialize in premium dining with a focus on fresh sushi, premium seafood, and handcrafted cocktails. Our menu features both signature dishes and seasonal specials prepared by our expert chefs."
},
{
id: "3", title: "Do you host private events?", content: "Yes! We have private and semi-private spaces available for birthdays, corporate events, and group celebrations. Contact us to discuss your event requirements and customize your experience."
},
{
id: "4", title: "Is parking available?", content: "Yes, we offer complimentary valet parking for all our guests. Just mention you're dining at Cavo Dubai when you arrive."
},
{
id: "5", title: "What is your dress code?", content: "Smart casual attire is recommended. We're a premium venue, so we kindly ask guests to dress appropriately for an upscale dining experience."
},
{
id: "6", title: "Can I book a group reservation?", content: "Absolutely! We welcome group reservations and can accommodate various group sizes. Please contact us directly at +971 4 XXX XXXX for group bookings and special pricing."
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Cavo Dubai"
copyrightText="© 2025 Cavo Dubai. All rights reserved."
columns={[
{
title: "Dining", items: [
{ label: "Menu", href: "#" },
{ label: "Reservations", href: "#reservation" },
{ label: "Reviews", href: "#" }
]
},
{
title: "Experience", items: [
{ label: "About", href: "#" },
{ label: "Atmosphere", href: "#experience" },
{ label: "Events", href: "#events" }
]
},
{
title: "Contact", items: [
{ label: "Phone", href: "tel:+971" },
{ label: "Email", href: "mailto:info@cavodubai.ae" },
{ label: "Location", href: "#location" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}