290 lines
14 KiB
TypeScript
290 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Award, ChefHat, Crown, Flame, MapPin, Mail, Phone, Sparkles, Wine } from "lucide-react";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterSplit from '@/components/sections/footer/FooterSplit';
|
|
|
|
export default function SteakhousePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="outline-light"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Steak To Happy"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Experience", id: "experience" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reserve Now", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Experience Prime Perfection"
|
|
description="Savor the finest cuts of beef, expertly grilled to your preference, in an atmosphere of timeless elegance."
|
|
tag="Premium Steakhouse"
|
|
tagIcon={Flame}
|
|
buttons={[
|
|
{
|
|
text: "Reserve Your Table", href: "contact"
|
|
},
|
|
{
|
|
text: "View Menu", href: "menu"
|
|
}
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780817109-an1fpejm.jpg", imageAlt: "Premium grilled steak with garnish"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780818745-chfmjsoy.jpg", imageAlt: "Perfectly cooked ribeye steak"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780820400-m26nvjck.jpg", imageAlt: "Gourmet filet mignon plating"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780821747-qu98h7rz.jpg", imageAlt: "Premium wagyu steak presentation"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780823454-dompuace.jpg", imageAlt: "Classic porterhouse steak"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="A Legacy of Excellence"
|
|
description="Since opening our doors, Steak To Happy has been dedicated to delivering exceptional steakhouse experiences. We source only the finest premium beef, dry-aged for perfect tenderness, and prepare each cut with meticulous attention to detail."
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
bulletPoints={[
|
|
{
|
|
title: "Premium Sourcing", description: "Hand-selected prime and wagyu beef, aged 28-45 days for optimal flavor and texture", icon: Award
|
|
},
|
|
{
|
|
title: "Expert Preparation", description: "Our certified grill masters use traditional techniques and modern precision to perfect every steak", icon: ChefHat
|
|
},
|
|
{
|
|
title: "Curated Wines", description: "Extensive wine collection featuring bold reds that complement our signature cuts", icon: Wine
|
|
},
|
|
{
|
|
title: "Timeless Ambiance", description: "Classic steakhouse elegance with warm lighting, leather seating, and refined hospitality"
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780827923-j7ohjz41.jpg"
|
|
imageAlt="Elegant steakhouse interior with intimate dining"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardFourteen
|
|
title="Signature Menu Highlights"
|
|
description="Discover our most celebrated dishes, crafted with premium ingredients and culinary expertise"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
tag="Featured"
|
|
features={[
|
|
{
|
|
id: "1", title: "The Steakhouse Experience", description: "Our flagship ambiance featuring intimate lighting and sophisticated seating arrangements", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780828937-l4gtwmhh.jpg", imageAlt: "Fine dining steakhouse ambiance"
|
|
},
|
|
{
|
|
id: "2", title: "Wine Pairings & Selection", description: "Expert sommelier recommendations to complement your prime cuts", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780825391-sjwd9z2t.jpg", imageAlt: "Premium wine collection for steakhouse dining"
|
|
},
|
|
{
|
|
id: "3", title: "Premium Side Dishes", description: "Artisanal sides including truffle mac & cheese, twice-baked potatoes, and seasonal vegetables", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780826464-kv1okkxy.jpg", imageAlt: "Gourmet side dish selections"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Dining Experiences"
|
|
description="Choose from our curated tasting menus and à la carte options"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertCard"
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "classic", tag: "The Classic Cut", tagIcon: Flame,
|
|
price: "$65", period: "per person", description: "Premium steak, choice of sides, and house wine selection", button: {
|
|
text: "Book Now", href: "contact"
|
|
},
|
|
featuresTitle: "Included:", features: [
|
|
"Choice of prime cuts", "Two premium sides", "House wine pairing", "Dessert selection", "Coffee or tea"
|
|
]
|
|
},
|
|
{
|
|
id: "premium", tag: "The Premium Experience", tagIcon: Sparkles,
|
|
price: "$95", period: "per person", description: "Wagyu selection, sommelier wine pairing, and multi-course tasting", button: {
|
|
text: "Reserve Now", href: "contact"
|
|
},
|
|
featuresTitle: "Included:", features: [
|
|
"Premium wagyu cuts", "Three artisanal sides", "Sommelier wine pairing", "Multi-course experience", "Chef's special dessert", "Complimentary digestif"
|
|
]
|
|
},
|
|
{
|
|
id: "vip", tag: "The Ultimate Celebration", tagIcon: Crown,
|
|
price: "$145", period: "per person", description: "Exclusive cuts, private wine experience, and personalized service", button: {
|
|
text: "Schedule Tasting", href: "contact"
|
|
},
|
|
featuresTitle: "Included:", features: [
|
|
"Exclusive cuts & special aged beef", "Four premium sides", "Private wine tasting selection", "Seven-course tasting menu", "Chef's table available", "Personalized sommelier service", "Premium cigar selection"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
title="Meet Our Culinary Team"
|
|
description="Master craftspeople dedicated to elevating your steakhouse experience"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
team={[
|
|
{
|
|
id: "1", name: "Chef Marcus Sterling", role: "Executive Chef & Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780831680-ewfp4m5u.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "James Mitchell", role: "Sous Chef, Grill Master", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780833165-1h323ppv.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Robert Collins", role: "Head Sommelier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780834452-sk1euqdl.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Elena Rodriguez", role: "Pastry Chef", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780835380-wsas7ofx.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardFifteen
|
|
testimonial="Steak To Happy delivered an unforgettable dining experience. The perfectly grilled steak, impeccable service, and extensive wine selection made our anniversary dinner truly special. We've already booked our next reservation!"
|
|
rating={5}
|
|
author="Victoria & Michael Thompson"
|
|
useInvertedBackground="invertDefault"
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780837983-x8aiz065.jpg", alt: "Victoria Thompson"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780839141-0sv57l3v.jpg", alt: "Michael Thompson"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780840406-jwgmqqs8.jpg", alt: "Customer testimonial"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780841610-0coy1g4x.jpg", alt: "Customer testimonial"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780843201-3961su3t.jpg", alt: "Customer testimonial"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780844660-i4a0prte.jpg", alt: "Customer testimonial"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Ready to indulge in the perfect steak?"
|
|
description="Reserve your table now and experience the finest steakhouse dining. Our team looks forward to welcoming you."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your dining preferences", rows: 5,
|
|
required: true
|
|
}}
|
|
buttonText="Reserve Your Table"
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781587653-nylqpfa1.jpg"
|
|
imageAlt="Elegant steakhouse interior"
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSplit
|
|
logoText="Steak To Happy"
|
|
title="Experience Premium Steakhouse Excellence"
|
|
columns={[
|
|
{
|
|
title: "Restaurant", items: [
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#team" },
|
|
{ label: "Private Events", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Dining", items: [
|
|
{ label: "Reservations", href: "#contact" },
|
|
{ label: "Wine List", href: "#experience" },
|
|
{ label: "Dress Code", href: "#" },
|
|
{ label: "Gift Cards", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
contactItems={[
|
|
{
|
|
icon: MapPin,
|
|
text: "123 Fine Dining Street, Culinary District, NY 10001"
|
|
},
|
|
{
|
|
icon: Phone,
|
|
text: "(555) 723-8456"
|
|
},
|
|
{
|
|
icon: Mail,
|
|
text: "reservations@steaktohappy.com"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|