bender/12ff95c5-7c94-473d-a454-6a19b230967f
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-27 05:11:17 +00:00
parent c83e4e906c
commit 5fbfbc5c29
1 changed files with 74 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

347
src/app/page.tsx
View File

@@ -32,90 +32,53 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "FAQs",
id: "#faqs",
},
name: "FAQs", id: "#faqs"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/set-vintage-badges-design-vector_53876-76828.jpg"
logoAlt="Calizona Tacos Logo"
brandName="Calizona Tacos"
button={{
text: "Order Now",
href: "#menu",
}}
text: "Order Now", href: "#menu"}}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="California-Inspired Tacos, Arizona Bold Flavors"
description="Handcrafted tacos made fresh daily with premium ingredients. Order online for pickup or delivery, or visit us today."
tagAnimation="blur-reveal"
buttons={[
{
text: "Order Now",
href: "#menu",
},
text: "Order Now", href: "#menu"},
{
text: "View Menu",
href: "#menu",
},
text: "View Menu", href: "#menu"},
]}
buttonAnimation="blur-reveal"
carouselItems={[
{
id: "hero-carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-taco-mexican-party_23-2149362784.jpg?_wi=1",
imageAlt: "Gourmet carne asada taco",
},
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-taco-mexican-party_23-2149362784.jpg", imageAlt: "Gourmet carne asada taco"},
{
id: "hero-carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-mexican-beef-stripes-with-vegetables-tortilla_23-2148042465.jpg?_wi=1",
imageAlt: "Assortment of vibrant tacos",
},
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-mexican-beef-stripes-with-vegetables-tortilla_23-2148042465.jpg", imageAlt: "Assortment of vibrant tacos"},
{
id: "hero-carousel-3",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mexican-food_23-2148140180.jpg",
imageAlt: "Crispy baja fish tacos",
},
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mexican-food_23-2148140180.jpg", imageAlt: "Crispy baja fish tacos"},
{
id: "hero-carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-concept-flat-lay_23-2148629373.jpg",
imageAlt: "Savory pulled pork carnitas taco",
},
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-concept-flat-lay_23-2148629373.jpg", imageAlt: "Savory pulled pork carnitas taco"},
{
id: "hero-carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-tacos-plate_23-2148629339.jpg",
imageAlt: "Spicy chicken tinga tacos",
},
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-tacos-plate_23-2148629339.jpg", imageAlt: "Spicy chicken tinga tacos"},
{
id: "hero-carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tortilla-with-vegetables-meat_23-2148629316.jpg",
imageAlt: "Vegan mushroom and cactus tacos",
},
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tortilla-with-vegetables-meat_23-2148629316.jpg", imageAlt: "Vegan mushroom and cactus tacos"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -131,24 +94,16 @@ export default function LandingPage() {
tagAnimation="blur-reveal"
buttons={[
{
text: "Our Mission",
href: "#",
},
text: "Our Mission", href: "#"},
]}
buttonAnimation="blur-reveal"
bulletPoints={[
{
title: "Fresh, Local Ingredients",
description: "We source the finest local produce and premium meats to ensure every bite is bursting with flavor and freshness.",
},
title: "Fresh, Local Ingredients", description: "We source the finest local produce and premium meats to ensure every bite is bursting with flavor and freshness."},
{
title: "Unique Flavor Blends",
description: "Experience our signature fusion of California's fresh, light style with Arizona's deep, spicy culinary heritage.",
},
title: "Unique Flavor Blends", description: "Experience our signature fusion of California's fresh, light style with Arizona's deep, spicy culinary heritage."},
{
title: "Community Focused",
description: "More than just food, we're a gathering place for friends and family, committed to serving our community with delicious meals and warm hospitality.",
},
title: "Community Focused", description: "More than just food, we're a gathering place for friends and family, committed to serving our community with delicious meals and warm hospitality."},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-couple-cooking-together_23-2150405873.jpg"
imageAlt="Chef preparing tacos"
@@ -163,47 +118,23 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Easy Online Ordering",
description: "Browse our full menu, customize your order, and choose pickup or delivery, all from your phone or computer.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/female-hand-taking-picture-pizza_1163-2258.jpg",
imageAlt: "Taco menu on mobile phone",
},
title: "Easy Online Ordering", description: "Browse our full menu, customize your order, and choose pickup or delivery, all from your phone or computer.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/female-hand-taking-picture-pizza_1163-2258.jpg", imageAlt: "Taco menu on mobile phone"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-photos-tablet-cafe_23-2147826823.jpg",
imageAlt: "Loyalty program on mobile phone",
},
imageSrc: "http://img.b2bpic.net/free-vector/set-vintage-badges-design-vector_53876-76828.jpg",
imageAlt: "mobile phone showing taco menu app",
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-photos-tablet-cafe_23-2147826823.jpg", imageAlt: "Loyalty program on mobile phone"}
},
{
title: "Quick Pickup & Delivery",
description: "Your delicious tacos are prepared fresh and ready for quick pickup or delivered right to your door.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-scanning-qr-code-with-phone-high-angle_23-2149357878.jpg",
imageAlt: "Loyalty program on mobile phone",
},
title: "Quick Pickup & Delivery", description: "Your delicious tacos are prepared fresh and ready for quick pickup or delivered right to your door.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-scanning-qr-code-with-phone-high-angle_23-2149357878.jpg", imageAlt: "Loyalty program on mobile phone"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-hostel_23-2150601157.jpg",
imageAlt: "Restaurant location on mobile map",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-taco-mexican-party_23-2149362784.jpg?_wi=2",
imageAlt: "mobile phone showing taco menu app",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-hostel_23-2150601157.jpg", imageAlt: "Restaurant location on mobile map"}
},
{
title: "Exclusive Loyalty Rewards",
description: "Join our loyalty program to earn points with every purchase and unlock special discounts and free tacos.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-device_23-2149246306.jpg",
imageAlt: "Restaurant location on mobile map",
},
title: "Exclusive Loyalty Rewards", description: "Join our loyalty program to earn points with every purchase and unlock special discounts and free tacos.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-device_23-2149246306.jpg", imageAlt: "Restaurant location on mobile map"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-smart-phone-with-smoothie-jar_23-2148041864.jpg",
imageAlt: "Taco menu on mobile phone",
},
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-mexican-beef-stripes-with-vegetables-tortilla_23-2148042465.jpg?_wi=2",
imageAlt: "mobile phone showing taco menu app",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-smart-phone-with-smoothie-jar_23-2148041864.jpg", imageAlt: "Taco menu on mobile phone"}
}
]}
showStepNumbers={true}
title="Designed for Your Convenience"
@@ -222,62 +153,24 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "carne-asada",
name: "Carne Asada",
price: "$4.50",
variant: "Grilled Steak, Salsa Roja",
imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-desk-near-vegetables_23-2148181609.jpg",
imageAlt: "Carne Asada Taco",
},
id: "carne-asada", name: "Carne Asada", price: "$4.50", variant: "Grilled Steak, Salsa Roja", imageSrc: "http://img.b2bpic.net/free-photo/tacos-placed-desk-near-vegetables_23-2148181609.jpg", imageAlt: "Carne Asada Taco"},
{
id: "al-pastor",
name: "Al Pastor",
price: "$4.25",
variant: "Marinated Pork, Pineapple",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-vegetarian-tacos_23-2148750465.jpg",
imageAlt: "Al Pastor Taco",
},
id: "al-pastor", name: "Al Pastor", price: "$4.25", variant: "Marinated Pork, Pineapple", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-vegetarian-tacos_23-2148750465.jpg", imageAlt: "Al Pastor Taco"},
{
id: "chicken-tinga",
name: "Chicken Tinga",
price: "$4.00",
variant: "Chipotle Shredded Chicken",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-studio_23-2150770531.jpg",
imageAlt: "Chicken Tinga Taco",
},
id: "chicken-tinga", name: "Chicken Tinga", price: "$4.00", variant: "Chipotle Shredded Chicken", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-taco-studio_23-2150770531.jpg", imageAlt: "Chicken Tinga Taco"},
{
id: "baja-fish",
name: "Baja Fish",
price: "$4.75",
variant: "Crispy Cod, Cabbage Slaw",
imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-shrimpguacamole-vegetables-wooden-table_123827-22706.jpg",
imageAlt: "Baja Fish Taco",
},
id: "baja-fish", name: "Baja Fish", price: "$4.75", variant: "Crispy Cod, Cabbage Slaw", imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-shrimpguacamole-vegetables-wooden-table_123827-22706.jpg", imageAlt: "Baja Fish Taco"},
{
id: "veggie-verde",
name: "Veggie Verde",
price: "$3.75",
variant: "Grilled Veggies, Tomatillo Salsa",
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-arugula-cucumber-radish-red-onion-wheat-tortilla-sauce-lunch-delicious-mexican-burritos-tacos-copy-space_127032-2531.jpg",
imageAlt: "Veggie Verde Taco",
},
id: "veggie-verde", name: "Veggie Verde", price: "$3.75", variant: "Grilled Veggies, Tomatillo Salsa", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-arugula-cucumber-radish-red-onion-wheat-tortilla-sauce-lunch-delicious-mexican-burritos-tacos-copy-space_127032-2531.jpg", imageAlt: "Veggie Verde Taco"},
{
id: "garlic-shrimp",
name: "Garlic Shrimp",
price: "$5.00",
variant: "Sautéed Shrimp, Mango Salsa",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-salmon-tacos-with-red-caviar-green-onion-plate_141793-8424.jpg",
imageAlt: "Garlic Shrimp Taco",
},
id: "garlic-shrimp", name: "Garlic Shrimp", price: "$5.00", variant: "Sautéed Shrimp, Mango Salsa", imageSrc: "http://img.b2bpic.net/free-photo/side-view-salmon-tacos-with-red-caviar-green-onion-plate_141793-8424.jpg", imageAlt: "Garlic Shrimp Taco"},
]}
title="Our Signature Tacos"
description="Explore our diverse menu of handcrafted tacos, each a culinary masterpiece bursting with unique Calizona flavors."
tagAnimation="blur-reveal"
buttons={[
{
text: "View Full Menu",
href: "#",
},
text: "View Full Menu", href: "#"},
]}
buttonAnimation="blur-reveal"
/>
@@ -291,64 +184,28 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Local Foodie",
company: "Community Reviewer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-cafe-reads-something-tablet_1304-5539.jpg",
imageAlt: "Sarah J.",
},
id: "1", name: "Sarah J.", role: "Local Foodie", company: "Community Reviewer", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-cafe-reads-something-tablet_1304-5539.jpg", imageAlt: "Sarah J."},
{
id: "2",
name: "Mark T.",
role: "Regular Customer",
company: "Neighborhood Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-eating-funny-way_23-2150269618.jpg",
imageAlt: "Mark T.",
},
id: "2", name: "Mark T.", role: "Regular Customer", company: "Neighborhood Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-eating-funny-way_23-2150269618.jpg", imageAlt: "Mark T."},
{
id: "3",
name: "Emily R.",
role: "Busy Professional",
company: "Office Worker",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-taco-with-green-background-copy-space_23-2148329158.jpg",
imageAlt: "Emily R.",
},
id: "3", name: "Emily R.", role: "Busy Professional", company: "Office Worker", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-taco-with-green-background-copy-space_23-2148329158.jpg", imageAlt: "Emily R."},
{
id: "4",
name: "David L.",
role: "Social Media Influencer",
company: "Food Blogger",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286422.jpg",
imageAlt: "David L.",
},
id: "4", name: "David L.", role: "Social Media Influencer", company: "Food Blogger", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286422.jpg", imageAlt: "David L."},
{
id: "5",
name: "Jessica M.",
role: "Family Mom",
company: "Local Parent",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-pizza_23-2151231312.jpg",
imageAlt: "Jessica M.",
},
id: "5", name: "Jessica M.", role: "Family Mom", company: "Local Parent", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-pizza_23-2151231312.jpg", imageAlt: "Jessica M."},
]}
kpiItems={[
{
value: "5/5",
label: "Avg. Rating",
},
value: "5/5", label: "Avg. Rating"},
{
value: "10k+",
label: "Tacos Served",
},
value: "10k+", label: "Tacos Served"},
{
value: "99%",
label: "Happy Customers",
},
value: "99%", label: "Happy Customers"},
]}
title="What Our Customers Say"
description="Hear directly from our community about their favorite Calizona Tacos experiences."
@@ -362,33 +219,19 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What are your opening hours?",
content: "We are open Monday to Saturday from 11 AM to 9 PM, and Sunday from 12 PM to 8 PM.",
},
id: "faq-1", title: "What are your opening hours?", content: "We are open Monday to Saturday from 11 AM to 9 PM, and Sunday from 12 PM to 8 PM."},
{
id: "faq-2",
title: "Do you offer vegetarian or vegan options?",
content: "Yes, we have several delicious vegetarian and vegan-friendly options, including our Veggie Verde and Mushroom Cactus tacos. Just ask our staff for recommendations!",
},
id: "faq-2", title: "Do you offer vegetarian or vegan options?", content: "Yes, we have several delicious vegetarian and vegan-friendly options, including our Veggie Verde and Mushroom Cactus tacos. Just ask our staff for recommendations!"},
{
id: "faq-3",
title: "How can I place an online order?",
content: "You can place an online order directly through our website by clicking the 'Order Now' button, or via our partner delivery apps.",
},
id: "faq-3", title: "How can I place an online order?", content: "You can place an online order directly through our website by clicking the 'Order Now' button, or via our partner delivery apps."},
{
id: "faq-4",
title: "Do you offer catering services?",
content: "Yes, we offer catering for events of all sizes. Please contact us directly to discuss your needs and get a custom quote.",
},
id: "faq-4", title: "Do you offer catering services?", content: "Yes, we offer catering for events of all sizes. Please contact us directly to discuss your needs and get a custom quote."},
]}
sideTitle="Got Questions? We've Got Answers."
sideDescription="Find quick answers to common questions about our menu, ordering, and dining experience."
buttons={[
{
text: "View All FAQs",
href: "#",
},
text: "View All FAQs", href: "#"},
]}
buttonAnimation="blur-reveal"
faqsAnimation="slide-up"
@@ -401,14 +244,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Local Eats Magazine",
"Foodie Adventures Blog",
"City Best Dining Guide",
"Taste of the Town Awards",
"DoorDash",
"Uber Eats",
"Grubhub",
]}
"Local Eats Magazine", "Foodie Adventures Blog", "City Best Dining Guide", "Taste of the Town Awards", "DoorDash", "Uber Eats", "Grubhub"]}
title="As Seen In & Partnered With"
description="Proudly featured by local critics and partners in the culinary scene."
tagAnimation="blur-reveal"
@@ -423,22 +259,14 @@ export default function LandingPage() {
description="We'd love to hear from you or see you at our location. Drop by for the best tacos in town or reach out with any questions."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
}}
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3440.jpg"
imageAlt="Modern taco restaurant interior"
@@ -455,66 +283,39 @@ export default function LandingPage() {
logoText="Calizona Tacos"
columns={[
{
title: "Menu",
items: [
title: "Menu", items: [
{
label: "Tacos",
href: "#menu",
},
label: "Tacos", href: "#menu"},
{
label: "Sides",
href: "#",
},
label: "Sides", href: "#"},
{
label: "Drinks",
href: "#",
},
label: "Drinks", href: "#"},
{
label: "Catering",
href: "#",
},
label: "Catering", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Reviews",
href: "#testimonials",
},
label: "Reviews", href: "#testimonials"},
{
label: "FAQs",
href: "#faqs",
},
label: "FAQs", href: "#faqs"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Location",
href: "#contact",
},
label: "Location", href: "#contact"},
{
label: "Order Online",
href: "#menu",
},
label: "Order Online", href: "#menu"},
{
label: "Social Media",
href: "#",
},
label: "Social Media", href: "#"},
],
},
]}