253 lines
13 KiB
TypeScript
253 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Sparkles, Flame, Crown, Star, Instagram, Facebook, Twitter } from "lucide-react";
|
|
|
|
export default function SteakhousePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Steak House"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reservations", id: "contact" },
|
|
{ name: "Contact", id: "footer" }
|
|
]}
|
|
button={{
|
|
text: "Reserve Table", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Steak House"
|
|
description="Experience the finest prime cuts and timeless elegance in fine dining"
|
|
buttons={[
|
|
{
|
|
text: "Reserve Your Table", href: "contact"
|
|
},
|
|
{
|
|
text: "View Menu", href: "menu"
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/well-fried-piece-steak-tomatoes-wooden-board_140725-7480.jpg?id=7536216"
|
|
imageAlt="Premium steakhouse dining interior"
|
|
showDimOverlay={true}
|
|
logoLineHeight={1.1}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
title="Crafted for connoisseurs. Elevated by tradition. Defined by excellence."
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Story", href: "#features"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
title="Authentic Steakhouse Heritage"
|
|
description="Discover what sets our steakhouse apart from ordinary dining establishments. Premium sourcing, expert preparation, and uncompromising quality standards."
|
|
tag="Our Difference"
|
|
tagIcon={Sparkles}
|
|
negativeCard={{
|
|
items: [
|
|
"Mass-produced beef", "Inconsistent preparation", "Limited sourcing expertise", "Generic dining experience"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Prime-grade, hand-selected cuts", "Expert dry-aging process", "Direct farm partnerships", "Bespoke culinary experience"
|
|
]
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
title="Signature Steaks"
|
|
description="Hand-selected prime cuts, expertly aged and perfectly prepared"
|
|
tag="Premium Selection"
|
|
tagIcon={Flame}
|
|
products={[
|
|
{
|
|
id: "ribeye", name: "Prime Ribeye", price: "$65", variant: "16oz • Prime Grade", imageSrc: "https://img.b2bpic.net/free-photo/beef-steak-served-with-yellow-mashed-puree-vegetables_140725-1492.jpg", imageAlt: "Prime ribeye steak"
|
|
},
|
|
{
|
|
id: "filet", name: "Filet Mignon", price: "$72", variant: "8oz • Prime Grade", imageSrc: "https://img.b2bpic.net/free-photo/front-view-fried-meat-with-sauce-greens-along-with-glass-wine-brown-desk-food-meat-meal_140725-26146.jpg", imageAlt: "Filet mignon steak"
|
|
},
|
|
{
|
|
id: "wagyu", name: "Japanese Wagyu", price: "$95", variant: "6oz • A5 Grade", imageSrc: "https://img.b2bpic.net/free-photo/fried-meat-with-smashed-potato_140725-9685.jpg", imageAlt: "Japanese wagyu steak"
|
|
},
|
|
{
|
|
id: "tomahawk", name: "Tomahawk Ribeye", price: "$85", variant: "32oz • Prime Grade", imageSrc: "https://img.b2bpic.net/free-photo/beef-steak-served-with-yellow-mashed-puree-vegetables_140725-1492.jpg", imageAlt: "Tomahawk ribeye steak"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Dining Experiences"
|
|
description="Choose the perfect steakhouse experience for your occasion"
|
|
tag="Premium Tiers"
|
|
tagIcon={Crown}
|
|
plans={[
|
|
{
|
|
id: "classic", title: "Classic Steakhouse", price: "$85", period: "per person", imageSrc: "https://img.b2bpic.net/free-photo/beef-steak-served-with-yellow-mashed-puree-vegetables_140725-1492.jpg", imageAlt: "Classic steakhouse experience", button: {
|
|
text: "Reserve Now", href: "contact"
|
|
},
|
|
features: [
|
|
"Prime steak selection", "House wine pairing", "Side dishes included", "Complimentary bread service"
|
|
]
|
|
},
|
|
{
|
|
id: "premium", title: "Premium Selection", price: "$125", period: "per person", imageSrc: "https://img.b2bpic.net/free-photo/front-view-fried-meat-with-sauce-greens-along-with-glass-wine-brown-desk-food-meat-meal_140725-26146.jpg", imageAlt: "Premium dining experience", button: {
|
|
text: "Reserve Now", href: "contact"
|
|
},
|
|
features: [
|
|
"Wagyu and specialty cuts", "Premium wine selection", "Gourmet sides", "Dessert included", "Sommelier consultation"
|
|
]
|
|
},
|
|
{
|
|
id: "elite", title: "Elite Experience", price: "$185", period: "per person", imageSrc: "https://img.b2bpic.net/free-photo/fried-meat-with-smashed-potato_140725-9685.jpg", imageAlt: "Elite fine dining experience", button: {
|
|
text: "Reserve Now", href: "contact"
|
|
},
|
|
features: [
|
|
"Chef's exclusive cuts", "Curated wine pairings", "Multi-course experience", "Private dining option", "Personal sommelier service", "Complimentary chef's special"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Guests Say"
|
|
description="Experience the feedback from our most discerning diners"
|
|
tag="Guest Reviews"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Michael Chen", role: "Executive", company: "Dining Enthusiast", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Richardson", role: "Chef", company: "Culinary Director", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "Sarah Richardson"
|
|
},
|
|
{
|
|
id: "3", name: "James Wilson", role: "Sommelier", company: "Wine Expert", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "James Wilson"
|
|
},
|
|
{
|
|
id: "4", name: "Emma Thompson", role: "Restaurant Critic", company: "Culinary Magazine", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", imageAlt: "Emma Thompson"
|
|
},
|
|
{
|
|
id: "5", name: "David Martinez", role: "CEO", company: "Corporate Events", rating: 5,
|
|
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: "David Martinez"
|
|
},
|
|
{
|
|
id: "6", name: "Patricia Anderson", role: "Food Blogger", company: "Fine Dining Author", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", imageAlt: "Patricia Anderson"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Reserve Your Table"
|
|
description="Experience exceptional cuisine and impeccable service. Book your reservation with us today."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Full Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email Address", required: true
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number", required: true
|
|
},
|
|
{
|
|
name: "date", type: "date", placeholder: "Preferred Date", required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Special requests or dietary preferences", rows: 4,
|
|
required: false
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg"
|
|
imageAlt="Elegant steakhouse dining room"
|
|
mediaPosition="right"
|
|
buttonText="Reserve Now"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Steak House"
|
|
copyrightText="© 2025 Steak House. All rights reserved. | Fine Dining Excellence"
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com", ariaLabel: "Follow us on Facebook"
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com", ariaLabel: "Follow us on Twitter"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |