Compare commits
22 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e9f9f6114 | |||
| 76cf471554 | |||
| e20f4153fa | |||
| 9bd6f61bfe | |||
| 19ca69164a | |||
| f000ef5d78 | |||
| 7204dd3cd0 | |||
| e9879a2b17 | |||
| 5ac40939d2 | |||
| 916a4cead7 | |||
| 9c47298242 | |||
| ce4279ab86 | |||
| 0916e5d314 | |||
| b87da4b80e | |||
| d9bf86156f | |||
| 0a70f20ca8 | |||
| 4ee5b2be8d | |||
| 961f7124e6 | |||
| 39fa10f15b | |||
| 479fb162ce | |||
| 8f0d99c67b | |||
| 48d6012ad7 |
172
src/app/menu/page.tsx
Normal file
172
src/app/menu/page.tsx
Normal file
@@ -0,0 +1,172 @@
|
||||
"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 FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
|
||||
export default function MenuPage() {
|
||||
const navItems = [
|
||||
{
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "About", id: "/#about"
|
||||
},
|
||||
{
|
||||
name: "Menu", id: "/menu"
|
||||
},
|
||||
{
|
||||
name: "Why Choose Us", id: "/#features"
|
||||
},
|
||||
{
|
||||
name: "Testimonials", id: "/#testimonials"
|
||||
},
|
||||
{
|
||||
name: "Gallery", id: "/#gallery"
|
||||
},
|
||||
{
|
||||
name: "FAQ", id: "/#faq"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "/#contact"
|
||||
}
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Salad", href: "/menu" },
|
||||
{ label: "Chilaquiles", href: "/menu" },
|
||||
{ label: "Bean and Cheese burrito", href: "/menu" },
|
||||
{ label: "Fried Sushi", href: "/menu" },
|
||||
{ label: "Plato De Menudo soup", href: "/menu" },
|
||||
{ label: "REAL Horchata", href: "/menu" },
|
||||
{ label: "Cola", href: "/menu" },
|
||||
{ label: "Bacon and Egg burrito", href: "/menu" },
|
||||
{ label: "California rolls", href: "/menu" },
|
||||
{ label: "Tortillas soup", href: "/menu" },
|
||||
{ label: "Huevos Rancheros", href: "/menu" },
|
||||
{ label: "Order Pickup", href: "/#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About Us", items: [
|
||||
{ label: "Our Story", href: "/#about" },
|
||||
{ label: "Our Values", href: "/#features" },
|
||||
{ label: "Testimonials", href: "/#testimonials" },
|
||||
{ label: "Gallery", href: "/#gallery" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/#contact" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Order Now", href: "/#contact"
|
||||
}}
|
||||
brandName="EL SNAPPY"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-section" data-section="menu-section">
|
||||
<LegalSection
|
||||
layout="page"
|
||||
title="Our Delicious Menu"
|
||||
subtitle="Taste the tradition, savor the flavor."
|
||||
sections={[
|
||||
{
|
||||
heading: "Breakfast Burritos & Plates", content: [
|
||||
{ type: "paragraph", text: "Start your day the El Snappy way!" },
|
||||
{ type: "list", items: ["Huevos Rancheros", "Bean and Cheese burrito", "Bacon and Egg burrito"]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
heading: "Mexican Classics & Soups", content: [
|
||||
{ type: "paragraph", text: "Authentic flavors crafted with care." },
|
||||
{ type: "list", items: ["Salad", "Chilaquiles", "Plato De Menudo soup", "Tortillas soup"]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
heading: "Fresh Sushi Creations", content: [
|
||||
{ type: "paragraph", text: "A unique fusion of flavors." },
|
||||
{ type: "list", items: ["Fried Sushi", "California rolls"]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
heading: "Refreshing Drinks", content: [
|
||||
{ type: "paragraph", text: "Perfect pairings for your meal." },
|
||||
{ type: "list", items: ["REAL Horchata", "Cola"]
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Minimal Contact and FAQ sections for menu page, linking back to main sections if needed */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Questions about our menu?"
|
||||
description="We're here to help! Reach out to us for any dietary restrictions or special requests."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true
|
||||
}
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message", rows: 4
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-colorful-mexican-urban-architecture_23-2149749963.jpg?_wi=1"
|
||||
imageAlt="Vibrant Mexican market scene"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
buttonText="SEND MESSAGE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="EL SNAPPY"
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 El Snappy Mexican Food. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
136
src/app/page.tsx
136
src/app/page.tsx
@@ -15,6 +15,63 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "About", id: "/#about"
|
||||
},
|
||||
{
|
||||
name: "Menu", id: "/menu"
|
||||
},
|
||||
{
|
||||
name: "Why Choose Us", id: "/#features"
|
||||
},
|
||||
{
|
||||
name: "Testimonials", id: "/#testimonials"
|
||||
},
|
||||
{
|
||||
name: "Gallery", id: "/#gallery"
|
||||
},
|
||||
{
|
||||
name: "FAQ", id: "/#faq"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "/#contact"
|
||||
}
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Huevos Rancheros", href: "/menu" },
|
||||
{ label: "Carne Asada Burrito", href: "/menu" },
|
||||
{ label: "Homemade Tortillas", href: "/menu" },
|
||||
{ label: "Sushi Platters", href: "/menu" },
|
||||
{ label: "Pancake Breakfast", href: "/menu" },
|
||||
{ label: "Nachos & Tacos", href: "/menu" },
|
||||
{ label: "Order Pickup", href: "/#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About Us", items: [
|
||||
{ label: "Our Story", href: "/#about" },
|
||||
{ label: "Our Values", href: "/#features" },
|
||||
{ label: "Testimonials", href: "/#testimonials" },
|
||||
{ label: "Gallery", href: "/#gallery" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/#contact" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -31,26 +88,9 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Favorites", id: "#favorites"},
|
||||
{
|
||||
name: "Why Choose Us", id: "#features"},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Order Now", href: "#contact"}}
|
||||
text: "Order Now", href: "/#contact"}}
|
||||
brandName="EL SNAPPY"
|
||||
/>
|
||||
</div>
|
||||
@@ -61,9 +101,9 @@ export default function LandingPage() {
|
||||
description="A South Phoenix favorite serving homemade Mexican classics, breakfast favorites, fresh sushi creations, and unforgettable hospitality for over a decade."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#favorites"},
|
||||
text: "View Menu", href: "/menu"},
|
||||
{
|
||||
text: "Order Pickup", href: "#contact"},
|
||||
text: "Order Pickup", href: "/#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
@@ -78,16 +118,17 @@ export default function LandingPage() {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buddha-bowl-rice-with-salmon-radish-red-cabbage-edamame-beans-sesame-seeds_127032-3117.jpg", imageAlt: "Fresh sushi platter"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-sauces-food_23-2147740819.jpg", imageAlt: "Variety of tacos"}
|
||||
]} />
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={["Yelp", "Google Reviews", "DoorDash", "Uber Eats"]}
|
||||
names={["Yelp", "Google Reviews"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="★★★★★ 4.4 Stars • 255+ Reviews"
|
||||
description={`"One of the best hidden food spots in South Phoenix." "Feels like eating your nana's cooking." "Best huevos rancheros I've ever had."`}
|
||||
description={`"One of the best hidden food spots in South Phoenix." "Feels like eating your nana's cooking." "Best huevos rancheros I've ever had."}`}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -96,7 +137,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Hidden Gem Worth Finding"
|
||||
description={[
|
||||
"Some restaurants chase trends. We chase flavor. For years, El Snappy Mexican Food has been serving authentic homemade meals to families, workers, neighbors, and visitors looking for real food at honest prices.", "From handmade tortillas and sizzling breakfast plates to fresh sushi platters and family recipes, every dish is prepared with the same care we'd serve in our own home. Because around here, you're not just a customer. You're family.", "More Than Mexican Food: Fresh sushi platters, breakfast favorites, lunch specials, family meals, and homemade comfort food all under one roof. Perfect for: Breakfast, Lunch, Family dinners, Catering, Game day platters, Takeout."
|
||||
"Some restaurants chase trends. We chase flavor. For years, El Snappy Mexican Food has been serving authentic homemade meals to families, workers, neighbors, and visitors looking for real food at honest prices.", "From handmade tortillas and sizzling breakfast plates to fresh sushi platters and family recipes, every dish is prepared with the same care we'd serve in our own home. Because around here, you're not just a customer. You're family.", "More Than Mexican Food: Fresh sushi platters, breakfast favorites, lunch specials, family meals, catering, game day platters, takeout."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,7 +166,7 @@ export default function LandingPage() {
|
||||
reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-fruity-pancakes-with-cup-tea-dark-space_140725-95444.jpg", imageAlt: "Pancake Breakfast"},
|
||||
{
|
||||
id: "prod-6", brand: "El Snappy", name: "Nachos & Tacos", price: "Market Price", rating: 5,
|
||||
reviewCount: "65+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blackboard-near-food_23-2147740816.jpg", imageAlt: "Nachos & Tacos"}
|
||||
reviewCount: "65+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blackboard-near-sauces-food_23-2147740816.jpg", imageAlt: "Nachos & Tacos"}
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Discover the dishes that keep our guests coming back for more."
|
||||
@@ -247,7 +288,7 @@ export default function LandingPage() {
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message", rows: 4
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-colorful-mexican-urban-architecture_23-2149749963.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-colorful-mexican-urban-architecture_23-2149749963.jpg?_wi=2"
|
||||
imageAlt="Vibrant Mexican market scene"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
@@ -258,48 +299,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="EL SNAPPY"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "View Full Menu", href: "#favorites"},
|
||||
{
|
||||
label: "Order Pickup", href: "#contact"},
|
||||
{
|
||||
label: "Daily Specials", href: "#"},
|
||||
{
|
||||
label: "Sushi Creations", href: "#favorites"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Our Values", href: "#features"},
|
||||
{
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Gallery", href: "#gallery"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 El Snappy Mexican Food. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user