Update src/app/page.tsx

This commit is contained in:
2026-06-04 17:56:10 +00:00
parent 7204dd3cd0
commit f000ef5d78

View File

@@ -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: "Products", id: "/products"
},
{
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: "/products" },
{ label: "Carne Asada Burrito", href: "/products" },
{ label: "Homemade Tortillas", href: "/products" },
{ label: "Sushi Platters", href: "/products" },
{ label: "Pancake Breakfast", href: "/products" },
{ label: "Nachos & Tacos", href: "/products" },
{ 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: "/products"},
{
text: "Order Pickup", href: "#contact"},
text: "Order Pickup", href: "/#contact"},
]}
slides={[
{
@@ -126,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."
@@ -259,44 +299,7 @@ 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>