232 lines
16 KiB
TypeScript
232 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { MapPin, Sparkles, UtensilsCrossed, Users } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="The Martin Bar + Bistro"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu-highlights" },
|
|
{ name: "Cocktails", id: "cocktails-bar" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Visit", id: "contact-visit" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Downtown Huntsville's Favorite Bar + Bistro"
|
|
description="Craft Cocktails • Comfort Food • Great Atmosphere"
|
|
background="radial-gradient"
|
|
tag="The Martin Bar + Bistro"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu-highlights" },
|
|
{ text: "Reserve a Table", href: "#contact-visit" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{ id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-drinks-together_107420-94756.jpg", imageAlt: "The Martin Bar + Bistro warm interior with exposed beams" },
|
|
{ id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/view-alcoholic-beverage-with-cbd-oil-infusion_23-2150762243.jpg?_wi=1", imageAlt: "Craft cocktails at The Martin Bar counter" },
|
|
{ id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-people-having-dinner-together_23-2148454086.jpg?_wi=1", imageAlt: "Lively crowd enjoying drinks and food" },
|
|
{ id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg?_wi=1", imageAlt: "Intimate dining ambiance at The Martin" },
|
|
{ id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/red-peaches-with-glass-juice-lemonade-jar-top-view_114579-12170.jpg?_wi=1", imageAlt: "Gourmet food and drinks spread" },
|
|
{ id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/glasses-filled-with-water-slices-orange-copy-space_23-2148306966.jpg?_wi=1", imageAlt: "Craft beverages displayed at the bar" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={5000}
|
|
ariaLabel="The Martin Bar + Bistro hero carousel"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Experience Urban Sophistication & Culinary Excellence"
|
|
metrics={[
|
|
{ icon: Sparkles, label: "Craft Cocktails", value: "50+" },
|
|
{ icon: UtensilsCrossed, label: "Menu Items", value: "40+" },
|
|
{ icon: Users, label: "Happy Guests", value: "1000s" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
ariaLabel="About The Martin Bar + Bistro metrics"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-highlights" data-section="menu-highlights">
|
|
<ProductCardOne
|
|
title="Menu Highlights"
|
|
description="Savor our signature American comfort food crafted with premium ingredients and executed to perfection. From Southern classics to modern bistro favorites."
|
|
products={[
|
|
{ id: "shrimp-grits-prod", name: "Shrimp & Grits", price: "$18.95", imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-served-with-mayonnaise-chili-lemon_140725-2523.jpg", imageAlt: "Creamy shrimp and grits" },
|
|
{ id: "chicken-waffles-prod", name: "Chicken & Waffles", price: "$16.95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-belgian-waffle-with-topping_23-2148468105.jpg", imageAlt: "Crispy chicken with waffles" },
|
|
{ id: "craft-wings-prod", name: "Craft Wings", price: "$12.95", imageSrc: "http://img.b2bpic.net/free-photo/spicy-chicken-meat-wooden-board-with-sauces_114579-19647.jpg", imageAlt: "Spicy craft wings appetizer" },
|
|
{ id: "gourmet-burger-prod", name: "The Martin Burger", price: "$15.95", imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-delicious-home-made-burger_23-2148374924.jpg", imageAlt: "Premium gourmet burger" }
|
|
]}
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Menu highlights section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cocktails-bar" data-section="cocktails-bar">
|
|
<FeatureCardNine
|
|
title="Craft Cocktails & Premium Spirits"
|
|
description="Our expert mixologists create signature cocktails using premium bourbon, craft spirits, and fresh ingredients. Explore our carefully curated selection of craft beers on tap and an impressive whiskey collection."
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Signature Cocktails", description: "Hand-crafted cocktails featuring premium spirits, fresh citrus, and artisanal bitters. Ask our bartenders for the perfect pairing.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-alcoholic-beverage-with-cbd-oil-infusion_23-2150762243.jpg?_wi=2" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/glasses-filled-with-water-slices-orange-copy-space_23-2148306966.jpg?_wi=2" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Craft Beer & Bourbon", description: "Rotating selection of craft beers on tap. Extensive bourbon collection featuring rare and small-batch selections.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/glasses-filled-with-water-slices-orange-copy-space_23-2148306966.jpg?_wi=3" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-alcoholic-beverage-with-cbd-oil-infusion_23-2150762243.jpg?_wi=3" }
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Craft cocktails and premium spirits section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardThree
|
|
title="Gallery & Moments"
|
|
description="Capture the energy, elegance, and ambiance of The Martin Bar + Bistro. From intimate dinners to lively celebrations."
|
|
blogs={[
|
|
{
|
|
id: "gallery-1", category: "Ambiance", title: "Lively Social Scene", excerpt: "Experience the vibrant energy of our downtown location with friends and colleagues.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-people-having-dinner-together_23-2148454086.jpg?_wi=2", imageAlt: "Lively crowd at The Martin", authorName: "The Martin", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg", date: "Featured"
|
|
},
|
|
{
|
|
id: "gallery-2", category: "Cuisine", title: "Gourmet Creations", excerpt: "Our chef's artfully crafted dishes showcase Southern comfort food elevated to fine dining standards.", imageSrc: "http://img.b2bpic.net/free-photo/red-peaches-with-glass-juice-lemonade-jar-top-view_114579-12170.jpg?_wi=2", imageAlt: "Gourmet food spread", authorName: "Chef's Selection", authorAvatar: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", date: "Featured"
|
|
},
|
|
{
|
|
id: "gallery-3", category: "Drinks", title: "Mixology Mastery", excerpt: "Our bartenders craft each cocktail with precision using premium spirits and fresh ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/glasses-filled-with-water-slices-orange-copy-space_23-2148306966.jpg?_wi=4", imageAlt: "Craft drinks at bar", authorName: "Bar Team", authorAvatar: "http://img.b2bpic.net/free-photo/businesswoman-office-smiling_273609-5131.jpg", date: "Featured"
|
|
},
|
|
{
|
|
id: "gallery-4", category: "Dining", title: "Intimate Atmosphere", excerpt: "Perfect for romantic dinners, celebrations, or special occasions with warm lighting and elegant décor.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg?_wi=2", imageAlt: "Intimate dining setup", authorName: "Events & Dining", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg", date: "Featured"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
ariaLabel="Gallery and moments section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Guests Say"
|
|
description="Join thousands of satisfied guests who have experienced The Martin Bar + Bistro's exceptional food, drinks, and atmosphere."
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Johnson", role: "Business Executive", company: "Huntsville Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg" },
|
|
{ id: "2", name: "Michael Chen", role: "Restaurant Critic", company: "Huntsville Dining Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
|
|
{ id: "3", name: "Emily Rodriguez", role: "Event Coordinator", company: "Celebrations Events", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-office-smiling_273609-5131.jpg" },
|
|
{ id: "4", name: "David Kim", role: "Marketing Director", company: "Local Ventures", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg" },
|
|
{ id: "5", name: "Jennifer Taylor", role: "Hospitality Manager", company: "Downtown Alliance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229510.jpg" },
|
|
{ id: "6", name: "James Mitchell", role: "Food Blogger", company: "Huntsville Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-thumb-up-beach_1149-1081.jpg" }
|
|
]}
|
|
kpiItems={[
|
|
{ value: "4.9/5", label: "Average Rating" },
|
|
{ value: "500+", label: "Five-Star Reviews" },
|
|
{ value: "10k+", label: "Monthly Guests" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
ariaLabel="Testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-visit" data-section="contact-visit">
|
|
<ContactFaq
|
|
ctaTitle="Visit Us Today"
|
|
ctaDescription="Located in the heart of downtown Huntsville, we're your go-to destination for craft cocktails, exceptional food, and unforgettable moments. Open for lunch, dinner, and late-night drinks."
|
|
ctaButton={{ text: "Make a Reservation", href: "tel:+12565551234" }}
|
|
ctaIcon={MapPin}
|
|
faqs={[
|
|
{ id: "1", title: "What are your hours?", content: "Monday - Thursday: 11am - 11pm | Friday - Saturday: 11am - 1am | Sunday: 11am - 10pm" },
|
|
{ id: "2", title: "Do you take reservations?", content: "Yes! We accept reservations for groups of 6 or more. Call us at (256) 555-1234 or book online. Walk-ins are always welcome." },
|
|
{ id: "3", title: "What's your address?", content: "116 Washington St SE, Huntsville, Alabama 35801. Located on the second floor with downtown views and street parking available." },
|
|
{ id: "4", title: "Do you host private events?", content: "Absolutely! We offer private event spaces perfect for corporate gatherings, celebrations, and special occasions. Contact us for details." },
|
|
{ id: "5", title: "What's your phone number?", content: "Call us at (256) 555-1234 for reservations, catering inquiries, or any questions about The Martin Bar + Bistro." }
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
ariaLabel="Contact and visit section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="The Martin Bar + Bistro"
|
|
columns={[
|
|
{
|
|
title: "Location", items: [
|
|
{ label: "116 Washington St SE", href: "https://maps.google.com/?q=116+Washington+St+SE+Huntsville+Alabama" },
|
|
{ label: "Huntsville, AL 35801", href: "https://maps.google.com/?q=116+Washington+St+SE+Huntsville+Alabama" },
|
|
{ label: "(256) 555-1234", href: "tel:+12565551234" }
|
|
]
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{ label: "Mon-Thu: 11am-11pm", href: "#" },
|
|
{ label: "Fri-Sat: 11am-1am", href: "#" },
|
|
{ label: "Sun: 11am-10pm", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Contact", href: "#contact-visit" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 The Martin Bar + Bistro. All rights reserved. Downtown Huntsville's Premier Destination."
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |