199 lines
11 KiB
TypeScript
199 lines
11 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Gift, Heart, Mail, Sparkles, Star, UtensilsCrossed, Flame, Wine, MapPin, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Happy Hour", id: "happy-hour" },
|
|
{ name: "Reservations", id: "reservations" },
|
|
{ name: "Events", id: "events" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="The Mixer"
|
|
bottomLeftText="Liberty Station, San Diego"
|
|
bottomRightText="hello@themixer.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="The Mixer"
|
|
description="Family-owned restaurant & bar in Liberty Station serving craft cocktails, gourmet burgers, and unforgettable brunch with local flavor and community spirit"
|
|
buttons={[
|
|
{ text: "Make a Reservation", href: "reservations" },
|
|
{ text: "View Menu", href: "menu" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/young-adults-enjoying-food_23-2149303535.jpg?id=23429832"
|
|
imageAlt="The Mixer hero background"
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="About The Mixer"
|
|
description="The Mixer is a family-owned restaurant & bar located in the vibrant Liberty Station neighborhood of San Diego. We're dedicated to serving exceptional cocktails, delicious burgers, and mouthwatering brunch with genuine hospitality. Whether you're joining us for happy hour, a special celebration, or an everyday escape, we create moments of connection and good vibes for our community."
|
|
tag="San Diego's Community Hub"
|
|
imageSrc="https://img.b2bpic.net/free-photo/vertical-shot-table-with-elegant-setting-restaurant-evening_181624-24647.jpg"
|
|
imageAlt="The Mixer restaurant interior"
|
|
buttons={[
|
|
{ text: "Join Super Rewards", href: "rewards" }
|
|
]}
|
|
bulletPoints={[
|
|
{
|
|
title: "Craft Cocktails", description: "Expert mixologists crafting signature drinks with premium spirits and fresh ingredients", icon: Wine
|
|
},
|
|
{
|
|
title: "Gourmet Burgers", description: "Handcrafted burgers featuring grass-fed beef, aged cheddar, and house-made sauces", icon: UtensilsCrossed
|
|
},
|
|
{
|
|
title: "Weekend Brunch", description: "Delicious brunch menu with fresh flavors and morning cocktails to start your day", icon: Sparkles
|
|
},
|
|
{
|
|
title: "Community Vibes", description: "A welcoming space where locals gather for connection, celebration, and good times", icon: Heart
|
|
},
|
|
{
|
|
title: "Local Sourcing", description: "Fresh ingredients sourced from San Diego farmers and local suppliers whenever possible", icon: MapPin
|
|
},
|
|
{
|
|
title: "Expert Staff", description: "Knowledgeable team passionate about hospitality and creating memorable dining experiences", icon: Users
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Menu Highlights"
|
|
description="Experience our signature dishes crafted with care and local ingredients. From handcrafted cocktails to gourmet burgers and delicious brunch, every item is designed to delight."
|
|
tag="Featured Items"
|
|
tagIcon={UtensilsCrossed}
|
|
products={[
|
|
{
|
|
id: "1", name: "The Classic Mixer Burger", price: "From $16", variant: "Grass-fed beef, aged cheddar, special sauce", imageSrc: "https://img.b2bpic.net/free-photo/side-view-mix-detox-water-with-lemon-apples-mint-cucumber-decanters_141793-13016.jpg", imageAlt: "Classic Mixer Burger"
|
|
},
|
|
{
|
|
id: "2", name: "Signature Craft Cocktail", price: "From $14", variant: "House spirits, fresh citrus, premium bitters", imageSrc: "https://img.b2bpic.net/free-photo/woman-eating-french-fries-sandwich-with-cheese-tomato-with-sauce_141793-4339.jpg?id=8074271", imageAlt: "Signature Craft Cocktail"
|
|
},
|
|
{
|
|
id: "3", name: "Happy Hour Special", price: "From $6", variant: "Select appetizers & drinks, daily 4-6pm", imageSrc: "https://img.b2bpic.net/free-photo/side-view-cocktail-shots-with-slice-lemon-kiwi-slice-candles-bar_176474-3056.jpg?id=7724643", imageAlt: "Happy Hour Specials"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Community Says"
|
|
description="Hear from locals who love gathering at The Mixer for great food, exceptional drinks, and unforgettable moments"
|
|
tag="Customer Love"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Martinez", handle: "Local Regular", testimonial: "The Mixer is my happy place! The cocktails are incredible and the staff treats you like family. Best brunch spot in Liberty Station hands down.", imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Sarah Martinez"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen", handle: "Food Enthusiast", testimonial: "Every burger is a masterpiece. The attention to detail and quality ingredients make The Mixer stand out from other restaurants in San Diego.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Michelle Rodriguez", handle: "Event Planner", testimonial: "Hosted my engagement party here and it was perfect! The team went above and beyond. Great atmosphere, amazing food, and unforgettable service.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "Michelle Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Thompson", handle: "Cocktail Connoisseur", testimonial: "The mixologists really know their craft. Every drink is thoughtfully created with premium spirits and fresh ingredients. This is craft cocktail excellence.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", imageAlt: "David Thompson"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Wong", handle: "Community Member", testimonial: "The Mixer is more than just a restaurant—it's a gathering place where everyone feels welcome. The vibe is warm, friendly, and genuinely special.", imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Lisa Wong"
|
|
},
|
|
{
|
|
id: "6", name: "Kevin Patrick", handle: "Happy Hour Regular", testimonial: "Their happy hour specials are unbeatable, but honestly, the real draw is the amazing community atmosphere. You always leave feeling connected.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Kevin Patrick"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Stay Connected"
|
|
title="Join Our Email List"
|
|
description="Subscribe to get updates about new menu items, special events, exclusive offers, and local happenings at The Mixer. Be part of our community!"
|
|
imageSrc="https://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg"
|
|
imageAlt="The Mixer bar interior"
|
|
mediaPosition="right"
|
|
tagIcon={Mail}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time from our Awesome Email List."
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="The Mixer"
|
|
copyrightText="© 2025 The Mixer | Liberty Station, San Diego"
|
|
columns={[
|
|
{
|
|
title: "Hours & Info", items: [
|
|
{ label: "Location", href: "contact" },
|
|
{ label: "Hours", href: "about" },
|
|
{ label: "Phone", href: "contact" },
|
|
{ label: "Contact Us", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Menu & Dining", items: [
|
|
{ label: "Full Menu", href: "menu" },
|
|
{ label: "Happy Hour", href: "happy-hour" },
|
|
{ label: "Reservations", href: "reservations" },
|
|
{ label: "Private Events", href: "events" }
|
|
]
|
|
},
|
|
{
|
|
title: "Member Benefits", items: [
|
|
{ label: "Super Rewards", href: "rewards" },
|
|
{ label: "Gift Cards", href: "gift-cards" },
|
|
{ label: "Gift Card Lookup", href: "gift-card-lookup" },
|
|
{ label: "About Us", href: "about" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|