Merge version_1 into main #2
373
src/app/page.tsx
373
src/app/page.tsx
@@ -17,275 +17,126 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Favorites",
|
||||
id: "#favorites",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#story",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
]}
|
||||
brandName="El Taquito"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Favorites", id: "#favorites" },
|
||||
{ name: "Our Story", id: "#story" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
]}
|
||||
brandName="El Taquito"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Soul of the Inland Empire"
|
||||
description="Serving legendary authentic flavors and community heart for over 30 years. Experience the tradition that brings everyone together."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "The best tacos in Colton, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg?_wi=1",
|
||||
imageAlt: "authentic mexican street tacos photography",
|
||||
},
|
||||
{
|
||||
name: "Maria G.",
|
||||
handle: "@mariag",
|
||||
testimonial: "Legendary red sauce, I come here every weekend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-yellow-background_123827-19865.jpg?_wi=1",
|
||||
imageAlt: "crispy hardshell tacos top view",
|
||||
},
|
||||
{
|
||||
name: "Robert S.",
|
||||
handle: "@roberts",
|
||||
testimonial: "My family has been eating here for generations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805521.jpg?_wi=1",
|
||||
imageAlt: "giant stuffed mexican burrito",
|
||||
},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarahl",
|
||||
testimonial: "Hot food, great service, authentic experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-mexican-nachos-chips-plate_23-2148042537.jpg?_wi=1",
|
||||
imageAlt: "loaded carne asada nachos",
|
||||
},
|
||||
{
|
||||
name: "David M.",
|
||||
handle: "@davidm",
|
||||
testimonial: "The Carne Asada Nachos are a must order.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pottery-workplace-with-different-creations-table_23-2148970743.jpg?_wi=1",
|
||||
imageAlt: "mexican restaurant family heritage photo",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-happy-young-woman-smiling-camera_23-2148784920.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/smiling-man-outdoors_23-2148784921.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-confident-man-smiling_23-2148784922.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-beautiful-woman-smiling-outdoors_23-2148784923.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/happy-young-man-smiling-camera_23-2148784924.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ local taco lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Mexican Heritage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned & Operated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Legendary Red Sauce",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Colton Tradition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Since 1994",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Soul of the Inland Empire"
|
||||
description="Serving legendary authentic flavors and community heart for over 30 years. Experience the tradition that brings everyone together."
|
||||
testimonials={[
|
||||
{ name: "John Doe", handle: "@johnd", testimonial: "The best tacos in Colton, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg", imageAlt: "authentic mexican street tacos photography" },
|
||||
{ name: "Maria G.", handle: "@mariag", testimonial: "Legendary red sauce, I come here every weekend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-yellow-background_123827-19865.jpg", imageAlt: "crispy hardshell tacos top view" },
|
||||
{ name: "Robert S.", handle: "@roberts", testimonial: "My family has been eating here for generations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805521.jpg", imageAlt: "giant stuffed mexican burrito" },
|
||||
{ name: "Sarah L.", handle: "@sarahl", testimonial: "Hot food, great service, authentic experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-mexican-nachos-chips-plate_23-2148042537.jpg", imageAlt: "loaded carne asada nachos" },
|
||||
{ name: "David M.", handle: "@davidm", testimonial: "The Carne Asada Nachos are a must order.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pottery-workplace-with-different-creations-table_23-2148970743.jpg", imageAlt: "mexican restaurant family heritage photo" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "https://img.b2bpic.net/free-photo/portrait-happy-young-woman-smiling-camera_23-2148784920.jpg", alt: "Customer 1" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/smiling-man-outdoors_23-2148784921.jpg", alt: "Customer 2" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/portrait-confident-man-smiling_23-2148784922.jpg", alt: "Customer 3" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/portrait-beautiful-woman-smiling-outdoors_23-2148784923.jpg", alt: "Customer 4" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/happy-young-man-smiling-camera_23-2148784924.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ local taco lovers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Authentic Mexican Heritage" },
|
||||
{ type: "text", text: "Family Owned & Operated" },
|
||||
{ type: "text", text: "Legendary Red Sauce" },
|
||||
{ type: "text", text: "Colton Tradition" },
|
||||
{ type: "text", text: "Since 1994" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="favorites" data-section="favorites">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hardshell Tacos",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-yellow-background_123827-19865.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Colton Fire Burrito",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805521.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Carne Asada Nachos",
|
||||
price: "$14.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-mexican-nachos-chips-plate_23-2148042537.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Street Tacos",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-yellow-background_123827-19865.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bean & Cheese Burrito",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805521.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Quesadilla",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-yellow-background_123827-19865.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Fan Favorites"
|
||||
description="The dishes our regulars can't stop talking about."
|
||||
/>
|
||||
</div>
|
||||
<div id="favorites" data-section="favorites">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Hardshell Tacos", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-yellow-background_123827-19865.jpg" },
|
||||
{ id: "p2", name: "Colton Fire Burrito", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805521.jpg" },
|
||||
{ id: "p3", name: "Carne Asada Nachos", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-mexican-nachos-chips-plate_23-2148042537.jpg" },
|
||||
{ id: "p4", name: "Street Tacos", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-yellow-background_123827-19865.jpg" },
|
||||
{ id: "p5", name: "Bean & Cheese Burrito", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805521.jpg" },
|
||||
{ id: "p6", name: "Quesadilla", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-yellow-background_123827-19865.jpg" },
|
||||
]}
|
||||
title="Fan Favorites"
|
||||
description="The dishes our regulars can't stop talking about."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story" data-section="story">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="30+ Years of Tradition"
|
||||
title="Why We Keep You Coming Back"
|
||||
description="It's more than food; it's a legacy. From our legendary house-made red sauce to the way we treat our community, every bite tells the story of our Mexican-American heritage."
|
||||
subdescription="Whether you're a long-time regular or a first-time guest, you're part of the El Taquito family."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pottery-workplace-with-different-creations-table_23-2148970743.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="story" data-section="story">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="30+ Years of Tradition"
|
||||
title="Why We Keep You Coming Back"
|
||||
description="It's more than food; it's a legacy. From our legendary house-made red sauce to the way we treat our community, every bite tells the story of our Mexican-American heritage."
|
||||
subdescription="Whether you're a long-time regular or a first-time guest, you're part of the El Taquito family."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pottery-workplace-with-different-creations-table_23-2148970743.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "The red sauce is legendary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg?_wi=3",
|
||||
imageAlt: "authentic mexican street tacos photography",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Marcus Thompson",
|
||||
handle: "@marcust",
|
||||
testimonial: "Always hot and always friendly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-yellow-background_123827-19865.jpg?_wi=5",
|
||||
imageAlt: "crispy hardshell tacos top view",
|
||||
},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Lydia Vasquez",
|
||||
handle: "@lydiav",
|
||||
testimonial: "Tastes just like home cooking.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805521.jpg?_wi=4",
|
||||
imageAlt: "giant stuffed mexican burrito",
|
||||
},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Sam Peterson",
|
||||
handle: "@samp",
|
||||
testimonial: "The Colton Fire Burrito is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-mexican-nachos-chips-plate_23-2148042537.jpg?_wi=3",
|
||||
imageAlt: "loaded carne asada nachos",
|
||||
},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Isabella Cruz",
|
||||
handle: "@isabelc",
|
||||
testimonial: "Authentic and consistent for years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pottery-workplace-with-different-creations-table_23-2148970743.jpg?_wi=3",
|
||||
imageAlt: "mexican restaurant family heritage photo",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Voices"
|
||||
description="See what our regulars have to say about their favorites."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "r1", name: "Elena Rodriguez", handle: "@elena_r", testimonial: "The red sauce is legendary.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg", imageAlt: "authentic mexican street tacos photography" },
|
||||
{ id: "r2", name: "Marcus Thompson", handle: "@marcust", testimonial: "Always hot and always friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-tacos-with-meat-vegetables-yellow-background_123827-19865.jpg", imageAlt: "crispy hardshell tacos top view" },
|
||||
{ id: "r3", name: "Lydia Vasquez", handle: "@lydiav", testimonial: "Tastes just like home cooking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805521.jpg", imageAlt: "giant stuffed mexican burrito" },
|
||||
{ id: "r4", name: "Sam Peterson", handle: "@samp", testimonial: "The Colton Fire Burrito is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-mexican-nachos-chips-plate_23-2148042537.jpg", imageAlt: "loaded carne asada nachos" },
|
||||
{ id: "r5", name: "Isabella Cruz", handle: "@isabelc", testimonial: "Authentic and consistent for years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pottery-workplace-with-different-creations-table_23-2148970743.jpg", imageAlt: "mexican restaurant family heritage photo" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Voices"
|
||||
description="See what our regulars have to say about their favorites."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Hungry? Come Say Hi"
|
||||
description="Located in the heart of the Inland Empire. Stop by for the best tacos in town."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Hungry? Come Say Hi"
|
||||
description="Located in the heart of the Inland Empire. Stop by for the best tacos in town."
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="El Taquito"
|
||||
copyrightText="© 2025 El Taquito. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="El Taquito"
|
||||
copyrightText="© 2025 El Taquito. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user