208 lines
12 KiB
TypeScript
208 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Flame, TrendingUp, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="sharp"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="radialGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Big Buffalo"
|
|
button={{
|
|
text: "Reserve a Table", href: "contact"
|
|
}}
|
|
className="border-b border-foreground/10"
|
|
buttonClassName="text-foreground hover:text-primary-cta transition-colors"
|
|
buttonTextClassName="font-bold text-sm tracking-wide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Big Buffalo: Where Bold Flavors Meet Great Company"
|
|
description="Premium grilled meats, legendary wings, and craft cocktails in an atmosphere that celebrates good food and unforgettable moments"
|
|
tag="Since 2015"
|
|
imageSrc="https://img.b2bpic.net/free-photo/burgers-grilling-barbecue_23-2151985476.jpg"
|
|
imageAlt="Big Buffalo premium burger on grill"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Reserve Now", href: "contact" },
|
|
{ text: "View Menu", href: "menu" }
|
|
]}
|
|
titleClassName="text-4xl md:text-5xl font-extrabold tracking-tight"
|
|
descriptionClassName="text-lg text-foreground/90 max-w-xl"
|
|
tagClassName="text-sm font-bold text-primary-cta uppercase tracking-widest"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={Flame}
|
|
title="Big Buffalo isn't just a restaurant. It's a celebration of fire, flavor, and community."
|
|
description="Chef Marcus Williams"
|
|
subdescription="Founder & Executive Chef"
|
|
icon={Flame}
|
|
imageSrc="https://img.b2bpic.net/free-photo/high-angle-burger-meat-grill_23-2148868237.jpg"
|
|
imageAlt="Chef Marcus grilling premium steaks"
|
|
useInvertedBackground="invertDefault"
|
|
tagClassName="text-primary-cta"
|
|
titleClassName="text-3xl md:text-4xl font-extrabold"
|
|
descriptionClassName="text-foreground font-bold text-lg"
|
|
subdescriptionClassName="text-foreground/70 text-sm"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
title="Signature Specialties That Define Big Buffalo"
|
|
description="Each dish is crafted with premium ingredients and grilled to perfection. We obsess over every detail."
|
|
tag="Menu"
|
|
features={[
|
|
{
|
|
id: "buffalo-wings", title: "Legendary Buffalo Wings", description: "Hand-tossed in our signature spicy sauce, fried golden and served with cooling blue cheese dip", tag: "Appetizer", imageSrc: "https://img.b2bpic.net/free-photo/fire-meat-burger-wooden-hemp_140725-7009.jpg", imageAlt: "Crispy golden buffalo wings with sauce"
|
|
},
|
|
{
|
|
id: "signature-burger", title: "Big Buffalo Burger", description: "Half-pound aged beef patty with caramelized onions, cheddar, bacon, and our secret buffalo aioli", tag: "Main", imageSrc: "https://img.b2bpic.net/free-photo/delicious-grilled-cheeseburger-with-bacon_23-2151985471.jpg", imageAlt: "Premium signature buffalo burger"
|
|
},
|
|
{
|
|
id: "premium-steaks", title: "Grilled Premium Steaks", description: "Hand-selected USDA Prime cuts grilled over hardwood. Aged 30 days for maximum tenderness and flavor.", tag: "Main", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-burger-meat-grill_23-2148868237.jpg", imageAlt: "Perfectly grilled premium steak"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
tagIcon={Flame}
|
|
textBoxTitleClassName="text-3xl md:text-4xl font-extrabold"
|
|
textBoxDescriptionClassName="text-foreground/80 text-lg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Big Buffalo by the Numbers"
|
|
description="Award-winning quality and customer satisfaction that speaks for itself"
|
|
tag="Impact"
|
|
tagIcon={TrendingUp}
|
|
metrics={[
|
|
{
|
|
id: "customers", value: "50K+", title: "Happy Customers", description: "Served annually with 98% satisfaction rate", imageSrc: "https://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg", imageAlt: "Satisfied restaurant patrons dining"
|
|
},
|
|
{
|
|
id: "awards", value: "15+", title: "Industry Awards", description: "Regional recognition for excellence in dining", imageSrc: "https://img.b2bpic.net/free-photo/winner-concept-with-all-places-prizes_23-2149059619.jpg", imageAlt: "Trophy and achievement recognition"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
textBoxTitleClassName="text-3xl md:text-4xl font-extrabold"
|
|
textBoxDescriptionClassName="text-foreground/80 text-lg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="What Our Guests Say"
|
|
description="Real experiences from real customers who love Big Buffalo"
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Best Steakhouse Experience in Town", quote: "The quality of meat and attention to detail at Big Buffalo is unmatched. Every visit is special. Their grilling technique is masterful.", name: "David Chen", role: "Restaurant Critic", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "2", title: "Perfect for Celebrations", quote: "We celebrated our anniversary here and the service was impeccable. The buffalo wings are absolutely addictive, and the steaks are perfectly cooked.", name: "Sarah Mitchell", role: "Event Planner", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "3", title: "Worth Every Penny", quote: "Premium ingredients, premium prices, but premium experience throughout. This is fine dining without the pretense. Highly recommend.", name: "James Rodriguez", role: "Business Executive", imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "James Rodriguez"
|
|
},
|
|
{
|
|
id: "4", title: "A Must-Visit Destination", quote: "Came here on recommendation and left as a regular. The atmosphere is incredible, the food is outstanding, and the staff truly cares about your experience.", name: "Michelle Torres", role: "Travel Blogger", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Michelle Torres"
|
|
},
|
|
{
|
|
id: "5", title: "Exceptional Quality Every Time", quote: "I've been coming to Big Buffalo for years. Consistency is their strength. Every visit is as excellent as the last. This is the gold standard.", name: "Robert Patterson", role: "Entrepreneur", imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageAlt: "Robert Patterson"
|
|
},
|
|
{
|
|
id: "6", title: "The Flavors Are Unforgettable", quote: "The buffalo aioli on the burger changed my life. Every menu item shows incredible craftsmanship. This restaurant sets the bar impossibly high.", name: "Jennifer Lee", role: "Food Writer", imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "Jennifer Lee"
|
|
}
|
|
]}
|
|
testimonialTitleClassName="text-3xl md:text-4xl font-extrabold"
|
|
textBoxDescriptionClassName="text-foreground/80 text-lg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience Big Buffalo? Reserve your table today and prepare for an unforgettable dining experience."
|
|
animationType="reveal-blur"
|
|
buttons={[
|
|
{ text: "Reserve a Table", href: "https://reservations.example.com" },
|
|
{ text: "Get Directions", href: "https://maps.google.com" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
textClassName="text-3xl md:text-4xl font-extrabold text-foreground"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Big Buffalo"
|
|
columns={[
|
|
{
|
|
title: "Restaurant", items: [
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Reservations", href: "#contact" },
|
|
{ label: "Hours", href: "#hours" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com/bigbuffalo" },
|
|
{ label: "Facebook", href: "https://facebook.com/bigbuffalo" },
|
|
{ label: "Contact", href: "mailto:info@bigbuffalo.com" },
|
|
{ label: "Careers", href: "#careers" }
|
|
]
|
|
},
|
|
{
|
|
title: "Location", items: [
|
|
{ label: "123 Grill Street", href: "https://maps.google.com" },
|
|
{ label: "(555) 123-4567", href: "tel:5551234567" },
|
|
{ label: "Mon-Thu: 5-11pm", href: "#hours" },
|
|
{ label: "Fri-Sun: 5pm-midnight", href: "#hours" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Big Buffalo Restaurant. All rights reserved."
|
|
logoTextClassName="text-2xl md:text-3xl font-extrabold text-primary-cta"
|
|
columnTitleClassName="text-foreground font-bold text-lg mb-4"
|
|
columnItemClassName="text-foreground/70 hover:text-primary-cta transition-colors text-sm"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |