286 lines
16 KiB
TypeScript
286 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="medium"
|
||
sizing="medium"
|
||
background="fluid"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#home"},
|
||
{
|
||
name: "About Us", id: "#about"},
|
||
{
|
||
name: "Menu", id: "#menu"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-vector/barbecue-grill_24908-55703.jpg"
|
||
logoAlt="Big Fellas Grill logo"
|
||
brandName="Big Fellas Grill"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboard
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Big Fellas Grill"
|
||
description="Experience the best of hearty American grilling. From perfectly seared steaks to smoky BBQ ribs, every dish is crafted for exceptional flavor and satisfaction. Join us for a memorable dining experience."
|
||
buttons={[
|
||
{
|
||
text: "View Our Menu", href: "#menu"},
|
||
{
|
||
text: "Make a Reservation", href: "#contact"},
|
||
]}
|
||
imageSrc="https://images.unsplash.com/photo-1579737151049-5567b4c4f039?auto=format&fit=crop&q=80&w=1920&h=1080&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||
imageAlt="Delicious grilled steak on a platter"
|
||
mediaAnimation="opacity"
|
||
avatars={[
|
||
{
|
||
src: "https://images.unsplash.com/photo-1560250097-0b732298679f?auto=format&fit=crop&q=80&w=100&h=100", alt: "Smiling customer"},
|
||
{
|
||
src: "https://images.unsplash.com/photo-1514933651103-005eec06c4ee?auto=format&fit=crop&q=80&w=100&h=100", alt: "Happy woman dining"},
|
||
{
|
||
src: "https://images.unsplash.com/photo-1507003211169-e695c6bdd279?auto=format&fit=crop&q=80&w=100&h=100", alt: "Satisfied man"},
|
||
{
|
||
src: "https://images.unsplash.com/photo-1517248135467-4c7edab717fa?auto=format&fit=crop&q=80&w=100&h=100", alt: "Couple enjoying dinner"},
|
||
{
|
||
src: "https://images.unsplash.com/photo-1577219491135-f62e4253d2c6?auto=format&fit=crop&q=80&w=100&h=100", alt: "Confident chef"},
|
||
]}
|
||
avatarText="Join 1000+ happy diners!"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Prime Steaks"},
|
||
{
|
||
type: "text", text: "Smoky Ribs"},
|
||
{
|
||
type: "text", text: "Gourmet Burgers"},
|
||
{
|
||
type: "text", text: "Fresh Salads"},
|
||
{
|
||
type: "text", text: "Craft Beers"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={false}
|
||
title="Our Story & Passion for Grilling"
|
||
description="At Big Fellas Grill, we believe in the timeless art of grilling. Our journey began with a simple passion: to serve robust, flavorful dishes made with the finest ingredients. Every cut of meat is hand-selected and prepared with expertise, ensuring a dining experience that's both comforting and extraordinary."
|
||
metrics={[
|
||
{
|
||
value: "20+", title: "Years Grilling"},
|
||
{
|
||
value: "100%", title: "Satisfaction"},
|
||
{
|
||
value: "Top", title: "Quality Ingredients"},
|
||
]}
|
||
imageSrc="https://images.unsplash.com/photo-1517676643794-cf564f7b2c01?auto=format&fit=crop&q=80&w=800&h=600&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||
imageAlt="Chef grilling meat on a hot grill"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="opacity"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
carouselMode="buttons"
|
||
features={[
|
||
{
|
||
title: "Smoky BBQ Ribs", description: "Slow-smoked to perfection, falling off the bone, and smothered in our homemade tangy BBQ sauce.", imageSrc: "https://images.unsplash.com/photo-1587584107127-d0d5b4d7c71e?auto=format&fit=crop&q=80&w=600&h=400", imageAlt: "Plate of smoky BBQ ribs"},
|
||
{
|
||
title: "The Big Fella Burger", description: "A juicy, handcrafted patty topped with melted cheese, crispy bacon, and our special Big Fellas sauce.", imageSrc: "https://images.unsplash.com/photo-1571091718767-18b5b1457add?auto=format&fit=crop&q=80&w=600&h=400", imageAlt: "Gourmet burger with cheese and bacon"},
|
||
{
|
||
title: "Perfectly Seared Steak", description: "Premium cuts, seasoned and grilled to your exact preference, delivering a tender and unforgettable bite.", imageSrc: "https://images.unsplash.com/photo-1627393208761-0f7300c3b069?auto=format&fit=crop&q=80&w=600&h=400", imageAlt: "Perfectly seared steak with herbs"},
|
||
]}
|
||
title="Our Signature Creations"
|
||
description="Discover the dishes that make Big Fellas Grill a local favorite. Each item is a testament to our dedication to flavor and culinary excellence."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "steak", brand: "Big Fellas Cuts", name: "Signature Ribeye Steak", price: "$32.99", rating: 5,
|
||
reviewCount: "250+", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?auto=format&fit=crop&q=80&w=400&h=400", imageAlt: "Signature Ribeye Steak"},
|
||
{
|
||
id: "burger", brand: "The Classic", name: "The Big Fella Burger", price: "$16.99", rating: 4.8,
|
||
reviewCount: "300+", imageSrc: "https://images.unsplash.com/photo-1586190848861-99aa4a171e90?auto=format&fit=crop&q=80&w=400&h=400", imageAlt: "The Big Fella Burger"},
|
||
{
|
||
id: "ribs", brand: "BBQ Masterpiece", name: "Smoky BBQ Ribs", price: "$28.99", rating: 4.9,
|
||
reviewCount: "280+", imageSrc: "https://images.unsplash.com/photo-1512403164175-9c5936319842?auto=format&fit=crop&q=80&w=400&h=400", imageAlt: "Smoky BBQ Ribs"},
|
||
{
|
||
id: "chicken", brand: "Grilled Delights", name: "Herb Grilled Chicken", price: "$19.99", rating: 4.7,
|
||
reviewCount: "150+", imageSrc: "https://images.unsplash.com/photo-1529193790518-8f85f8184d03?auto=format&fit=crop&q=80&w=400&h=400", imageAlt: "Herb Grilled Chicken"},
|
||
{
|
||
id: "fish", brand: "Ocean Catch", name: "Seared Salmon Fillet", price: "$24.99", rating: 4.6,
|
||
reviewCount: "120+", imageSrc: "https://images.unsplash.com/photo-1626804561021-d02462e7874b?auto=format&fit=crop&q=80&w=400&h=400", imageAlt: "Seared Salmon Fillet"},
|
||
{
|
||
id: "salad", brand: "Fresh Greens", name: "Big Fellas Garden Salad", price: "$12.99", rating: 4.5,
|
||
reviewCount: "100+", imageSrc: "https://images.unsplash.com/photo-1540189549336-e69e735e2978?auto=format&fit=crop&q=80&w=400&h=400", imageAlt: "Big Fellas Garden Salad"},
|
||
]}
|
||
title="Explore Our Full Menu"
|
||
description="From prime steaks to hearty burgers and fresh salads, our menu offers something delicious for everyone."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
carouselMode="buttons"
|
||
uniformGridCustomHeightClasses="min-h-none"
|
||
animationType="slide-up"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah J.", role: "Local Foodie", testimonial: "The ribeye was cooked to perfection, incredibly tender and juicy. Big Fellas Grill never disappoints! A must-visit for any steak lover.", imageSrc: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&q=80&w=100&h=100", imageAlt: "Sarah J."},
|
||
{
|
||
id: "2", name: "Mark D.", role: "Regular Patron", testimonial: "Their Big Fella Burger is legendary! Hands down the best burger in town. The atmosphere is great too.", imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&q=80&w=100&h=100", imageAlt: "Mark D."},
|
||
{
|
||
id: "3", name: "Emily R.", role: "Family Diner", testimonial: "We brought the whole family, and everyone found something they loved. The BBQ ribs were a huge hit with the kids!", imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&q=80&w=100&h=100", imageAlt: "Emily R."},
|
||
{
|
||
id: "4", name: "David L.", role: "Business Traveler", testimonial: "Excellent service and a fantastic meal. The grilled chicken was surprisingly flavorful and cooked just right. Highly recommend!", imageSrc: "https://images.unsplash.com/photo-1507003211169-e695c6bdd279?auto=format&fit=crop&q=80&w=100&h=100", imageAlt: "David L."},
|
||
{
|
||
id: "5", name: "Jessica M.", role: "Casual Diner", testimonial: "Came here for a quick dinner and was thoroughly impressed. The salmon was fresh and perfectly seared. Will definitely be back!", imageSrc: "https://images.unsplash.com/photo-1546961342-ea588bc05012?auto=format&fit=crop&q=80&w=100&h=100", imageAlt: "Jessica M."},
|
||
]}
|
||
title="What Our Guests Say"
|
||
description="Don't just take our word for it – hear from our happy customers who love the Big Fellas Grill experience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "Do you offer vegetarian options?", content: "Yes, we have a variety of vegetarian-friendly dishes, including our Big Fellas Garden Salad and a delicious grilled vegetable platter. Please ask your server for today's specials."},
|
||
{
|
||
id: "faq-2", title: "Can I make a reservation online?", content: "Absolutely! You can easily make a reservation through our website's contact form, or by calling us directly during business hours. We recommend booking in advance for weekend evenings."},
|
||
{
|
||
id: "faq-3", title: "Do you cater for events?", content: "Big Fellas Grill offers catering services for various events, from corporate gatherings to private parties. Our team can help you customize a menu to suit your needs. Please contact us for more details."},
|
||
{
|
||
id: "faq-4", title: "What are your opening hours?", content: "We are open Tuesday to Sunday from 11:30 AM to 10:00 PM. We are closed on Mondays. Happy hour specials run daily from 4:00 PM to 6:00 PM."},
|
||
]}
|
||
imageSrc="https://images.unsplash.com/photo-1517248135467-4c7edab717fa?auto=format&fit=crop&q=80&w=800&h=600&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||
imageAlt="Cozy restaurant interior"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="left"
|
||
title="Frequently Asked Questions"
|
||
description="Have questions about our menu, reservations, or anything else? Find quick answers here."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Contact & Reservations"
|
||
description="Ready to savor the flavor? Reach out to us for reservations, catering inquiries, or any questions you may have. We look forward to hearing from you!"
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||
},
|
||
{
|
||
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Your Message or Reservation Details", rows: 4,
|
||
}}
|
||
imageSrc="https://images.unsplash.com/photo-1555567228-580a656461a3?auto=format&fit=crop&q=80&w=800&h=600&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||
imageAlt="Restaurant exterior at night"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="right"
|
||
buttonText="Send Message"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="https://images.unsplash.com/photo-1559929846-9917534c004c?auto=format&fit=crop&q=80&w=1920&h=1080"
|
||
imageAlt="Abstract restaurant ambiance background"
|
||
logoSrc="http://img.b2bpic.net/free-vector/barbecue-grill_24908-55703.jpg"
|
||
logoAlt="Big Fellas Grill logo"
|
||
logoText="Big Fellas Grill"
|
||
columns={[
|
||
{
|
||
title: "Explore", items: [
|
||
{
|
||
label: "Home", href: "#home"},
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Our Menu", href: "#menu"},
|
||
{
|
||
label: "Testimonials", href: "#testimonials"},
|
||
],
|
||
},
|
||
{
|
||
title: "Support", items: [
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
{
|
||
label: "Contact Us", href: "#contact"},
|
||
{
|
||
label: "Reservations", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Big Fellas Grill. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |