bender/faf9523d-6dee-4e76-a8a2-6a61d37ecb10
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 5 commits from version_1 into main 2026-03-24 22:14:25 +00:00
Conversation 0 Commits 5 Files Changed 5 +287 -1005
5 changed files with 287 additions and 1005 deletions
Download Patch File Download Diff File Expand all files Collapse all files

335
src/app/about/page.tsx
View File

@@ -2,15 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Building, Heart, Home, Lightbulb, MessageCircle, Users } from "lucide-react";
import FeatureBorderGlow from '@/components/sections/feature/FeatureBorderGlow';
import MediaAbout from '@/components/sections/about/MediaAbout';
import { BowlFood, CookingPot, HeartHandshake, ChefHat, FryingPan, Handshake, Leaf } from 'lucide-react';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -25,275 +22,65 @@ export default function LandingPage() {
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="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "/"},
{
name: "Menu", id: "/menu"},
{
name: "About", id: "/about"},
{
name: "Location", id: "/location"},
{
name: "Order", id: "/order"},
]}
brandName="Mutt & Jeff's"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
title="Our Story: Where Homemade Meets Legendary"
description="Mutt & Jeff's began with a simple idea: to bring honest, homemade cooking to our community. For over 30 years, we've poured our hearts into every dish, creating a place where delicious food and warm hospitality are always on the menu. Our commitment to quality ingredients and time-honored recipes is what makes every visit a memorable one."
tag="Our Heritage"
tagIcon={Building}
bulletPoints={[
{
title: "Crafted with Care",
description: "Every meal prepared from scratch, ensuring authentic flavors and quality.",
icon: Soup,
},
{
title: "Family Recipes",
description: "Time-honored dishes passed down through generations, perfected for today.",
icon: Cooker,
},
{
title: "Community Focused",
description: "Sourcing local whenever possible and giving back to the neighborhood.",
icon: HeartHandshake,
},
]}
imageSrc="http://img.b2bpic.net/free-vector/background-delicious-burger-hand-drawn-style_23-2147624763.jpg?_wi=3"
imageAlt="Vintage illustration of a local diner, symbolizing local roots"
mediaAnimation="slide-up"
/>
</div>
<div id="our-story" data-section="our-story">
<MediaAbout
useInvertedBackground={false}
title="Our Story: A Legacy of Flavor"
description="Mutt & Jeff’s began as a cherished local spot, serving up Southern comfort with a side of genuine hospitality. Over the years, we've grown, but our commitment to scratch-made meals and a welcoming atmosphere remains the same. Every dish tells a story, and every guest becomes part of our family."
imageSrc="http://img.b2bpic.net/free-vector/background-delicious-burger-hand-drawn-style_23-2147624763.jpg"
imageAlt="Illustration of Mutt & Jeff's original burger stand"
/>
</div>
<div id="feature" data-section="feature">
<FeatureBorderGlow
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: ChefHat,
title: "Homemade Quality",
description: "We believe fresh, quality ingredients make all the difference in taste.",
},
{
icon: Pan,
title: "Generous Portions",
description: "You'll never leave hungry – hearty meals are our promise.",
},
{
icon: Handshake,
title: "Friendly Service",
description: "Warm smiles and welcoming attitudes make every visit special.",
},
{
icon: Leaf,
title: "Fresh Ingredients",
description: "We prioritize fresh, locally sourced ingredients for peak flavor.",
},
{
icon: Home,
title: "Warm Atmosphere",
description: "Our cozy diner feels like an extension of your own dining room.",
},
{
icon: Heart,
title: "Community Love",
description: "Rooted in our community, we're proud to serve our neighbors.",
},
]}
title="Values That Guide Us"
description="More than just food, we believe in creating an experience built on core principles that make Mutt & Jeff's feel like home."
tag="Our Philosophy"
tagIcon={Lightbulb}
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "1",
name: "Mutt",
role: "Head Chef & Co-Founder",
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=2",
imageAlt: "Chef Mutt, co-founder of Mutt & Jeff's",
},
{
id: "2",
name: "Jeff",
role: "General Manager & Co-Founder",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-cup-coffee_23-2148953567.jpg?_wi=2",
imageAlt: "Jeff, co-founder and general manager of Mutt & Jeff's",
},
{
id: "3",
name: "Sarah P.",
role: "Head Baker",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-have-sushi-time-restaurant_496169-277.jpg?_wi=2",
imageAlt: "Sarah P., head baker at Mutt & Jeff's",
},
]}
title="Meet Our Passionate Team"
description="The dedicated individuals who bring the Mutt & Jeff's experience to life, day in and day out."
tag="Our Family"
tagIcon={Users}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "David C.",
role: "Satisfied Customer",
testimonial: "Best chicken fried steak I've ever had! The gravy is incredible and the service always comes with a smile.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-delicious-cheese_23-2150062643.jpg?_wi=2",
imageAlt: "avatar of David C.",
},
{
id: "2",
name: "Lisa K.",
role: "Neighborhood Regular",
testimonial: "A true neighborhood gem. The atmosphere is so welcoming, and their banana pudding is to die for.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-have-sushi-time-restaurant_496169-277.jpg?_wi=3",
imageAlt: "avatar of Lisa K.",
},
{
id: "3",
name: "Robert G.",
role: "Happy Diner",
testimonial: "Mutt & Jeff's is our go-to spot. Consistently delicious food and you can tell everything is made with love.",
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=3",
imageAlt: "avatar of Robert G.",
},
{
id: "4",
name: "Maria S.",
role: "Family Patron",
testimonial: "Always a fantastic experience. The portions are generous, and the staff treats you like family.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-cup-coffee_23-2148953567.jpg?_wi=3",
imageAlt: "avatar of Maria S.",
},
]}
title="Love from Our Guests"
description="Read what our cherished customers have to say about their experience at Mutt & Jeff's."
tag="Voices of Delight"
tagIcon={MessageCircle}
/>
</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>
<div id="what-we-believe" data-section="what-we-believe">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tag="Our Values"
tagIcon={HeartHandshake}
title="More Than Just a Meal"
description="Our philosophy is simple: good food, good people, good times. We believe in the power of a homemade meal to bring people together, and we strive to create an experience that feels like home, every single visit."
features={[
{
icon: BowlFood,
title: "Scratch-Made Goodness", description: "Every dish, from our signature fried chicken to our daily specials, is prepared fresh in-house."},
{
icon: CookingPot,
title: "Generous Portions", description: "We believe in hearty meals that satisfy. You'll never leave Mutt & Jeff's hungry."},
{
icon: ChefHat,
title: "Family Recipes", description: "Our menu features time-honored Southern recipes passed down through generations."},
{
icon: FryingPan,
title: "Fresh, Local Ingredients", description: "We partner with local farms to source the freshest ingredients whenever possible."},
{
icon: Handshake,
title: "Warm Hospitality", description: "Our friendly staff ensures every guest feels like family, providing service with a smile."},
{
icon: Leaf,
title: "Community Focused", description: "We're proud to be a cornerstone of our community, supporting local events and initiatives."},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

239
src/app/location/page.tsx
View File

@@ -2,14 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { HelpCircle, MapPin, Smile } from "lucide-react";
import ContactCTABackground from '@/components/sections/contact/ContactCTABackground';
import MapAndAddress from '@/components/sections/contact/MapAndAddress';
export default function LandingPage() {
export default function LocationPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -24,196 +21,50 @@ export default function LandingPage() {
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="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "/"},
{
name: "Menu", id: "/menu"},
{
name: "About", id: "/about"},
{
name: "Location", id: "/location"},
{
name: "Order", id: "/order"},
]}
brandName="Mutt & Jeff's"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Your Neighborhood Eatery"
title="Find Us & Say Hello!"
description="Mutt & Jeff's is conveniently located in the heart of the city, easily accessible for all your comfort food cravings. Stop by, dine-in, or pick up your order!"
tagIcon={MapPin}
imageSrc="http://img.b2bpic.net/free-vector/background-delicious-burger-hand-drawn-style_23-2147624763.jpg?_wi=4"
imageAlt="Illustration of a local diner with welcoming lights"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Your message..."
buttonText="Get Directions"
termsText="123 Comfort Food Lane, Flavorville, TX 75001 - Open Mon-Sat 11 AM - 9 PM"
/>
</div>
<div id="our-location" data-section="our-location">
<MapAndAddress
useInvertedBackground={false}
title="Find Us at Mutt & Jeff’s"
description="We're conveniently located at the heart of the community. Come on down and enjoy a true Southern comfort meal!"
address="123 Main Street, Anytown, USA 12345"
phone="(555) 123-4567"
email="info@muttjeffs.com"
mapEmbedUrl="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.280194685377!2d-122.41941588468165!3d37.77492927975895!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80858087e5b5e7d1%3A0x46b7a4c7e4e1e0a!2sGolden%20Gate%20Bridge!5e0!3m2!1sen!2sus!4v1617196013620!5m2!1sen!2sus"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Is there parking available?",
content: "Yes, we have a dedicated parking lot for our customers located directly behind the restaurant. Street parking is also available nearby.",
},
{
id: "2",
title: "Do you take reservations?",
content: "We operate on a first-come, first-served basis for parties under 6. For larger groups, please call ahead to check availability and special arrangements.",
},
{
id: "3",
title: "Is the restaurant wheelchair accessible?",
content: "Absolutely! Our entrance, dining area, and restrooms are fully wheelchair accessible to ensure comfort for all our guests.",
},
{
id: "4",
title: "Are pets allowed?",
content: "We welcome service animals inside the restaurant. For other pets, we have limited outdoor patio seating where they are welcome to join you.",
},
]}
title="Questions About Your Visit?"
description="Find answers to common questions regarding our location, parking, and dining experience."
tag="Good to Know"
tagIcon={HelpCircle}
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Ready to Indulge?"
tagIcon={Smile}
title="We Can't Wait to Serve You!"
description="Experience the warmth and flavor that makes Mutt & Jeff's a local favorite. Come on down!"
buttons={[
{
text: "Get Directions",
href: "https://maps.google.com/?q=123 Comfort Food Lane, Flavorville, TX",
},
{
text: "View Our Menu",
href: "/menu",
},
]}
/>
</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>
<div id="contact-us" data-section="contact-us">
<ContactCTABackground
background={{ variant: "plain" }}
useInvertedBackground={false}
title="Got a Question? Drop Us a Line!"
description="Whether it's about our menu, catering, or just to say hello, we'd love to hear from you. Fill out the form or give us a call."
buttons={[
{
text: "Call Us", href: "tel:+15551234567"},
{
text: "Email Us", href: "mailto:info@muttjeffs.com"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

342
src/app/menu/page.tsx
View File

@@ -2,14 +2,12 @@
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";
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import { UtensilsCrossed } from 'lucide-react';
export default function LandingPage() {
export default function MenuPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -24,265 +22,85 @@ export default function LandingPage() {
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="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "/"},
{
name: "Menu", id: "/menu"},
{
name: "About", id: "/about"},
{
name: "Location", id: "/location"},
{
name: "Order", id: "/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="menu-hero" data-section="menu-hero">
<HeroSplit
background={{ variant: "plain" }}
title="Our Menu: Southern Comfort Elevated"
description="From breakfast classics to hearty dinners, every dish is made with love and the freshest ingredients."
imageSrc="http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg"
imageAlt="Signature chicken fried steak with homemade fries"
mediaAnimation="slide-up"
imagePosition="right"
fixedMediaHeight={false}
/>
</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="signature-dishes" data-section="signature-dishes">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tag="Must-Try"
tagIcon={UtensilsCrossed}
title="Signature Southern Dishes"
description="These are the dishes that have made us famous—authentic, hearty, and full of flavor."
features={[
{
id: "chicken-fried-steak", title: "Chicken Fried Steak", tags: ["Beef", "Classic", "Hearty"],
imageSrc: "http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg", imageAlt: "Chicken fried steak plate with gravy"},
{
id: "double-decker-club", title: "Double Decker Club", tags: ["Sandwich", "Lunch", "Fresh"],
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", imageAlt: "Double decker club sandwich with fries"},
{
id: "philly-cheesesteak", title: "Philly Cheesesteak", tags: ["Beef", "Cheesy", "Hot"],
imageSrc: "http://img.b2bpic.net/free-photo/traditional-choripan-argentina-sandwich-with-chorizo-chimichurri-sauce-black-slate-background_123827-29877.jpg", imageAlt: "Philly cheesesteak sandwich with melted cheese"},
{
id: "fried-chicken", title: "Fried Chicken", tags: ["Chicken", "Crispy", "Southern"],
imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-box_123827-22210.jpg", imageAlt: "Crispy fried chicken drumsticks"},
{
id: "onion-rings", title: "Onion Rings w/ Ranch", tags: ["Appetizer", "Crispy", "Side"],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187944.jpg", imageAlt: "Crispy onion rings with homemade ranch"},
{
id: "banana-pudding", title: "Banana Pudding", tags: ["Dessert", "Sweet", "Homemade"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-recipe-with-plantain-banana_23-2151127828.jpg", imageAlt: "Homemade banana pudding dessert"},
]}
/>
</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>
<div id="daily-specials" data-section="daily-specials">
<HeroSplit
background={{ variant: "plain" }}
title="Daily Specials: Always Fresh, Always Flavorful"
description="Ask your server about today's rotating specials. We're always cooking up something new and delicious!"
buttons={[
{
text: "Order Now", href: "/order"},
]}
imageSrc="http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring-with-sauce-fresh-vegetable_74190-9937.jpg"
imageAlt="Daily special: Fried pork ribeye plate with sides"
mediaAnimation="slide-up"
imagePosition="left"
fixedMediaHeight={false}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

310
src/app/order/page.tsx
View File

@@ -2,14 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, MessageCircle, Rocket, ShoppingCart } from "lucide-react";
import ContactCTABackground from '@/components/sections/contact/ContactCTABackground';
export default function LandingPage() {
export default function OrderPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -24,227 +21,92 @@ export default function LandingPage() {
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="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "/"},
{
name: "Menu", id: "/menu"},
{
name: "About", id: "/about"},
{
name: "Location", id: "/location"},
{
name: "Order", id: "/order"},
]}
brandName="Mutt & Jeff's"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "1. Browse Our Menu",
description: "Explore our full range of delicious dishes, from hearty entrées to sweet desserts. Find your cravings!",
imageSrc: "http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg?_wi=2",
imageAlt: "plate of chicken fried steak",
},
{
id: 2,
title: "2. Customize Your Order",
description: "Add special instructions or modify items to your taste, just like you would in person. We're happy to accommodate!",
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=2",
imageAlt: "double decker club sandwich",
},
{
id: 3,
title: "3. Choose Pickup or Delivery",
description: "Select your preferred method: quick pickup at our location or convenient doorstep delivery to your home.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-cutlery-with-brown-wooden-desk-blue-background-spoon-fork-color-photo-kitchen_140725-31076.jpg?_wi=2",
imageAlt: "generic icon for pickup/delivery",
},
{
id: 4,
title: "4. Secure Checkout",
description: "Complete your order with our easy and secure payment system. Get ready to enjoy your meal!",
imageSrc: "http://img.b2bpic.net/free-vector/rounded-vegan-food-logotypes_23-2147560689.jpg?_wi=2",
imageAlt: "generic icon for secure payment",
},
]}
title="Ordering Your Favorites is Easy!"
description="Follow these simple steps to enjoy Mutt & Jeff's homemade goodness from the comfort of your home."
tag="Quick & Convenient"
tagIcon={ShoppingCart}
/>
</div>
<div id="order-online" data-section="order-online">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
tag="Easy Order"
title="Order Your Favorites Online"
description="Browse our full menu and place your order for pickup or delivery. Fresh, hot, and ready when you are!"
products={[
{
id: "chicken-fried-steak", name: "Chicken Fried Steak", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/well-done-steak-with-homemade-fried-potatoes-sauces_140725-2239.jpg", imageAlt: "Chicken fried steak plate with gravy", initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart"},
},
{
id: "double-decker-club", 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", imageAlt: "Double decker club sandwich with fries", initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart"},
},
{
id: "philly-cheesesteak", name: "Philly Cheesesteak", price: "$13.75", imageSrc: "http://img.b2bpic.net/free-photo/traditional-choripan-argentina-sandwich-with-chorizo-chimichurri-sauce-black-slate-background_123827-29877.jpg", imageAlt: "Philly cheesesteak sandwich with melted cheese", initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart"},
},
{
id: "fried-chicken", name: "Fried Chicken (2 Pc)", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-box_123827-22210.jpg", imageAlt: "Crispy fried chicken drumsticks", initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart"},
},
{
id: "onion-rings", name: "Onion Rings w/ Ranch", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187944.jpg", imageAlt: "Crispy onion rings with homemade ranch", initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart"},
},
{
id: "banana-pudding", name: "Banana Pudding", price: "$6.25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-recipe-with-plantain-banana_23-2151127828.jpg", imageAlt: "Homemade banana pudding dessert", initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart"},
},
{
id: "sweet-tea", name: "Sweet Tea", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/ice-tea-with-lemon-mint_140725-33675.jpg", imageAlt: "Glass of sweet tea with lemon and mint", initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart"},
},
{
id: "milkshake", name: "Blue Bell Milkshake", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-cacao-with-whipped-cream-unhealthy-food_501050-680.jpg", imageAlt: "Blue Bell milkshake in a glass", initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart"},
},
]}
/>
</div>
<div id="product" data-section="product">
<ProductCardThree
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=3",
imageAlt: "crispy chicken fried steak with gravy",
initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart",
},
},
{
id: "2",
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=2",
imageAlt: "philly cheesesteak sandwich with melted cheese",
initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart",
},
},
{
id: "3",
name: "Crispy Fried Chicken Bucket",
price: "$29.99",
imageSrc: "http://img.b2bpic.net/free-photo/crispy-kentucky-fried-chicken-box_123827-22210.jpg?_wi=2",
imageAlt: "bucket of golden brown crispy fried chicken",
initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart",
},
},
{
id: "4",
name: "Creamy Banana Pudding",
price: "$6.50",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-recipe-with-plantain-banana_23-2151127828.jpg?_wi=2",
imageAlt: "dessert bowl of creamy banana pudding",
initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart",
},
},
{
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=2",
imageAlt: "pile of crispy onion rings with ranch dip",
initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart",
},
},
{
id: "6",
name: "Blue Bell Milkshake",
price: "$5.99",
imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-cacao-with-whipped-cream-unhealthy-food_501050-680.jpg",
imageAlt: "blue bell milkshake in a tall glass",
initialQuantity: 1,
priceButtonProps: {
text: "Add to Cart",
},
},
]}
title="Our Most Loved Online Orders"
description="These fan favorites are a click away from your table. Perfect for a quick meal or family dinner!"
tag="Customer Top Picks"
tagIcon={Award}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Olivia M.",
role: "Frequent User",
testimonial: "Ordering online is super fast and easy. My food arrived hot and delicious every time!",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-cup-coffee_23-2148953567.jpg?_wi=4",
imageAlt: "avatar of Olivia M.",
},
{
id: "2",
name: "James T.",
role: "Tech Enthusiast",
testimonial: "The app is very user-friendly. I can customize my order and get my favorites delivered right to my door, flawlessly.",
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=4",
imageAlt: "avatar of James T.",
},
{
id: "3",
name: "Sophia L.",
role: "On-the-Go Parent",
testimonial: "Pickup is a breeze! My order is always ready when I arrive, and the staff is so friendly and efficient.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-have-sushi-time-restaurant_496169-277.jpg?_wi=4",
imageAlt: "avatar of Sophia L.",
},
{
id: "4",
name: "Noah K.",
role: "Busy Professional",
testimonial: "Perfect for busy nights. Mutt & Jeff's always delivers on quality and taste, even for takeout. A lifesaver!",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-delicious-cheese_23-2150062643.jpg?_wi=3",
imageAlt: "avatar of Noah K.",
},
]}
title="Effortless Online Ordering"
description="Read what customers love about the convenience and quality of their online orders from Mutt & Jeff's."
tag="Hassle-Free"
tagIcon={Rocket}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{}}
tag="We're Here for You"
tagIcon={MessageCircle}
title="Questions About Your Online Order?"
description="Our support team is ready to assist you with any inquiries or special requests to ensure a perfect experience."
buttons={[
{
text: "Contact Support",
href: "/location",
},
{
text: "View FAQs",
href: "/location#faq",
},
]}
/>
</div>
<div id="catering" data-section="catering">
<ContactCTABackground
background={{ variant: "plain" }}
useInvertedBackground={false}
title="Catering for Your Next Event"
description="Planning a party or corporate event? Let Mutt & Jeff's handle the food! We offer catering services for groups of all sizes."
buttons={[
{
text: "Learn More", href: "/contact"},
{
text: "Request a Quote", href: "/contact"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

66
src/app/page.tsx
View File

@@ -27,30 +27,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
name: "Home", id: "/"},
{
name: "Menu",
id: "menu",
href: "/menu",
},
name: "Menu", id: "/menu"},
{
name: "About",
id: "about",
href: "/about",
},
name: "About", id: "/about"},
{
name: "Location",
id: "location",
href: "/location",
},
name: "Location", id: "/location"},
{
name: "Order",
id: "order",
href: "/order",
},
name: "Order", id: "/order"},
]}
brandName="Mutt & Jeff's"
/>
@@ -59,24 +44,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="Where Homemade Meets Legendary."
description="Scratch-made Southern favorites, generous portions, and the kind of service that keeps folks coming back for years."
buttons={[
{
text: "View Menu",
href: "/menu",
},
text: "View Menu", href: "/menu"},
{
text: "Order Ahead",
href: "/order",
},
text: "Order Ahead", href: "/order"},
{
text: "Find Us",
href: "/location",
},
text: "Find Us", href: "/location"},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-chicken-plate-with-wine_23-2147716927.jpg"
imageAlt="Cinematic shot of chicken fried steak being plated with gravy"
@@ -93,21 +71,13 @@ export default function LandingPage() {
author="Our Valued Customers"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-delicious-cheese_23-2150062643.jpg",
alt: "Happy customer Sarah",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-delicious-cheese_23-2150062643.jpg", alt: "Happy customer Sarah"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-cup-coffee_23-2148953567.jpg",
alt: "Satisfied diner Michael",
},
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-cup-coffee_23-2148953567.jpg", alt: "Satisfied diner Michael"},
{
src: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-happy-andpositive-pointing-with-index-fingers-standing-purple-wall_141793-82234.jpg",
alt: "Friendly guest Emily",
},
src: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-happy-andpositive-pointing-with-index-fingers-standing-purple-wall_141793-82234.jpg", alt: "Friendly guest Emily"},
{
src: "http://img.b2bpic.net/free-photo/blonde-woman-have-sushi-time-restaurant_496169-277.jpg",
alt: "Smiling patron David",
},
src: "http://img.b2bpic.net/free-photo/blonde-woman-have-sushi-time-restaurant_496169-277.jpg", alt: "Smiling patron David"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -132,16 +102,10 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Homemade Everything",
description: "From ranch dressing to mashed potatoes—crafted in-house daily with fresh ingredients.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-cutlery-with-brown-wooden-desk-blue-background-spoon-fork-color-photo-kitchen_140725-31076.jpg",
imageAlt: "Homemade icon",
},
title: "Homemade Everything", description: "From ranch dressing to mashed potatoes—crafted in-house daily with fresh ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-cutlery-with-brown-wooden-desk-blue-background-spoon-fork-color-photo-kitchen_140725-31076.jpg", imageAlt: "Homemade icon"},
{
id: 2,
title: "Southern Generosity",
description: "Big portions. Real value. No shortcuts. We believe in satisfying your hunger.",
imageSrc: "http://img.b2bpic.net/free-vector/rounded-vegan-food-logotypes_23-2147560689.jpg",
title: "Southern Generosity", description: "Big portions. Real value. No shortcuts. We believe in satisfying your hunger.", imageSrc: "http://img.b2bpic.net/free-vector/rounded-vegan-food-logotypes_23-2147560689.jpg", imageAlt: "Generosity icon"
},
]}
title="Why People Love Mutt & Jeff’s"