bender/491e9c2b-835e-4f37-a8f8-10b22d8165ee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 18:33:10 +00:00
parent 25137c1712
commit 27ebec62f5
1 changed files with 52 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

309
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Story",
id: "#about",
},
{
name: "Catering",
id: "#catering",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#home" },
{ name: "Menu", id: "#menu" },
{ name: "Story", id: "#about" },
{ name: "Catering", id: "#catering" },
{ name: "Contact", id: "#contact" },
]}
brandName="Mariachis Tacos"
/>
@@ -59,68 +44,30 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
title="Finally, Real Mexican Food."
description="Handmade tortillas. Authentic Tierra Caliente flavor. Ranch-style Mexican food worth coming back for."
buttons={[
{
text: "Order Now",
href: "#",
},
{
text: "Book Catering",
href: "#catering",
},
{ text: "Order Now", href: "#" },
{ text: "Book Catering", href: "#catering" },
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-high-protein-meal-assortment_23-2149089638.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/top-view-high-protein-meal-assortment_23-2149089638.jpg"
imageAlt="mexican taco street food photography"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/dough-inside-round-pan-with-cook-spreading-pieces-it-inside-kitchen_140725-14920.jpg",
alt: "dough inside round pan",
},
{
src: "http://img.b2bpic.net/free-photo/indian-delicious-roti-assortment_23-2149073336.jpg",
alt: "Indian delicious roti",
},
{
src: "http://img.b2bpic.net/free-photo/wheat-mexican-tortilla-tasty-nachos-lemons-wooden-table-with-mexican-hat_23-2148042527.jpg",
alt: "Wheat mexican tortilla",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-cured-meat-wrap-with-rocket-cherry-tomato-cheese-tomato-sauce_141793-2129.jpg",
alt: "Top view of cured meat",
},
{
src: "http://img.b2bpic.net/free-photo/photo-cauldron-bonfire_176420-4183.jpg",
alt: "Photo of cauldron",
},
{ src: "http://img.b2bpic.net/free-photo/dough-inside-round-pan-with-cook-spreading-pieces-it-inside-kitchen_140725-14920.jpg", alt: "dough inside round pan" },
{ src: "http://img.b2bpic.net/free-photo/indian-delicious-roti-assortment_23-2149073336.jpg", alt: "Indian delicious roti" },
{ src: "http://img.b2bpic.net/free-photo/wheat-mexican-tortilla-tasty-nachos-lemons-wooden-table-with-mexican-hat_23-2148042527.jpg", alt: "Wheat mexican tortilla" },
{ src: "http://img.b2bpic.net/free-photo/top-view-cured-meat-wrap-with-rocket-cherry-tomato-cheese-tomato-sauce_141793-2129.jpg", alt: "Top view of cured meat" },
{ src: "http://img.b2bpic.net/free-photo/photo-cauldron-bonfire_176420-4183.jpg", alt: "Photo of cauldron" },
]}
avatarText="Join 5,000+ local taco lovers"
marqueeItems={[
{
type: "text",
text: "AUTHENTIC",
},
{
type: "text",
text: "HANDMADE",
},
{
type: "text",
text: "AUSTIN OWNED",
},
{
type: "text",
text: "FRESHLY PREPARED",
},
{
type: "text",
text: "TIERRA CALIENTE",
},
{ type: "text", text: "AUTHENTIC" },
{ type: "text", text: "HANDMADE" },
{ type: "text", text: "AUSTIN OWNED" },
{ type: "text", text: "FRESHLY PREPARED" },
{ type: "text", text: "TIERRA CALIENTE" },
]}
/>
</div>
@@ -139,46 +86,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Handmade Tortillas",
description: "Made fresh off the comal every morning.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/person-cooking-fire-camp_23-2149237518.jpg",
imageAlt: "making fresh tortillas by hand",
},
{
title: "Adobada Perfection",
description: "Traditional Tierra Caliente marination.",
bentoComponent: "reveal-icon",
icon: Flame,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-high-protein-meal-assortment_23-2149089638.jpg?_wi=2",
imageAlt: "making fresh tortillas by hand",
},
{
title: "Fresh Salsas",
description: "Smoky habanero and garden-fresh verdes.",
bentoComponent: "reveal-icon",
icon: Droplets,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-trying-pepper_141793-89016.jpg?_wi=1",
imageAlt: "making fresh tortillas by hand",
},
{
title: "Slow-Roasted Meats",
description: "Cooked low and slow for maximum tenderness.",
bentoComponent: "reveal-icon",
icon: Beef,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-taco-with-green-background_23-2148329157.jpg?_wi=1",
imageAlt: "making fresh tortillas by hand",
},
{
title: "Authentic Spices",
description: "Imported spices for genuine flavor.",
bentoComponent: "reveal-icon",
icon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-nice-barbeque-together_23-2149271961.jpg?_wi=1",
imageAlt: "making fresh tortillas by hand",
},
{ title: "Handmade Tortillas", description: "Made fresh off the comal every morning.", bentoComponent: "reveal-icon", icon: Sparkles },
{ title: "Adobada Perfection", description: "Traditional Tierra Caliente marination.", bentoComponent: "reveal-icon", icon: Flame },
{ title: "Fresh Salsas", description: "Smoky habanero and garden-fresh verdes.", bentoComponent: "reveal-icon", icon: Droplets },
{ title: "Slow-Roasted Meats", description: "Cooked low and slow for maximum tenderness.", bentoComponent: "reveal-icon", icon: Beef },
{ title: "Authentic Spices", description: "Imported spices for genuine flavor.", bentoComponent: "reveal-icon", icon: Award },
]}
title="The Art of the Craft"
description="Experience tradition through every detail."
@@ -192,42 +104,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Carne Asada Tacos",
price: "$12.00",
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-delicious-tacos_23-2150878173.jpg",
},
{
id: "2",
name: "Adobada Tacos",
price: "$12.00",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement_23-2151047949.jpg",
},
{
id: "3",
name: "Traditional Menudo",
price: "$15.00",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-green-pozole-soup-wooden-table_123827-33907.jpg",
},
{
id: "4",
name: "Stuffed Peppers",
price: "$14.00",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-chiles-en-nogada-plate-wooden-board-table_181624-43895.jpg",
},
{
id: "5",
name: "Agua de Tamarindo",
price: "$6.00",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cold-refreshing-cocktail_23-2147876691.jpg",
},
{
id: "6",
name: "Carne Asada Torta",
price: "$16.00",
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14219.jpg",
},
{ id: "1", name: "Carne Asada Tacos", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-delicious-tacos_23-2150878173.jpg" },
{ id: "2", name: "Adobada Tacos", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-arrangement_23-2151047949.jpg" },
{ id: "3", name: "Traditional Menudo", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-green-pozole-soup-wooden-table_123827-33907.jpg" },
{ id: "4", name: "Stuffed Peppers", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-chiles-en-nogada-plate-wooden-board-table_181624-43895.jpg" },
{ id: "5", name: "Agua de Tamarindo", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cold-refreshing-cocktail_23-2147876691.jpg" },
{ id: "6", name: "Carne Asada Torta", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14219.jpg" },
]}
title="Signature Menu"
description="Authentic street food cravings."
@@ -236,44 +118,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarah_foodie",
testimonial: "Finally found real Mexican food in Austin! The tortillas taste just like back home.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-trying-pepper_141793-89016.jpg?_wi=2",
},
{
id: "2",
name: "Michael C.",
handle: "@m_chen",
testimonial: "I came back the next day because the adobada was that good. Absolutely unforgettable.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-taco-with-green-background_23-2148329157.jpg?_wi=2",
},
{
id: "3",
name: "Emily R.",
handle: "@emily_eats",
testimonial: "The Carne Asada torta was incredible. 100% recommended for everyone.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-nice-barbeque-together_23-2149271961.jpg?_wi=2",
},
{
id: "4",
name: "David K.",
handle: "@david_austin",
testimonial: "People drive across Austin for this. The menudo was amazing and very authentic.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571491.jpg",
},
{
id: "5",
name: "Laura S.",
handle: "@laura_v",
testimonial: "Best authentic tacos in Austin! You can really taste the handmade quality.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
},
{ id: "1", name: "Sarah J.", handle: "@sarah_foodie", testimonial: "Finally found real Mexican food in Austin! The tortillas taste just like back home.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-trying-pepper_141793-89016.jpg" },
{ id: "2", name: "Michael C.", handle: "@m_chen", testimonial: "I came back the next day because the adobada was that good. Absolutely unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-taco-with-green-background_23-2148329157.jpg" },
{ id: "3", name: "Emily R.", handle: "@emily_eats", testimonial: "The Carne Asada torta was incredible. 100% recommended for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-nice-barbeque-together_23-2149271961.jpg" },
{ id: "4", name: "David K.", handle: "@david_austin", testimonial: "People drive across Austin for this. The menudo was amazing and very authentic.", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571491.jpg" },
{ id: "5", name: "Laura S.", handle: "@laura_v", testimonial: "Best authentic tacos in Austin! You can really taste the handmade quality.", imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg" },
]}
title="Loved by Austin."
description="Authentic stories from real people."
@@ -286,27 +139,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100+",
title: "Events Served",
description: "Weddings, parties, and corporate events.",
imageSrc: "http://img.b2bpic.net/free-photo/snacks-like-cheese-dried-fruits-are-wooden-desk_8353-10485.jpg",
},
{
id: "m2",
value: "5000+",
title: "Tacos Crafted",
description: "Always with fresh handmade tortillas.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tortilla-with-meat-vegetables_23-2148750445.jpg",
},
{
id: "m3",
value: "5 Stars",
title: "Reputation",
description: "Highly rated by our local community.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-taste-healthy-bruschetta-with-her-eyes-closed-kitchen_637285-3126.jpg",
},
{ id: "m1", value: "100+", title: "Events Served", description: "Weddings, parties, and corporate events.", imageSrc: "http://img.b2bpic.net/free-photo/snacks-like-cheese-dried-fruits-are-wooden-desk_8353-10485.jpg" },
{ id: "m2", value: "5000+", title: "Tacos Crafted", description: "Always with fresh handmade tortillas.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tortilla-with-meat-vegetables_23-2148750445.jpg" },
{ id: "m3", value: "5 Stars", title: "Reputation", description: "Highly rated by our local community.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-taste-healthy-bruschetta-with-her-eyes-closed-kitchen_637285-3126.jpg" },
]}
title="Premium Catering"
description="Elevate your events with authentic ranch-style service."
@@ -317,21 +152,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are your tortillas handmade?",
content: "Yes! Every single corn tortilla is handmade fresh on the comal daily.",
},
{
id: "f2",
title: "Do you offer catering?",
content: "Absolutely. We cater everything from weddings to corporate events with full service.",
},
{
id: "f3",
title: "Where can we find you?",
content: "We operate as a premium taco experience in Austin. Visit us today.",
},
{ id: "f1", title: "Are your tortillas handmade?", content: "Yes! Every single corn tortilla is handmade fresh on the comal daily." },
{ id: "f2", title: "Do you offer catering?", content: "Absolutely. We cater everything from weddings to corporate events with full service." },
{ id: "f3", title: "Where can we find you?", content: "We operate as a premium taco experience in Austin. Visit us today." },
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about our food."
@@ -345,21 +168,10 @@ export default function LandingPage() {
title="You Haven't Had Real Tacos Yet."
description="Order or book your event with us."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Your Email" },
]}
textarea={{
name: "message",
placeholder: "Your event details or order notes...",
}}
textarea={{ name: "message", placeholder: "Your event details or order notes..." }}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-having-fun-party_23-2150188446.jpg"
/>
</div>
@@ -369,33 +181,16 @@ export default function LandingPage() {
logoText="Mariachis Tacos"
columns={[
{
title: "Quick Links",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "Catering",
href: "#catering",
},
{
label: "About",
href: "#about",
},
title: "Quick Links", items: [
{ label: "Menu", href: "#menu" },
{ label: "Catering", href: "#catering" },
{ label: "About", href: "#about" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}