284 lines
17 KiB
TypeScript
284 lines
17 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import { Utensils, ForkKnife } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLarge"
|
||
background="fluid"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#home"},
|
||
{
|
||
name: "About Us", id: "#about"},
|
||
{
|
||
name: "Menu", id: "#menu"},
|
||
{
|
||
name: "Highlights", id: "#highlights"},
|
||
{
|
||
name: "Team", id: "#team"},
|
||
{
|
||
name: "Reviews", id: "#reviews"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewl7sh"
|
||
logoAlt="Bones Restaurant Logo"
|
||
brandName="Bones Restaurant"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroLogo
|
||
logoText="Bones"
|
||
description="Authentic flavors, unforgettable experiences. Savor the finest cuts and hearty dishes at Bones Restaurant."
|
||
buttons={[
|
||
{
|
||
text: "View Menu", href: "#menu"},
|
||
{
|
||
text: "Make a Reservation", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg"
|
||
imageAlt="Elegant restaurant interior with food"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={true}
|
||
tag="Our Story"
|
||
title="Passion for Culinary Excellence"
|
||
description="Bones Restaurant began with a simple vision: to bring people together over exceptional food. We source the freshest ingredients and craft each dish with dedication, ensuring a memorable dining experience."
|
||
subdescription="From our family recipes passed down through generations to innovative creations, every meal served at Bones Restaurant is a celebration of flavor, tradition, and culinary artistry."
|
||
icon={Utensils}
|
||
imageSrc="http://img.b2bpic.net/free-photo/horizontal-view-free-space-fresh-vegetables-fallen-oil-bottle-lemons-spices-green-bundles-black-table_140725-160496.jpg"
|
||
imageAlt="Chef preparing a gourmet dish"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="highlights" data-section="highlights">
|
||
<FeatureCardTwentySix
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Grilled Ribeye", description: "A perfectly grilled 16oz ribeye, seasoned to perfection and served with our chef's special sauce.", imageSrc: "http://img.b2bpic.net/free-photo/finely-cut-beef-steak-with-boiled-potatoes-herbs-glass-red-wine_114579-1536.jpg", imageAlt: "Grilled Ribeye Steak", buttonIcon: ForkKnife,
|
||
},
|
||
{
|
||
title: "Smoked Brisket", description: "Slow-smoked for twelve hours until tender, served with a tangy BBQ glaze and homemade coleslaw.", imageSrc: "http://img.b2bpic.net/free-photo/rib-rib-restaurant-process-preparing-pork-ribs-open-fire_1321-4666.jpg", imageAlt: "Smoked Brisket", buttonIcon: ForkKnife,
|
||
},
|
||
{
|
||
title: "Classic Pork Belly", description: "Crispy on the outside, succulent on the inside. A rich and flavorful dish with a delicate balance of spices.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-neck-white-plate-wooden-table_1150-21264.jpg", imageAlt: "Classic Pork Belly", buttonIcon: ForkKnife,
|
||
},
|
||
{
|
||
title: "Seasonal Vegetable Platter", description: "A vibrant assortment of farm-fresh vegetables, roasted to perfection and lightly seasoned.", imageSrc: "http://img.b2bpic.net/free-photo/green-salad-with-chopped-lettuce-purple-cabbages-chili-pepper-tomatoes_114579-70222.jpg", imageAlt: "Seasonal Vegetable Platter", buttonIcon: ForkKnife,
|
||
},
|
||
]}
|
||
title="Signature Dishes"
|
||
description="Experience the best of Bones Restaurant with our critically acclaimed and customer-favorite selections, meticulously prepared for your enjoyment."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "dish-1", name: "Slow-Cooked Lamb Shank", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-boiled-meat-with-cooked-potatoes-dark-background-dish-sauce-cuisine-hot-dinner-kitchen-meat-cooking_140725-158189.jpg", imageAlt: "Slow-Cooked Lamb Shank"},
|
||
{
|
||
id: "dish-2", name: "Pan-Seared Salmon", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-vegetables-table_140725-750.jpg", imageAlt: "Pan-Seared Salmon"},
|
||
{
|
||
id: "dish-3", name: "Bones Burger Deluxe", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-beef-meat-pickles-tomatoes-served-with-french-fries-sauces-black_140725-11867.jpg", imageAlt: "Bones Burger Deluxe"},
|
||
{
|
||
id: "dish-4", name: "Creamy Mushroom Risotto", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/scrambled-eggs-veggies-salad-top-view_23-2148440358.jpg", imageAlt: "Creamy Mushroom Risotto"},
|
||
{
|
||
id: "dish-5", name: "Chocolate Lava Cake", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-lava-dessert_74190-1891.jpg", imageAlt: "Chocolate Lava Cake"},
|
||
{
|
||
id: "dish-6", name: "Artisan Cheese Board", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-picnic-food-with-glasses-wine_23-2148247733.jpg", imageAlt: "Artisan Cheese Board"},
|
||
]}
|
||
title="Our Full Menu"
|
||
description="Explore a diverse range of appetizers, main courses, and decadent desserts, all prepared with passion and the finest ingredients for an unparalleled dining experience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "metric-1", value: "15+", title: "Years Serving You", description: "Since our humble beginnings, we've proudly grown, continuously evolving to delight your palate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3ntf6", imageAlt: "Years serving icon"},
|
||
{
|
||
id: "metric-2", value: "250K+", title: "Happy Customers", description: "Thousands of guests have enjoyed our hospitality, delicious food, and inviting atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14512.jpg", imageAlt: "Happy customers icon"},
|
||
{
|
||
id: "metric-3", value: "10+", title: "Culinary Awards", description: "Recognized for excellence in taste and dining experience, a testament to our dedicated team.", imageSrc: "http://img.b2bpic.net/free-photo/winner-concept-with-golden-ballerina_23-2149059963.jpg", imageAlt: "Culinary awards icon"},
|
||
]}
|
||
title="Our Milestones"
|
||
description="Celebrating years of culinary passion and dedicated service, Bones Restaurant has achieved significant milestones through the support of our beloved community."
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardTen
|
||
useInvertedBackground={true}
|
||
title="Our Leadership Team"
|
||
tag="Guiding Bones Restaurant"
|
||
membersAnimation="slide-up"
|
||
members={[
|
||
{
|
||
id: "member-1", name: "David Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/team1.jpg", imageAlt: "David Chen, CEO & Founder"},
|
||
{
|
||
id: "member-2", name: "Sophia Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/team2.jpg", imageAlt: "Sophia Rodriguez, Restaurant Manager"},
|
||
{
|
||
id: "member-3", name: "Chef Alex Volkov", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/team3.jpg", imageAlt: "Chef Alex Volkov, Executive Chef"},
|
||
{
|
||
id: "member-4", name: "Maria Lopez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/team4.jpg", imageAlt: "Maria Lopez, Operations Director"},
|
||
]}
|
||
memberVariant="card"
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t-1", name: "Sarah J.", role: "Satisfied Diner", testimonial: "A truly five-star experience! The steak was incredible, and the service was beyond compare. Bones Restaurant consistently delivers excellence.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg", imageAlt: "Community member Sarah J."},
|
||
{
|
||
id: "t-2", name: "Michael C.", role: "Returning Guest", testimonial: "The atmosphere here is wonderful, and the food never disappoints. Highly recommend Bones for any occasion, a true community favorite!", imageSrc: "http://img.b2bpic.net/free-photo/man-with-notebook-using-smartphone_23-2147793066.jpg", imageAlt: "Community member Michael C."},
|
||
{
|
||
id: "t-3", name: "Emily R.", role: "Local Foodie", testimonial: "The smoked brisket is a masterpiece – tender and packed with flavor. This place gets top marks in my book for authentic, delicious meals.", imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg", imageAlt: "Community member Emily R."},
|
||
{
|
||
id: "t-4", name: "David K.", role: "Frequent Visitor", testimonial: "Always a pleasure to dine here. The wine pairings are excellent, and the staff's warmth makes every visit special. A consistently high rating from me!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005414.jpg", imageAlt: "Community member David K."},
|
||
{
|
||
id: "t-5", name: "Jessica L.", role: "Neighborhood Supporter", testimonial: "Bones is a beloved local spot! The quality of food and welcoming vibe is unmatched. It’s a definite 5/5 for family dinners and gatherings.", imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg", imageAlt: "Community member Jessica L."},
|
||
]}
|
||
title="Community Opinions & Ratings"
|
||
description="Discover what our vibrant community and esteemed patrons have to say about their dining experiences at Bones Restaurant."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "What are your current operating hours?", content: "Bones Restaurant is open for dinner service Tuesday through Sunday, from 5:00 PM to 10:00 PM. We are closed on Mondays."},
|
||
{
|
||
id: "faq-2", title: "How can I book a table?", content: "Reservations can be made conveniently through our website's 'Contact' section or by calling us directly at [Phone Number] during business hours. We recommend booking in advance, especially for weekends."},
|
||
{
|
||
id: "faq-3", title: "Do you offer private dining or catering services?", content: "Yes, we are delighted to host private events and offer catering tailored to your specific needs. Please reach out to our events coordinator via the 'Contact' section to discuss your arrangements."},
|
||
{
|
||
id: "faq-4", title: "Are there options for dietary restrictions or allergies?", content: "Our culinary team is committed to accommodating dietary restrictions and allergies. Please inform your server upon arrival about any concerns, and we will guide you through suitable menu options or prepare special requests."},
|
||
{
|
||
id: "faq-5", title: "Is there parking available at the restaurant?", content: "Valet parking is available for all our guests during operating hours. Additionally, there are several public parking garages within walking distance."},
|
||
{
|
||
id: "faq-6", title: "What is the dress code for Bones Restaurant?", content: "We recommend smart casual attire for an enjoyable dining experience. While not strictly enforced, many of our guests prefer to dress up for the occasion."},
|
||
]}
|
||
title="Operational Questions & Answers"
|
||
description="Essential information to help you plan your visit, covering everything from reservations and dietary needs to special events and parking."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
tag="Connect with Us"
|
||
title="Plan Your Visit"
|
||
description="Visit us at 123 Main Street, Anytown, USA. We are open Tuesday - Sunday from 5:00 PM to 10:00 PM. For reservations or inquiries, please call us at (555) 123-4567."
|
||
buttons={[
|
||
{
|
||
text: "Book a Table", href: "#contact"},
|
||
{
|
||
text: "Get Directions", href: "#"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="Bones"
|
||
columns={[
|
||
{
|
||
title: "Menu", items: [
|
||
{
|
||
label: "Appetizers", href: "#menu"},
|
||
{
|
||
label: "Main Courses", href: "#menu"},
|
||
{
|
||
label: "Desserts", href: "#menu"},
|
||
{
|
||
label: "Drinks", href: "#menu"},
|
||
],
|
||
},
|
||
{
|
||
title: "About Us", items: [
|
||
{
|
||
label: "Our Story", href: "#about"},
|
||
{
|
||
label: "Our Team", href: "#team"},
|
||
{
|
||
label: "Reviews", href: "#reviews"},
|
||
{
|
||
label: "Awards", href: "#metrics"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{
|
||
label: "Reservations", href: "#contact"},
|
||
{
|
||
label: "Location", href: "#contact"},
|
||
{
|
||
label: "Careers", href: "#"},
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Bones Restaurant. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |