199 lines
8.9 KiB
TypeScript
199 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Menu", id: "/menu"},
|
|
{
|
|
name: "About", id: "/about"},
|
|
{
|
|
name: "Order Online", id: "/order"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "/order"}}
|
|
brandName="The Kitchen on Main"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
title="Local Flavor. Elevated Comfort Food."
|
|
description="Burgers, sandwiches, wraps, and handcrafted dishes made fresh in the heart of Fortville."
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "/menu"},
|
|
{
|
|
text: "Order Online", href: "/order"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/barista-with-drink-looking-away_23-2147830585.jpg?_wi=1", imageAlt: "Modern restaurant interior"},
|
|
{
|
|
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=1", imageAlt: "Gourmet bacon cheeseburger"},
|
|
{
|
|
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg?_wi=1", imageAlt: "Crispy loaded cheese fries"},
|
|
{
|
|
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/tasty-salad-plate_23-2147761589.jpg?_wi=1", imageAlt: "Fresh garden salad"},
|
|
{
|
|
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/barista-with-drink-looking-away_23-2147830585.jpg?_wi=2", imageAlt: "Cozy restaurant setting"},
|
|
{
|
|
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=2", imageAlt: "Artisan craft burger"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured" data-section="featured">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Tyson Burger", price: "$16.49", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=3"},
|
|
{
|
|
id: "p2", name: "Cheeseburger Fries", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg?_wi=2"},
|
|
{
|
|
id: "p3", name: "Southwest Chicken Salad", price: "$14.49", imageSrc: "http://img.b2bpic.net/free-photo/tasty-salad-plate_23-2147761589.jpg?_wi=2"},
|
|
{
|
|
id: "p4", name: "Nashville Ranch Wrap", price: "$13.49", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=4"},
|
|
{
|
|
id: "p5", name: "BBB BBQ Bacon Bleu", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=5"},
|
|
{
|
|
id: "p6", name: "Mozzarella Sticks", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg?_wi=3"},
|
|
]}
|
|
title="Featured Favorites"
|
|
description="Handpicked comfort classics that keep our guests coming back."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah Johnson", role: "Local", company: "Fortville Resident", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg"},
|
|
{
|
|
id: "t2", name: "Michael Chen", role: "Regular", company: "Fortville Business", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg"},
|
|
{
|
|
id: "t3", name: "Emily Rodriguez", role: "Visitor", company: "Neighbor", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018831.jpg"},
|
|
{
|
|
id: "t4", name: "David Kim", role: "Family", company: "Fortville Resident", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg"},
|
|
{
|
|
id: "t5", name: "Jessica White", role: "Foodie", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-checks-bitcoin-constancy_549566-80.jpg"},
|
|
]}
|
|
title="Guest Favorites"
|
|
description="Don't just take our word for it—our neighbors love The Kitchen on Main."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about dining with us."
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you offer catering?", content: "Yes, we offer catering services for small and large events."},
|
|
{
|
|
id: "f2", title: "Are there dietary or gluten-free options?", content: "We strive to accommodate dietary restrictions. We offer several gluten-free bun alternatives and can adapt many of our salads and bowls to be gluten-free. Please alert your server when ordering."},
|
|
{
|
|
id: "f3", title: "Is the restaurant family-friendly?", content: "Absolutely! We have a kids' menu and high chairs available."},
|
|
{
|
|
id: "f4", title: "Where are you located?", content: "We are located right on Main Street in downtown Fortville."},
|
|
{
|
|
id: "f5", title: "Can I order for pickup?", content: "Yes, use our website or give us a call for easy pickup orders."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Proudly Serving Fortville"
|
|
description="Join our community of happy diners."
|
|
names={[
|
|
"Fortville Community Chamber", "The Daily Grind", "Main Street Merchants", "Indiana Local Foodies", "Hancock County Eats"]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "/"},
|
|
{
|
|
label: "Menu", href: "/menu"},
|
|
{
|
|
label: "About", href: "/about"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Order Online", href: "/order"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Fortville, IN", href: "#"},
|
|
{
|
|
label: "Open Daily", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="The Kitchen on Main"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |