197 lines
10 KiB
TypeScript
197 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Crown, Flame, HelpCircle, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="spotlight"
|
|
primaryButtonStyle="layered-depth"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Steak and Me"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Specials", id: "specials" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Premium Steaks, Unforgettable Moments"
|
|
description="Experience the finest cuts of beef, expertly aged and grilled to perfection. Where passion for quality meets culinary excellence."
|
|
tag="Culinary Excellence"
|
|
imageSrc="https://img.b2bpic.net/free-photo/fried-steak-table_140725-44194.jpg"
|
|
imageAlt="Premium showcase of beautifully grilled steaks"
|
|
buttons={[
|
|
{ text: "Make a Reservation", href: "contact" },
|
|
{ text: "Explore Our Menu", href: "specials" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
title="For over 25 years, Steak and Me has been the destination for steak lovers who demand the absolute best."
|
|
description="Founded by award-winning chef Marcus Sullivan"
|
|
subdescription="Established 1998 • Award-Winning Restaurant"
|
|
icon={Flame}
|
|
imageSrc="https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
|
|
imageAlt="Elegant restaurant dining atmosphere"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="specials" data-section="specials">
|
|
<FeatureCardThree
|
|
title="Signature Steaks"
|
|
description="Each cut is hand-selected from the finest sources and aged to perfection in our custom temperature-controlled vault."
|
|
tag="Premium Selection"
|
|
tagIcon={Crown}
|
|
features={[
|
|
{
|
|
id: "01", title: "Wagyu Ribeye", description: "Luxuriously marbled Japanese Wagyu, grilled to your specification with house-made compound butter", imageSrc: "https://img.b2bpic.net/free-photo/close-up-view-tasty-steak-with-sauce-male-s-hands-begin-cut-slice_8353-7023.jpg", imageAlt: "Beautifully plated Wagyu Ribeye"
|
|
},
|
|
{
|
|
id: "02", title: "Prime Filet Mignon", description: "The most tender cut available, aged 45 days and finished with truffle sauce and seasonal vegetables", imageSrc: "https://img.b2bpic.net/free-photo/delicious-steak-with-spicy-sauce_140725-951.jpg", imageAlt: "Elegant Filet Mignon plating"
|
|
},
|
|
{
|
|
id: "03", title: "NY Strip Supreme", description: "Perfectly balanced marbling with exceptional flavor, our signature preparation with garlic butter and herbs", imageSrc: "https://img.b2bpic.net/free-photo/fried-piece-steak-with-potatoes-home-glass-wine_140725-9805.jpg", imageAlt: "Premium NY Strip steak"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "View Full Menu", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFifteen
|
|
testimonial="Steak and Me isn't just a restaurant—it's a temple to beef. Every visit reinforces why they've maintained their reputation as the finest steakhouse in the city. The attention to detail is unmatched."
|
|
rating={5}
|
|
author="Jonathan Peters, Food Critic"
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Guest 1" },
|
|
{ src: "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", alt: "Guest 2" },
|
|
{ src: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Guest 3" },
|
|
{ src: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Guest 4" },
|
|
{ src: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Guest 5" },
|
|
{ src: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Guest 6" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our restaurant, menu, and reservations"
|
|
tag="Help"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How far in advance should I make a reservation?", content: "We recommend making reservations 2-4 weeks in advance, especially for weekends and special occasions. For groups of 8 or more, please contact us directly as we may need special arrangements."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer private dining options?", content: "Yes, we have a private dining room that accommodates up to 40 guests. Our team can create custom menus and wine pairings for your special event. Please contact us for availability and pricing."
|
|
},
|
|
{
|
|
id: "3", title: "What is your dress code?", content: "We maintain a smart casual to business casual dress code. Jacket recommended for men. We want our guests to feel comfortable while maintaining the upscale ambiance of the restaurant."
|
|
},
|
|
{
|
|
id: "4", title: "Do you accommodate dietary restrictions?", content: "Absolutely. Our kitchen can accommodate vegetarian, vegan, gluten-free, and other dietary needs. Please inform us when making your reservation or upon arrival."
|
|
},
|
|
{
|
|
id: "5", title: "What wine pairings do you recommend?", content: "Our sommelier has curated an extensive wine list featuring both classic and contemporary selections. We offer flight tastings and by-the-glass options. Our staff is happy to provide pairing recommendations with any dish."
|
|
},
|
|
{
|
|
id: "6", title: "Can I purchase gift cards?", content: "Yes, gift cards are available for purchase at the host stand or online. They can be used toward any dining experience at Steak and Me and make an excellent gift for the steak lover in your life."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Reserve Your Table"
|
|
title="Experience Steak and Me"
|
|
description="Join us for an unforgettable evening of exquisite dining. Subscribe to our newsletter for exclusive offers, seasonal specials, and VIP event invitations."
|
|
tagIcon={Utensils}
|
|
useInvertedBackground="noInvert"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Get Exclusive Offers"
|
|
termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you'll receive updates about our specials and events."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Steak and Me"
|
|
columns={[
|
|
{
|
|
title: "Restaurant", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Menu", href: "#specials" },
|
|
{ label: "Wine List", href: "#specials" },
|
|
{ label: "Gift Cards", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Dining", items: [
|
|
{ label: "Reservations", href: "#contact" },
|
|
{ label: "Private Events", href: "#contact" },
|
|
{ label: "Dress Code", href: "#faq" },
|
|
{ label: "Hours & Location", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Newsletter", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Steak and Me. All rights reserved. Experience premium dining excellence."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |