248 lines
16 KiB
TypeScript
248 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Award, ChefHat, Gift, Heart, Star, Users, UtensilsCrossed, Waves, Wine, Zap, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Coastal Vibes"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Packages", id: "pricing" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reserve Now", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Welcome to Coastal Vibes"
|
|
description="Experience the perfect fusion of beachfront dining and upscale cocktails. Fresh seafood, stunning ocean views, and unforgettable moments await you in the heart of San Diego."
|
|
tag="San Diego's Premier Beach Club"
|
|
tagIcon={Waves}
|
|
buttons={[
|
|
{ text: "Reserve Your Table", href: "contact" },
|
|
{ text: "View Menu", href: "products" }
|
|
]}
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/beach-restaurant-evening_661209-253.jpg", imageAlt: "restaurant ocean view beach bar evening waterfront dining nightlife ambiance coastal venue" },
|
|
{ id: "2", imageSrc: "https://img.b2bpic.net/free-photo/side-view-friends-holding-sangria-drinks_23-2149426392.jpg", imageAlt: "happy hour drinks beach bar sunset social gathering cocktails friends casual dining" },
|
|
{ id: "3", imageSrc: "https://img.b2bpic.net/free-photo/side-view-happy-friends-with-drinks-outside_52683-87005.jpg", imageAlt: "private dining room elegant event space coastal venue setup dinner reservation upscale gathering" },
|
|
{ id: "4", imageSrc: "https://img.b2bpic.net/free-photo/friends-having-sangria-party-by-beach_23-2149481111.jpg", imageAlt: "beach wedding venue ocean ceremony setup celebration decoration romantic coastal setting wedding reception" },
|
|
{ id: "5", imageSrc: "https://img.b2bpic.net/free-photo/summer-time-beach-night_329181-17950.jpg", imageAlt: "live band performance beach bar music outdoor concert evening entertainment acoustic guitars" },
|
|
{ id: "6", imageSrc: "https://img.b2bpic.net/free-photo/romantic-senior-couple-having-picnic-sunset-beach-man-woman-sitting-blanket-seashore-enjoying-fantastic-seascape-view-back-view-romance-lifestyle-leisure-concept_74855-23381.jpg", imageAlt: "golden hour sunset beach dusk ocean horizon romantic moment coastal paradise" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Coastal Vibes: Where San Diego's Ocean Meets Culinary Excellence. Established in 2015, we've been crafting unforgettable moments overlooking the Pacific, blending fresh seafood, creative cocktails, and warm hospitality into an experience that captures the essence of California's perfect beach town."
|
|
metrics={[
|
|
{ icon: Users, label: "Satisfied Guests", value: "50K+" },
|
|
{ icon: Award, label: "Years of Excellence", value: "9" },
|
|
{ icon: UtensilsCrossed, label: "Signature Dishes", value: "25+" },
|
|
{ icon: Wine, label: "Wine & Spirit Selection", value: "200+" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Our Signature Menu"
|
|
description="Discover our most celebrated dishes crafted with the finest fresh ingredients and creative flair."
|
|
tag="Chef's Specials"
|
|
tagIcon={ChefHat}
|
|
buttons={[]}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Appetizers", name: "Pan-Seared Ceviche", price: "$18", rating: 5,
|
|
reviewCount: "342", imageSrc: "https://img.b2bpic.net/free-photo/traditional-peruvian-ceviche-sea-bass-fillet-wooden-table_123827-35750.jpg", imageAlt: "Fresh pan-seared ceviche with lime and cilantro"
|
|
},
|
|
{
|
|
id: "2", brand: "Mains", name: "Grilled Catch of the Day", price: "$38", rating: 5,
|
|
reviewCount: "521", imageSrc: "https://img.b2bpic.net/free-photo/closeup-delicious-salad-with-vegetables-herbs-plate-table_181624-41710.jpg", imageAlt: "Perfectly grilled fish fillet with seasonal vegetables"
|
|
},
|
|
{
|
|
id: "3", brand: "Casual Bites", name: "Baja Fish Tacos", price: "$14", rating: 5,
|
|
reviewCount: "689", imageSrc: "https://img.b2bpic.net/free-photo/spicy-mixed-seafood-salad-with-thai-food-ingredients_1150-26437.jpg", imageAlt: "Crispy fish tacos with cabbage slaw and chipotle crema"
|
|
},
|
|
{
|
|
id: "4", brand: "Cocktails", name: "Pacific Sunset Mojito", price: "$15", rating: 5,
|
|
reviewCount: "456", imageSrc: "https://img.b2bpic.net/free-photo/close-up-shrimp-other-food-pita_23-2148381317.jpg", imageAlt: "Refreshing mojito with tropical fruit and fresh mint"
|
|
},
|
|
{
|
|
id: "5", brand: "Appetizers", name: "Garlic Butter Shrimp Skewers", price: "$22", rating: 5,
|
|
reviewCount: "298", imageSrc: "https://img.b2bpic.net/free-photo/spicy-mixed-seafood-salad-with-thai-food-ingredients_1150-26434.jpg", imageAlt: "Succulent grilled shrimp skewers with garlic butter glaze"
|
|
}
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
title="Event Packages & Reservations"
|
|
description="Choose the perfect package for your celebration or casual dining experience."
|
|
tag="Special Occasions"
|
|
tagIcon={Gift}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
plans={[
|
|
{
|
|
id: "casual", badge: "Happy Hour", badgeIcon: Zap,
|
|
price: "$0", subtitle: "4pm - 6pm Daily", buttons: [
|
|
{ text: "Learn More", href: "contact" },
|
|
{ text: "View Specials", href: "#" }
|
|
],
|
|
features: [
|
|
"50% off select appetizers", "$5 beer and wine pours", "Half-price cocktails", "Casual beach club atmosphere", "No reservations needed"
|
|
]
|
|
},
|
|
{
|
|
id: "dining", badge: "Dinner Experience", badgeIcon: Sparkles,
|
|
price: "$45-$75", subtitle: "Per person, seasonal tasting menu", buttons: [
|
|
{ text: "Reserve Table", href: "contact" },
|
|
{ text: "View Full Menu", href: "#" }
|
|
],
|
|
features: [
|
|
"3-course prix fixe menu", "Curated wine pairings available", "Ocean view seating", "Personalized service", "Dessert and coffee included"
|
|
]
|
|
},
|
|
{
|
|
id: "private", badge: "Private Dining", badgeIcon: Users,
|
|
price: "$2,500+", subtitle: "Groups of 20 or more", buttons: [
|
|
{ text: "Inquire Now", href: "contact" },
|
|
{ text: "See Packages", href: "#" }
|
|
],
|
|
features: [
|
|
"Exclusive beachfront venue", "Custom menu creation", "Premium bar service", "Live entertainment options", "Full event coordination included"
|
|
]
|
|
},
|
|
{
|
|
id: "wedding", badge: "Wedding Venue", badgeIcon: Heart,
|
|
price: "$5,000+", subtitle: "Complete wedding packages", buttons: [
|
|
{ text: "Schedule Tasting", href: "contact" },
|
|
{ text: "View Gallery", href: "#" }
|
|
],
|
|
features: [
|
|
"Stunning sunset ceremony setup", "Custom catering menu", "Professional photography coordination", "Full bar service all night", "Valet parking and premium accommodations"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Loved by Our Guests"
|
|
description="Real experiences from real people who've celebrated life's moments with us."
|
|
tag="Guest Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Perfect Anniversary Dinner", quote: "We celebrated our 25th anniversary at Coastal Vibes and it was absolutely magical. The food was incredible, the service was impeccable, and the ocean view at sunset made the moment unforgettable. We're already planning our next visit!", name: "Jennifer Martinez", role: "Business Owner", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "professional woman portrait headshot smiling business casual happy customer diverse people"
|
|
},
|
|
{
|
|
id: "2", title: "Best Beach Club in San Diego", quote: "Coastal Vibes is hands down the best beach club on the coast. The ceviche is fresh, the cocktails are creative, and the vibe is exactly what you want - relaxed but sophisticated. It's our go-to spot for everything from casual lunch to special occasions.", name: "Michael Chen", role: "Attorney", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg", imageAlt: "man professional portrait headshot confident business photo customer testimonial portrait photography"
|
|
},
|
|
{
|
|
id: "3", title: "Amazing Wedding Venue", quote: "Our wedding reception at Coastal Vibes was a dream come true. The team coordinated everything perfectly, the food was outstanding, and our guests are still talking about the sunset ceremony on the beach. Thank you for making our special day unforgettable!", name: "Sarah Thompson", role: "Newlywed", imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "young woman smiling portrait friendly headshot casual professional diverse customer happy face"
|
|
},
|
|
{
|
|
id: "4", title: "Weekly Happy Hour Tradition", quote: "My coworkers and I have made Coastal Vibes our Friday happy hour destination. The 50% off appetizers and cocktails are unbeatable, but what keeps us coming back is the genuine hospitality and fun atmosphere. The staff remembers everyone's names and favorite drinks!", name: "David Rodriguez", role: "Tech Manager", imageSrc: "https://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg", imageAlt: "man smiling headshot professional portrait friendly expression customer review diverse representation"
|
|
},
|
|
{
|
|
id: "5", title: "Exceptional Private Dining", quote: "We hosted our company's annual retreat at Coastal Vibes and it was absolutely perfect. The private dining space, custom menu, and oceanfront location created an atmosphere that impressed everyone. The team went above and beyond to make it special.", name: "Amanda Williams", role: "Corporate Director", imageSrc: "https://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "woman professional headshot smiling customer portrait photo diverse people confident expression"
|
|
},
|
|
{
|
|
id: "6", title: "First Date Victory", quote: "I brought my girlfriend to Coastal Vibes for our first date and I knew it was going to work out. The romantic ambiance, delicious food, and our server's attentiveness made everything perfect. We're celebrating our first anniversary there next month!", name: "James Patterson", role: "Software Engineer", imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", imageAlt: "man friendly portrait happy headshot professional photo diverse customers smiling face"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience the magic of Coastal Vibes? Reserve your table today and let us create an unforgettable moment for you."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Make a Reservation", href: "https://www.opentable.com" },
|
|
{ text: "Call Us: (619) 555-0123", href: "tel:+16195550123" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/wide-shot-beautiful-coast-sea-with-amazing-cloudy-sky-golden-hour_181624-3510.jpg"
|
|
imageAlt="Beautiful San Diego sunset over the ocean"
|
|
logoText="Coastal Vibes"
|
|
copyrightText="© 2024 Coastal Vibes Beach Club. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Dining", items: [
|
|
{ label: "Full Menu", href: "#" },
|
|
{ label: "Happy Hour Specials", href: "#" },
|
|
{ label: "Wine Selection", href: "#" },
|
|
{ label: "Dietary Options", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Events & Venues", items: [
|
|
{ label: "Private Dining", href: "#" },
|
|
{ label: "Weddings", href: "#" },
|
|
{ label: "Corporate Events", href: "#" },
|
|
{ label: "Photo Gallery", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact & Hours", items: [
|
|
{ label: "Phone: (619) 555-0123", href: "tel:+16195550123" },
|
|
{ label: "Email: info@coastalvibes.com", href: "mailto:info@coastalvibes.com" },
|
|
{ label: "Hours: 11am - 11pm Daily", href: "#" },
|
|
{ label: "Located on Mission Beach", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |