209 lines
11 KiB
TypeScript
209 lines
11 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Flame, Star } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="El Nopal"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Visit Us", id: "visit" }
|
|
]}
|
|
button={{ text: "Order Now", href: "#" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Welcome to El Nopal Mexican Grill"
|
|
description="Where the tacos are loud, the micheladas are cold, and nobody leaves hungry. Serious authentic Mexican food. Not serious people."
|
|
tag="Family Favorite in Decatur"
|
|
tagIcon={Flame}
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement_23-2150878231.jpg?_wi=1", imageAlt: "Sizzling authentic tacos"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/spicy-michelada-drink-assortment-table_23-2149027846.jpg", imageAlt: "Cold refreshing michelada"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Order Now", href: "#" },
|
|
{ text: "View Menu", href: "#" }
|
|
]}
|
|
mediaAnimation="opacity"
|
|
rating={5}
|
|
ratingText="5-star Local Favorite"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Story"
|
|
tagIcon={Flame}
|
|
title="Not Fancy. Just Really Good."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Call to Order", href: "tel:+1-234-567-8900" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
tag="Why We're Loved"
|
|
title="What Makes Us Special"
|
|
description="At El Nopal Mexican Grill, we believe in three important things: tacos should drip a little, micheladas should hit just right, and food should bring the whole family together."
|
|
showStepNumbers={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Authentic Flavor", description: "Homemade recipes passed down through generations. No shortcuts, no shortcuts.", buttons: [
|
|
{ text: "Try Our Tacos", href: "#" }
|
|
], phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement_23-2150878231.jpg?_wi=2", imageAlt: "Authentic tacos"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-chicken-soup-with-potato_140725-113229.jpg?_wi=1", imageAlt: "Homemade menudo"
|
|
}
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Friendly Service", description: "Our team works hard to give you the best experience. Smiles, fast service, and food made with love.", buttons: [
|
|
{ text: "Call Us", href: "tel:+1-234-567-8900" }
|
|
], phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-using-mobile-phone-making-contactless-payment-waiter-restaurant_637285-654.jpg", imageAlt: "Friendly service team"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-multigeneration-family-having-lunch-together-home-senior-woman-is-bringing-food-table_637285-10308.jpg", imageAlt: "Family dining together"
|
|
}
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Affordable Prices", description: "Great Mexican food doesn't have to break the bank. Fresh, delicious, and kind to your wallet.", buttons: [
|
|
{ text: "View Menu", href: "#" }
|
|
], phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-shrimp-with-seasoning_84443-82035.jpg?_wi=1", imageAlt: "Fresh camarones"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-grilled-eggplants-bell-peppers-tomatoes_141793-735.jpg?_wi=1", imageAlt: "Crispy mojarra"
|
|
}
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Popular Favorites"
|
|
description="The dishes our customers can't get enough of. Come hungry, leave happy."
|
|
tag="Must Try"
|
|
tagIcon={Star}
|
|
products={[
|
|
{
|
|
id: "tacos", name: "Tacos", price: "From $3.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement_23-2150878231.jpg?_wi=3", imageAlt: "Juicy authentic tacos"
|
|
},
|
|
{
|
|
id: "menudo", name: "Menudo", price: "From $8.99", imageSrc: "http://img.b2bpic.net/free-photo/tasty-chicken-soup-with-potato_140725-113229.jpg?_wi=2", imageAlt: "Legendary weekend menudo"
|
|
},
|
|
{
|
|
id: "camarones", name: "Camarones a la Diabla", price: "From $12.99", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-shrimp-with-seasoning_84443-82035.jpg?_wi=2", imageAlt: "Spicy shrimp that wakes your taste buds"
|
|
},
|
|
{
|
|
id: "mojarra", name: "Mojarra Frita", price: "From $13.99", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-grilled-eggplants-bell-peppers-tomatoes_141793-735.jpg?_wi=2", imageAlt: "Crispy whole fried fish"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "View Full Menu", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
tag="Customer Love"
|
|
title="People Don't Just Like Us... They Really Like Us."
|
|
description="Real reviews from real customers who keep coming back."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Juan Negrete", handle: "@juannegrete", testimonial: "Muy sabrosos los tacos y las tortas además de su excelente servicio. Increíble comida auténtica.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg", imageAlt: "Juan Negrete", icon: Star
|
|
},
|
|
{
|
|
id: "2", name: "Victor Gonzalez", handle: "@victorgonzalez", testimonial: "Muy delicioso y el servicio excelente gracias a Monse. ¡Volveré pronto!", imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000320.jpg", imageAlt: "Victor Gonzalez", icon: Star
|
|
},
|
|
{
|
|
id: "3", name: "Diana Loya", handle: "@dianaloya", testimonial: "Delicioso menudo y mucha amabilidad. El mejor lugar para el fin de semana.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-standing-giving-thumbs-up-white-wall_114579-90656.jpg", imageAlt: "Diana Loya", icon: Star
|
|
},
|
|
{
|
|
id: "4", name: "Fernando Renteria", handle: "@fernandorenteria", testimonial: "Excelente lugar para desayunar, comer o cenar con la familia. Recomendado.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg", imageAlt: "Fernando Renteria", icon: Star
|
|
},
|
|
{
|
|
id: "5", name: "Maria Santos", handle: "@mariasantos", testimonial: "Las micheladas son perfectas y la comida es auténtica. ¡Mi lugar favorito!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-isolated-dark-wall-showing-thumbs-up-with-two-hands_114579-58464.jpg", imageAlt: "Maria Santos", icon: Star
|
|
},
|
|
{
|
|
id: "6", name: "Carlos Rodriguez", handle: "@carlosrodriguez", testimonial: "Calidad, sabor y servicio. El Nopal es la mejor opción en Decatur.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-man-grey-shirt-summer-hat-pointing-with-index-fingers-camera-smiling-cheerfully_141793-55266.jpg", imageAlt: "Carlos Rodriguez", icon: Star
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Visit?"
|
|
title="Hungry Yet? Your Tacos Are Waiting."
|
|
description="Stop by El Nopal Mexican Grill in Decatur for breakfast, lunch, or dinner. Open daily. We're here to serve you authentic Mexican food and cold micheladas."
|
|
buttons={[
|
|
{ text: "Order Now", href: "#" },
|
|
{ text: "Call Us", href: "tel:+1-234-567-8900" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="El Nopal"
|
|
leftLink={{ text: "Follow Us", href: "https://facebook.com" }}
|
|
rightLink={{ text: "Leave a Review", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |