290 lines
9.1 KiB
TypeScript
290 lines
9.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "home",
|
|
href: "/",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
href: "/menu",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
href: "/about",
|
|
},
|
|
{
|
|
name: "Location",
|
|
id: "location",
|
|
href: "/location",
|
|
},
|
|
{
|
|
name: "Order",
|
|
id: "order",
|
|
href: "/order",
|
|
},
|
|
]}
|
|
brandName="Mutt & Jeff's"
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Chicken Fried Steak",
|
|
price: "$15.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg?_wi=1",
|
|
imageAlt: "crispy chicken fried steak with gravy",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Double Decker Club",
|
|
price: "$12.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sandwich-with-olive-ham-tomatoes-vegetables-inside-plate-with-french-fries-wooden-sandwich-food-snack-breakfast-photo_140725-20920.jpg?_wi=1",
|
|
imageAlt: "tall double decker club sandwich with fries",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Philly Cheesesteak",
|
|
price: "$13.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traditional-choripan-argentina-sandwich-with-chorizo-chimichurri-sauce-black-slate-background_123827-29877.jpg?_wi=1",
|
|
imageAlt: "philly cheesesteak sandwich with melted cheese",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Crispy Fried Chicken",
|
|
price: "$14.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-box_123827-22210.jpg?_wi=1",
|
|
imageAlt: "golden brown crispy fried chicken drumsticks",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Homemade Onion Rings",
|
|
price: "$7.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187944.jpg?_wi=1",
|
|
imageAlt: "pile of crispy onion rings with ranch dip",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Creamy Banana Pudding",
|
|
price: "$6.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-recipe-with-plantain-banana_23-2151127828.jpg?_wi=1",
|
|
imageAlt: "dessert bowl of creamy banana pudding",
|
|
},
|
|
]}
|
|
title="Our Legendary Menu"
|
|
description="From classic comfort food to signature dishes, every item is crafted with passion and the freshest ingredients."
|
|
tag="Taste the Tradition"
|
|
tagIcon={UtensilsCrossed}
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardTwentyThree
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Grilled Pork Ribeye",
|
|
tags: [
|
|
"Dinner",
|
|
"Seasonal",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring-with-sauce-fresh-vegetable_74190-9937.jpg",
|
|
imageAlt: "fried pork ribeye plate with sides",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Gourmet Mushroom Swiss Burger",
|
|
tags: [
|
|
"Lunch",
|
|
"Burger",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/background-delicious-burger-hand-drawn-style_23-2147624763.jpg?_wi=2",
|
|
imageAlt: "gourmet mushroom swiss burger",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Fresh Berry Summer Salad",
|
|
tags: [
|
|
"Light Fare",
|
|
"Seasonal",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-plate-with-wine_23-2147716927.jpg?_wi=2",
|
|
imageAlt: "vibrant berry salad with vinaigrette",
|
|
},
|
|
]}
|
|
title="Today's Specials"
|
|
description="Discover exciting new flavors or enjoy seasonal favorites, available for a limited time!"
|
|
tag="Daily Delights"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "John D.",
|
|
role: "Local Foodie",
|
|
testimonial: "Mutt & Jeff's is a true culinary treasure. Every dish feels like it's made with love. The Chicken Fried Steak is a must-try!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-delicious-cheese_23-2150062643.jpg?_wi=1",
|
|
imageAlt: "avatar of John D.",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sarah L.",
|
|
role: "Regular Guest",
|
|
testimonial: "The Double Decker Club is my absolute favorite. Portions are generous and the service is always so friendly.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-cup-coffee_23-2148953567.jpg?_wi=1",
|
|
imageAlt: "avatar of Sarah L.",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Michael P.",
|
|
role: "Happy Customer",
|
|
testimonial: "You can taste the homemade quality in every bite. Their Fried Chicken is perfectly crispy and juicy.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-happy-andpositive-pointing-with-index-fingers-standing-purple-wall_141793-82234.jpg?_wi=1",
|
|
imageAlt: "avatar of Michael P.",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Emily R.",
|
|
role: "Dessert Lover",
|
|
testimonial: "I always save room for the Banana Pudding. It's the best I've ever had, just like grandma used to make!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-have-sushi-time-restaurant_496169-277.jpg?_wi=1",
|
|
imageAlt: "avatar of Emily R.",
|
|
},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Hear from satisfied diners who keep coming back for more homemade goodness."
|
|
tag="Rave Reviews"
|
|
tagIcon={Star}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Menu",
|
|
items: [
|
|
{
|
|
label: "Appetizers",
|
|
href: "/menu#appetizers",
|
|
},
|
|
{
|
|
label: "Entrées",
|
|
href: "/menu#entrees",
|
|
},
|
|
{
|
|
label: "Sandwiches",
|
|
href: "/menu#sandwiches",
|
|
},
|
|
{
|
|
label: "Desserts",
|
|
href: "/menu#desserts",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "About Us",
|
|
items: [
|
|
{
|
|
label: "Our Story",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Our Team",
|
|
href: "/about#team",
|
|
},
|
|
{
|
|
label: "Values",
|
|
href: "/about#values",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Location & Hours",
|
|
href: "/location",
|
|
},
|
|
{
|
|
label: "Contact Us",
|
|
href: "/location",
|
|
},
|
|
{
|
|
label: "FAQs",
|
|
href: "/location#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Order",
|
|
items: [
|
|
{
|
|
label: "Order Online",
|
|
href: "/order",
|
|
},
|
|
{
|
|
label: "Pickup",
|
|
href: "/order",
|
|
},
|
|
{
|
|
label: "Delivery",
|
|
href: "/order",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Mutt & Jeff's"
|
|
copyrightText="© 2024 Mutt & Jeff's. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|