228 lines
12 KiB
TypeScript
228 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Sparkles, Users, MapPin, Clock, Heart, Mail } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="The Mixer"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Happy Hour", id: "happy-hour" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reservations", href: "https://themixersandiego.com/reservations"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="The Mixer: Brunch, Burgers & Cocktails"
|
|
description="Experience the perfect blend of good food, great drinks, and community spirit in the heart of Liberty Station. Family-owned and ready to welcome you."
|
|
tag="San Diego's Favorite"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{
|
|
text: "Make a Reservation", href: "https://themixersandiego.com/reservations"
|
|
},
|
|
{
|
|
text: "View Menu", href: "#menu"
|
|
}
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "https://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg", imageAlt: "The Mixer restaurant dining area"
|
|
},
|
|
{
|
|
id: "2", imageSrc: "https://img.b2bpic.net/free-photo/italian-lasagne-served-with-rocket-salad_141793-1787.jpg", imageAlt: "Gourmet burger dish"
|
|
},
|
|
{
|
|
id: "3", imageSrc: "https://img.b2bpic.net/free-photo/herbal-salad-with-fried-vegetables_140725-2768.jpg", imageAlt: "Craft cocktail"
|
|
},
|
|
{
|
|
id: "4", imageSrc: "https://img.b2bpic.net/free-photo/side-view-salmon-steak-with-potato-rural-pomegranate-sauce-salt-glass-wine-table_141793-3678.jpg", imageAlt: "Modern restaurant interior"
|
|
},
|
|
{
|
|
id: "5", imageSrc: "https://img.b2bpic.net/free-photo/serving-burger-background_1321-4511.jpg", imageAlt: "Brunch at The Mixer"
|
|
},
|
|
{
|
|
id: "6", imageSrc: "https://img.b2bpic.net/free-photo/woman-having-dinner-by-table-with-mixed-foods_114579-3728.jpg", imageAlt: "Happy hour appetizers"
|
|
}
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={5000}
|
|
ariaLabel="The Mixer restaurant hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
title="What We Offer"
|
|
description="From sunrise to sunset, we've got something for everyone. Discover our signature menu items and what makes us special."
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Gourmet Burgers", description: "Our hand-crafted burgers feature premium beef, fresh ingredients, and creative toppings that keep guests coming back for more.", phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-hand-pouring-sesame-seeds-beef-burger-with-salad-bacon_23-2148784492.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/italian-lasagne-served-with-rocket-salad_141793-1787.jpg"
|
|
}
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Craft Cocktails", description: "Expert mixologists create signature drinks using fresh ingredients and premium spirits. Happy hour specials available daily.", phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/hand-holding-italian-cocktail-still-life_23-2150645804.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/herbal-salad-with-fried-vegetables_140725-2768.jpg"
|
|
}
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Brunch Experience", description: "Weekend brunch featuring creative dishes, bottomless cocktails, and a vibrant atmosphere. Perfect for gathering with friends.", phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/serving-burger-background_1321-4511.jpg"
|
|
}
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
title="Menu Highlights"
|
|
description="Explore our most popular items that define The Mixer experience."
|
|
products={[
|
|
{
|
|
id: "1", brand: "The Mixer", name: "The Classic Mixer Burger", price: "Signature Item", rating: 5,
|
|
reviewCount: "150+", imageSrc: "https://img.b2bpic.net/free-photo/front-view-hand-pouring-sesame-seeds-beef-burger-with-salad-bacon_23-2148784492.jpg", imageAlt: "The Classic Mixer Burger"
|
|
},
|
|
{
|
|
id: "2", brand: "The Mixer", name: "Mojito Medley", price: "Happy Hour Special", rating: 5,
|
|
reviewCount: "200+", imageSrc: "https://img.b2bpic.net/free-photo/hand-holding-italian-cocktail-still-life_23-2150645804.jpg", imageAlt: "Mojito Medley Cocktail"
|
|
},
|
|
{
|
|
id: "3", brand: "The Mixer", name: "Weekend Brunch Plate", price: "Weekend Only", rating: 5,
|
|
reviewCount: "180+", imageSrc: "https://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg", imageAlt: "Weekend Brunch Plate"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="A Family-Owned Legacy. Crafted with passion. Built for community. The Mixer in Liberty Station brings local flavor, good vibes, and exceptional hospitality to San Diego's vibrant dining scene."
|
|
metrics={[
|
|
{
|
|
icon: Users,
|
|
label: "Happy Customers", value: "10,000+"
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
label: "Location", value: "Liberty Station"
|
|
},
|
|
{
|
|
icon: Clock,
|
|
label: "Hours", value: "7 Days/Week"
|
|
},
|
|
{
|
|
icon: Heart,
|
|
label: "Community Spirit", value: "100%"
|
|
}
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Guests Say"
|
|
description="Join thousands of satisfied customers who've experienced The Mixer's warmth and exceptional service."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Maria Santos", handle: "@maria_loves_food", testimonial: "The Mixer is our go-to spot for everything - brunch, happy hour, or a celebration. The staff treats you like family!", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", imageAlt: "Maria Santos"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen", handle: "@jchen_sd", testimonial: "Best burgers in San Diego, hands down. And their cocktails? Simply incredible. Worth every visit!", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187303.jpg", imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Sophie Rodriguez", handle: "@sophie_eats_sd", testimonial: "The Mixer captures the true spirit of Liberty Station - fun, vibrant, and welcoming. Can't wait to come back!", imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageAlt: "Sophie Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Park", handle: "@david_cocktails", testimonial: "First-time visitor and I'm already a regular. The mixologists really know their craft. Highly recommend!", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", imageAlt: "David Park"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Thompson", handle: "@lisasd_foodie", testimonial: "Sunday brunch is our family tradition now. Great food, better company, and always something new to try!", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", imageAlt: "Lisa Thompson"
|
|
},
|
|
{
|
|
id: "6", name: "Carlos Mendez", handle: "@carlosd_eats", testimonial: "As a local, I appreciate how The Mixer supports the community. Food quality, service, everything is top-notch!", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187303.jpg", imageAlt: "Carlos Mendez"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
tagIcon={Mail}
|
|
title="Join Our Community"
|
|
description="Subscribe to stay updated on new menu items, special events, happy hour deals, and exclusive offers. Be part of The Mixer family!"
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/caesar-salad-with-srimps-glass-wine_140725-3352.jpg"
|
|
imageAlt="The Mixer restaurant entrance"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to receive updates about The Mixer. We respect your privacy and never share your info."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="The Mixer"
|
|
ariaLabel="The Mixer - Restaurant & Bar footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|