Initial commit
This commit is contained in:
227
src/app/page.tsx
Normal file
227
src/app/page.tsx
Normal file
@@ -0,0 +1,227 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user