Initial commit
This commit is contained in:
219
src/app/page.tsx
Normal file
219
src/app/page.tsx
Normal file
@@ -0,0 +1,219 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
||||
import { Flame, Instagram, Facebook } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="large"
|
||||
sizing="largeSizeExtraLargeSpacing"
|
||||
background="dotGrid"
|
||||
cardStyle="shadow-colored"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Steak & Fire"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reserve", id: "contact" },
|
||||
{ name: "Contact", id: "https://example.com/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplitImage
|
||||
logoText="STEAK & FIRE"
|
||||
description="Premium grilled perfection in every bite. From handpicked cuts to expert preparation, we craft the finest steakhouse experience. Reserve your table for an unforgettable evening."
|
||||
buttons={[
|
||||
{ text: "Reserve Now", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
]}
|
||||
layoutOrder="default"
|
||||
splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402514973-ca2unbho.jpg"
|
||||
splitImageAlt="Premium grilled steak"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402519971-7oehke6v.jpg"
|
||||
imageAlt="Fine dining steakhouse atmosphere"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Crafted Excellence" },
|
||||
{ type: "text", content: "meets timeless tradition at Steak & Fire. We believe in sourcing the finest beef, aging it to perfection, and grilling it with passion." }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Our Story", href: "#" }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTwenty
|
||||
images={[
|
||||
{ id: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402516921-vpmy34lv.jpg", imageAlt: "Signature premium steak" },
|
||||
{ id: 2, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402517785-zwa4dhhq.jpg", imageAlt: "Grilled ribs" },
|
||||
{ id: 3, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402518744-cskcaoc8.jpg", imageAlt: "Gourmet side dishes" },
|
||||
{ id: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402521000-vuzcff47.jpg", imageAlt: "Wine pairings" }
|
||||
]}
|
||||
title="Signature Selections"
|
||||
description="Experience our carefully curated menu featuring prime cuts aged to perfection, complemented by house specialties and an exceptional wine collection."
|
||||
tag="Premium Offerings"
|
||||
tagIcon={Flame}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Michael Chen, Chef & Food Critic",
|
||||
date: "Date: 15 December 2024",
|
||||
title: "The finest steakhouse in the city",
|
||||
quote: "Steak & Fire delivers an exceptional dining experience. The quality of their beef is outstanding, and the grilling technique is masterful. Every bite reflects their commitment to excellence.",
|
||||
tag: "Five Stars",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
|
||||
avatarAlt: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402514973-ca2unbho.jpg",
|
||||
imageAlt: "Perfectly grilled steak"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Williams, Restaurant Owner",
|
||||
date: "Date: 22 December 2024",
|
||||
title: "Authentic steakhouse perfection",
|
||||
quote: "I've dined at steakhouses around the world, and Steak & Fire ranks among the very best. The attention to detail in every aspect is remarkable.",
|
||||
tag: "Highly Recommended",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140151637-4n68pd8r.jpg",
|
||||
avatarAlt: "Sarah Williams",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402517785-zwa4dhhq.jpg",
|
||||
imageAlt: "Grilled ribs"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Martinez, Corporate Executive",
|
||||
date: "Date: 28 December 2024",
|
||||
title: "Perfect for business dinners",
|
||||
quote: "The ambiance, service, and food at Steak & Fire create an ideal setting for important business meetings. Our clients were thoroughly impressed.",
|
||||
tag: "Business Dining",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
|
||||
avatarAlt: "David Martinez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402519971-7oehke6v.jpg",
|
||||
imageAlt: "Upscale dining atmosphere"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica Thompson, Event Planner",
|
||||
date: "Date: 10 January 2025",
|
||||
title: "Exceptional private dining",
|
||||
quote: "We hosted our company anniversary at Steak & Fire. The private dining room, impeccable service, and outstanding cuisine made it an unforgettable night.",
|
||||
tag: "Event Hosting",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
|
||||
avatarAlt: "Jessica Thompson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402516921-vpmy34lv.jpg",
|
||||
imageAlt: "Signature plated dish"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Jackson, Sommelier",
|
||||
date: "Date: 18 January 2025",
|
||||
title: "Wine selection is superb",
|
||||
quote: "The wine collection at Steak & Fire is expertly curated. Perfect pairings for every cut, and the staff's knowledge is impressive.",
|
||||
tag: "Wine Pairing",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399071735-aq7lptqc.jpg",
|
||||
avatarAlt: "Robert Jackson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402521000-vuzcff47.jpg",
|
||||
imageAlt: "Wine glass"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Elena Rodriguez, Frequent Diner",
|
||||
date: "Date: 25 January 2025",
|
||||
title: "My favorite steakhouse",
|
||||
quote: "I've been coming to Steak & Fire for special occasions, and they never disappoint. Consistency, quality, and genuine hospitality keep me coming back.",
|
||||
tag: "Loyal Customer",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
|
||||
avatarAlt: "Elena Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402515950-mo2skfyc.jpg",
|
||||
imageAlt: "Grilled meat selection"
|
||||
}
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Discover why Steak & Fire is the premier destination for discerning diners and special occasions."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to experience the finest steakhouse dining? Reserve your table today and join us for an unforgettable evening of premium cuts and exceptional service."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Reserve Table", href: "#" },
|
||||
{ text: "Call Us", href: "tel:+1234567890" }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSocial
|
||||
logoText="Steak & Fire"
|
||||
columns={[
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{ label: "Monday - Thursday: 5PM - 11PM", href: "#" },
|
||||
{ label: "Friday - Saturday: 5PM - 12AM", href: "#" },
|
||||
{ label: "Sunday: 5PM - 10PM", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{ label: "123 Prime Street", href: "#" },
|
||||
{ label: "Downtown District", href: "#" },
|
||||
{ label: "(555) 123-4567", href: "tel:+15551234567" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Dining",
|
||||
items: [
|
||||
{ label: "Reservations", href: "#" },
|
||||
{ label: "Private Events", href: "#" },
|
||||
{ label: "Gift Cards", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
|
||||
]}
|
||||
copyrightText="© Steak & Fire Restaurant, 2025. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user