|
|
|
@@ -1,14 +1,6 @@
|
|
|
|
"use client";
|
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
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() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
@@ -18,201 +10,193 @@ export default function LandingPage() {
|
|
|
|
borderRadius="pill"
|
|
|
|
borderRadius="pill"
|
|
|
|
contentWidth="large"
|
|
|
|
contentWidth="large"
|
|
|
|
sizing="largeSizeExtraLargeSpacing"
|
|
|
|
sizing="largeSizeExtraLargeSpacing"
|
|
|
|
background="dotGrid"
|
|
|
|
background="aurora"
|
|
|
|
cardStyle="shadow-colored"
|
|
|
|
cardStyle="shadow-colored"
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
headingFontWeight="normal"
|
|
|
|
headingFontWeight="normal"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<NavbarStyleApple
|
|
|
|
<div className="p-8">
|
|
|
|
brandName="Steak & Fire"
|
|
|
|
<h1 className="text-2xl font-bold">Steak & Love</h1>
|
|
|
|
navItems={[
|
|
|
|
<nav className="mt-4">
|
|
|
|
{ name: "Menu", id: "menu" },
|
|
|
|
<ul className="flex space-x-6">
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
<li><a href="#hero" className="hover:text-gray-600">Home</a></li>
|
|
|
|
{ name: "Reserve", id: "contact" },
|
|
|
|
<li><a href="#about" className="hover:text-gray-600">Our History</a></li>
|
|
|
|
{ name: "Contact", id: "https://example.com/contact" }
|
|
|
|
<li><a href="#menu" className="hover:text-gray-600">Menu</a></li>
|
|
|
|
]}
|
|
|
|
<li><a href="#testimonials" className="hover:text-gray-600">Reviews</a></li>
|
|
|
|
/>
|
|
|
|
<li><a href="#contact" className="hover:text-gray-600">Reserve</a></li>
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroLogoBillboardSplitImage
|
|
|
|
<div className="min-h-screen flex items-center justify-center bg-gradient-to-r from-amber-100 to-orange-200">
|
|
|
|
logoText="STEAK & FIRE"
|
|
|
|
<div className="text-center px-8">
|
|
|
|
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."
|
|
|
|
<h1 className="text-6xl font-bold mb-6 text-gray-800">STEAK & LOVE</h1>
|
|
|
|
buttons={[
|
|
|
|
<p className="text-xl mb-8 max-w-2xl mx-auto text-gray-700">
|
|
|
|
{ text: "Reserve Now", href: "#contact" },
|
|
|
|
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.
|
|
|
|
{ text: "View Menu", href: "#menu" }
|
|
|
|
</p>
|
|
|
|
]}
|
|
|
|
<div className="flex gap-4 justify-center">
|
|
|
|
layoutOrder="default"
|
|
|
|
<a href="#contact" className="bg-red-600 text-white px-8 py-3 rounded-full hover:bg-red-700 transition-colors">Reserve Now</a>
|
|
|
|
splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402514973-ca2unbho.jpg"
|
|
|
|
<a href="#menu" className="bg-white text-red-600 border-2 border-red-600 px-8 py-3 rounded-full hover:bg-red-50 transition-colors">View Menu</a>
|
|
|
|
splitImageAlt="Premium grilled steak"
|
|
|
|
</div>
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402895294-kbbq7otk.jpg"
|
|
|
|
</div>
|
|
|
|
imageAlt="Fine dining steakhouse atmosphere"
|
|
|
|
</div>
|
|
|
|
frameStyle="card"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<InlineImageSplitTextAbout
|
|
|
|
<div className="py-16 px-8">
|
|
|
|
heading={[
|
|
|
|
<div className="max-w-4xl mx-auto text-center">
|
|
|
|
{ type: "text", content: "Crafted Excellence" },
|
|
|
|
<h2 className="text-4xl font-bold mb-8 text-gray-800">Our Story</h2>
|
|
|
|
{ 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. Our heritage spans over two decades of dedicated service to food enthusiasts and connoisseurs alike. Each steak is a masterpiece, prepared with meticulous attention to detail and an unwavering commitment to excellence. We partner exclusively with premier ranches known for their sustainable practices and superior cattle breeding, ensuring every cut meets our exacting standards. Our chefs, trained in both classical French technique and modern culinary innovation, bring decades of combined expertise to each plate. Beyond the meat, our sommelier-curated wine collection features over 500 selections from the world's finest vineyards, perfectly matched to complement your dining experience. We invite you to join us for more than just a meal—join us for a celebration of culinary craftsmanship and the art of fine dining." }
|
|
|
|
<p className="text-lg text-gray-600 leading-relaxed">
|
|
|
|
]}
|
|
|
|
Crafted Excellence meets timeless tradition at Steak & Love. We believe in sourcing the finest beef, aging it to perfection, and grilling it with passion. Our heritage spans over two decades of dedicated service.
|
|
|
|
buttons={[
|
|
|
|
</p>
|
|
|
|
{ text: "Our Story", href: "#", props: { bgClassName: "bg-blue-600 hover:bg-blue-700" } }
|
|
|
|
<div className="mt-8">
|
|
|
|
]}
|
|
|
|
<a href="#" className="bg-blue-600 text-white px-6 py-3 rounded-full hover:bg-blue-700 transition-colors">Our History</a>
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
</div>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="menu" data-section="menu">
|
|
|
|
<div id="menu" data-section="menu">
|
|
|
|
<FeatureCardTwenty
|
|
|
|
<div className="py-16 px-8 bg-gray-50">
|
|
|
|
images={[
|
|
|
|
<div className="max-w-6xl mx-auto">
|
|
|
|
{ id: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402516921-vpmy34lv.jpg", imageAlt: "Signature premium steak" },
|
|
|
|
<div className="text-center mb-12">
|
|
|
|
{ id: 2, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402517785-zwa4dhhq.jpg", imageAlt: "Grilled ribs" },
|
|
|
|
<span className="inline-block bg-red-100 text-red-800 px-4 py-2 rounded-full text-sm font-medium mb-4">Premium Offerings</span>
|
|
|
|
{ id: 3, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402518744-cskcaoc8.jpg", imageAlt: "Gourmet side dishes" },
|
|
|
|
<h2 className="text-4xl font-bold mb-6 text-gray-800">Signature Selections</h2>
|
|
|
|
{ id: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403043544-zy98pt2q.jpg", imageAlt: "Wine pairings" }
|
|
|
|
<p className="text-lg text-gray-600 max-w-3xl mx-auto">
|
|
|
|
]}
|
|
|
|
Discover our meticulously crafted signature selections, featuring premium cuts aged to absolute perfection. Each dish represents our culinary mastery, blending traditional steakhouse excellence with innovative preparation techniques.
|
|
|
|
title="Signature Selections"
|
|
|
|
</p>
|
|
|
|
description="Experience our carefully curated menu featuring prime cuts aged to perfection, complemented by house specialties and an exceptional wine collection."
|
|
|
|
</div>
|
|
|
|
tag="Premium Offerings"
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
|
|
|
tagIcon={Flame}
|
|
|
|
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
|
|
|
|
textboxLayout="default"
|
|
|
|
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402516921-vpmy34lv.jpg" alt="Signature premium steak" className="w-full h-48 object-cover" />
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
<div className="p-4">
|
|
|
|
/>
|
|
|
|
<h3 className="font-semibold text-gray-800">Premium Cuts</h3>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
|
|
|
|
|
|
|
|
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402517785-zwa4dhhq.jpg" alt="Grilled ribs" className="w-full h-48 object-cover" />
|
|
|
|
|
|
|
|
<div className="p-4">
|
|
|
|
|
|
|
|
<h3 className="font-semibold text-gray-800">Signature Ribs</h3>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
|
|
|
|
|
|
|
|
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402518744-cskcaoc8.jpg" alt="Gourmet side dishes" className="w-full h-48 object-cover" />
|
|
|
|
|
|
|
|
<div className="p-4">
|
|
|
|
|
|
|
|
<h3 className="font-semibold text-gray-800">Gourmet Sides</h3>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
|
|
|
|
|
|
|
|
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403043544-zy98pt2q.jpg" alt="Wine pairings" className="w-full h-48 object-cover" />
|
|
|
|
|
|
|
|
<div className="p-4">
|
|
|
|
|
|
|
|
<h3 className="font-semibold text-gray-800">Wine Selection</h3>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
<TestimonialCardFive
|
|
|
|
<div className="py-16 px-8">
|
|
|
|
testimonials={[
|
|
|
|
<div className="max-w-6xl mx-auto">
|
|
|
|
{
|
|
|
|
<div className="text-center mb-12">
|
|
|
|
id: "1",
|
|
|
|
<h2 className="text-4xl font-bold mb-6 text-gray-800">What Our Guests Say</h2>
|
|
|
|
name: "Michael Chen, Chef & Food Critic",
|
|
|
|
<p className="text-lg text-gray-600">Discover why Steak & Love is the premier destination for discerning diners and special occasions.</p>
|
|
|
|
date: "Date: 15 December 2024",
|
|
|
|
</div>
|
|
|
|
title: "The finest steakhouse in the city",
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
|
|
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.",
|
|
|
|
<div className="bg-white rounded-lg shadow-lg p-6">
|
|
|
|
tag: "Five Stars",
|
|
|
|
<div className="flex items-center mb-4">
|
|
|
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
|
|
|
|
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg" alt="Michael Chen" className="w-12 h-12 rounded-full mr-4" />
|
|
|
|
avatarAlt: "Michael Chen",
|
|
|
|
<div>
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402514973-ca2unbho.jpg",
|
|
|
|
<h4 className="font-semibold text-gray-800">Michael Chen</h4>
|
|
|
|
imageAlt: "Perfectly grilled steak"
|
|
|
|
<p className="text-sm text-gray-600">Chef & Food Critic</p>
|
|
|
|
},
|
|
|
|
</div>
|
|
|
|
{
|
|
|
|
</div>
|
|
|
|
id: "2",
|
|
|
|
<p className="text-gray-600 mb-4">"Steak & Love delivers an exceptional dining experience. The quality of their beef is outstanding, and the grilling technique is masterful."</p>
|
|
|
|
name: "Sarah Williams, Restaurant Owner",
|
|
|
|
<span className="text-sm bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full">Five Stars</span>
|
|
|
|
date: "Date: 22 December 2024",
|
|
|
|
</div>
|
|
|
|
title: "Authentic steakhouse perfection",
|
|
|
|
<div className="bg-white rounded-lg shadow-lg p-6">
|
|
|
|
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.",
|
|
|
|
<div className="flex items-center mb-4">
|
|
|
|
tag: "Highly Recommended",
|
|
|
|
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140151637-4n68pd8r.jpg" alt="Sarah Williams" className="w-12 h-12 rounded-full mr-4" />
|
|
|
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140151637-4n68pd8r.jpg",
|
|
|
|
<div>
|
|
|
|
avatarAlt: "Sarah Williams",
|
|
|
|
<h4 className="font-semibold text-gray-800">Sarah Williams</h4>
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402517785-zwa4dhhq.jpg",
|
|
|
|
<p className="text-sm text-gray-600">Restaurant Owner</p>
|
|
|
|
imageAlt: "Grilled ribs"
|
|
|
|
</div>
|
|
|
|
},
|
|
|
|
</div>
|
|
|
|
{
|
|
|
|
<p className="text-gray-600 mb-4">"I have dined at steakhouses around the world, and Steak & Love ranks among the very best. The attention to detail is remarkable."</p>
|
|
|
|
id: "3",
|
|
|
|
<span className="text-sm bg-green-100 text-green-800 px-3 py-1 rounded-full">Highly Recommended</span>
|
|
|
|
name: "David Martinez, Corporate Executive",
|
|
|
|
</div>
|
|
|
|
date: "Date: 28 December 2024",
|
|
|
|
<div className="bg-white rounded-lg shadow-lg p-6">
|
|
|
|
title: "Perfect for business dinners",
|
|
|
|
<div className="flex items-center mb-4">
|
|
|
|
quote: "The ambiance, service, and food at Steak & Fire create an ideal setting for important business meetings. Our clients were thoroughly impressed.",
|
|
|
|
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg" alt="David Martinez" className="w-12 h-12 rounded-full mr-4" />
|
|
|
|
tag: "Business Dining",
|
|
|
|
<div>
|
|
|
|
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
|
|
|
|
<h4 className="font-semibold text-gray-800">David Martinez</h4>
|
|
|
|
avatarAlt: "David Martinez",
|
|
|
|
<p className="text-sm text-gray-600">Corporate Executive</p>
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402519971-7oehke6v.jpg",
|
|
|
|
</div>
|
|
|
|
imageAlt: "Upscale dining atmosphere"
|
|
|
|
</div>
|
|
|
|
},
|
|
|
|
<p className="text-gray-600 mb-4">"The ambiance, service, and food create an ideal setting for important business meetings. Our clients were thoroughly impressed."</p>
|
|
|
|
{
|
|
|
|
<span className="text-sm bg-blue-100 text-blue-800 px-3 py-1 rounded-full">Business Dining</span>
|
|
|
|
id: "4",
|
|
|
|
</div>
|
|
|
|
name: "Jessica Thompson, Event Planner",
|
|
|
|
</div>
|
|
|
|
date: "Date: 10 January 2025",
|
|
|
|
</div>
|
|
|
|
title: "Exceptional private dining",
|
|
|
|
</div>
|
|
|
|
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-1766403043842-08p3g3gu.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>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<ContactText
|
|
|
|
<div className="py-16 px-8 bg-red-50">
|
|
|
|
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."
|
|
|
|
<div className="max-w-4xl mx-auto text-center">
|
|
|
|
animationType="entrance-slide"
|
|
|
|
<h2 className="text-4xl font-bold mb-6 text-gray-800">Ready to Reserve?</h2>
|
|
|
|
buttons={[
|
|
|
|
<p className="text-xl mb-8 text-gray-700">Send message for us for hot reserve for your party</p>
|
|
|
|
{ text: "Reserve Table", href: "#" },
|
|
|
|
<div className="flex gap-4 justify-center">
|
|
|
|
{ text: "Call Us", href: "tel:+1234567890" }
|
|
|
|
<a href="#" className="bg-red-600 text-white px-8 py-3 rounded-full hover:bg-red-700 transition-colors">Hot reserve</a>
|
|
|
|
]}
|
|
|
|
<a href="tel:+1234567890" className="bg-white text-red-600 border-2 border-red-600 px-8 py-3 rounded-full hover:bg-red-50 transition-colors">Call Us</a>
|
|
|
|
useInvertedBackground="noInvert"
|
|
|
|
</div>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterSocial
|
|
|
|
<div className="bg-gray-800 text-white py-12 px-8">
|
|
|
|
logoText="Steak & Fire"
|
|
|
|
<div className="max-w-6xl mx-auto">
|
|
|
|
columns={[
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
|
|
|
|
{
|
|
|
|
<div>
|
|
|
|
title: "Hours",
|
|
|
|
<h3 className="text-2xl font-bold mb-4 text-yellow-400">Steak & Love</h3>
|
|
|
|
items: [
|
|
|
|
<p className="text-gray-300">Premium steakhouse experience since 2005</p>
|
|
|
|
{ label: "Monday - Thursday: 5PM - 11PM", href: "#" },
|
|
|
|
</div>
|
|
|
|
{ label: "Friday - Saturday: 5PM - 12AM", href: "#" },
|
|
|
|
<div>
|
|
|
|
{ label: "Sunday: 5PM - 10PM", href: "#" }
|
|
|
|
<h4 className="text-lg font-semibold mb-4">Hours</h4>
|
|
|
|
]
|
|
|
|
<ul className="space-y-2 text-gray-300">
|
|
|
|
},
|
|
|
|
<li>Monday - Thursday: 5PM - 11PM</li>
|
|
|
|
{
|
|
|
|
<li>Friday - Saturday: 5PM - 12AM</li>
|
|
|
|
title: "Location",
|
|
|
|
<li>Sunday: 5PM - 10PM</li>
|
|
|
|
items: [
|
|
|
|
</ul>
|
|
|
|
{ label: "123 Prime Street", href: "#" },
|
|
|
|
</div>
|
|
|
|
{ label: "Downtown District", href: "#" },
|
|
|
|
<div>
|
|
|
|
{ label: "(555) 123-4567", href: "tel:+15551234567" }
|
|
|
|
<h4 className="text-lg font-semibold mb-4">Location</h4>
|
|
|
|
]
|
|
|
|
<ul className="space-y-2 text-gray-300">
|
|
|
|
},
|
|
|
|
<li>123 Prime Street</li>
|
|
|
|
{
|
|
|
|
<li>Downtown District</li>
|
|
|
|
title: "Dining",
|
|
|
|
<li><a href="tel:+15551234567" className="hover:text-yellow-400">(555) 123-4567</a></li>
|
|
|
|
items: [
|
|
|
|
</ul>
|
|
|
|
{ label: "Reservations", href: "#" },
|
|
|
|
</div>
|
|
|
|
{ label: "Private Events", href: "#" },
|
|
|
|
<div>
|
|
|
|
{ label: "Gift Cards", href: "#" }
|
|
|
|
<h4 className="text-lg font-semibold mb-4">Dining</h4>
|
|
|
|
]
|
|
|
|
<ul className="space-y-2 text-gray-300">
|
|
|
|
}
|
|
|
|
<li><a href="#" className="hover:text-yellow-400">Reservations</a></li>
|
|
|
|
]}
|
|
|
|
<li><a href="#" className="hover:text-yellow-400">Private Events</a></li>
|
|
|
|
socialLinks={[
|
|
|
|
<li><a href="#" className="hover:text-yellow-400">Gift Cards</a></li>
|
|
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
|
|
</ul>
|
|
|
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
|
|
|
|
</div>
|
|
|
|
]}
|
|
|
|
</div>
|
|
|
|
copyrightText="© Steak & Fire Restaurant, 2025. All rights reserved."
|
|
|
|
<div className="border-t border-gray-700 mt-8 pt-8 text-center">
|
|
|
|
/>
|
|
|
|
<p className="text-yellow-400">© Steak & Love Restaurant, 2025. All rights reserved.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
|
