258 lines
16 KiB
TypeScript
258 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||
import ContactText from "@/components/sections/contact/ContactText";
|
||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||
import { Flame, Star, Heart } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="compact"
|
||
sizing="largeSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="Taqueria el Chikitin"
|
||
navItems={[
|
||
{ name: "Home", id: "home" },
|
||
{ name: "Menu", id: "menu" },
|
||
{ name: "Hours & Location", id: "hours" },
|
||
{ name: "Reviews", id: "reviews" }
|
||
]}
|
||
button={{
|
||
text: "Find Us Now", href: "#hours"
|
||
}}
|
||
animateOnLoad={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlay
|
||
title="Authentic Sonoran Tacos, Made with Love"
|
||
description="Family-run taco truck serving Tucson's best tripas, carne asada, and Sonoran dogs since day one. Fresh ingredients, generous portions, unbeatable prices—locals know."
|
||
tag="Tucson's Favorite Street Food"
|
||
tagIcon={Flame}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Find Us Now", href: "#hours" },
|
||
{ text: "See Menu", href: "#menu" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg?_wi=1"
|
||
imageAlt="Authentic Sonoran tacos close-up with fresh ingredients"
|
||
showDimOverlay={false}
|
||
showBlur={true}
|
||
ariaLabel="Taqueria el Chikitin hero section - Authentic Sonoran street tacos"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
title="Taqueria el Chikitin: Where Tradition Meets Community"
|
||
description={[
|
||
"We're not just serving tacos—we're sharing a piece of Sonoran heritage right here in Tucson. For years, our family has perfected recipes passed down through generations, using only the freshest ingredients and traditional preparation methods.", "Every taco, every Sonoran dog, every bite represents our commitment to authenticity and quality. From early morning to late night, we're here to fuel your day with food that tastes like home.", "Whether you're a longtime local or discovering us for the first time, you're part of our extended family. That's the Taqueria el Chikitin promise."
|
||
]}
|
||
buttons={[
|
||
{ text: "Learn More", href: "#menu" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
showBorder={false}
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
title="Complete Menu"
|
||
description="Handcrafted with premium ingredients and authentic recipes. Each item prepared fresh to order. All prices per item unless otherwise noted."
|
||
tag="Full Menu"
|
||
tagIcon={Star}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Order Online", href: "#contact" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
products={[
|
||
{
|
||
id: "carne-asada", brand: "Tacos", name: "Carne Asada Tacos", price: "$3.50", rating: 5,
|
||
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/tacos-plate-near-vegetables_23-2148181577.jpg?_wi=1", imageAlt: "Grilled carne asada tacos with cilantro and onions"
|
||
},
|
||
{
|
||
id: "tripas", brand: "Tacos", name: "Tripas Tacos", price: "$3.00", rating: 5,
|
||
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mexican-food-with-nachos_23-2148614412.jpg?_wi=1", imageAlt: "Traditional tripas tacos prepared authentically"
|
||
},
|
||
{
|
||
id: "al-pastor", brand: "Tacos", name: "Al Pastor Tacos", price: "$3.25", rating: 5,
|
||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-buying-food_23-2149461678.jpg?_wi=1", imageAlt: "Marinated al pastor tacos with pineapple and cilantro"
|
||
},
|
||
{
|
||
id: "chorizo", brand: "Tacos", name: "Chorizo Tacos", price: "$3.00", rating: 5,
|
||
reviewCount: "140+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg?_wi=2", imageAlt: "Spicy chorizo tacos with fresh toppings"
|
||
},
|
||
{
|
||
id: "sonoran-dogs", brand: "Hot Dogs", name: "Sonoran Hot Dogs", price: "$4.50", rating: 5,
|
||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-buying-food_23-2149461678.jpg?_wi=2", imageAlt: "Bacon-wrapped Sonoran hot dogs with traditional toppings"
|
||
},
|
||
{
|
||
id: "carne-asada-burrito", brand: "Burritos", name: "Carne Asada Burrito", price: "$7.50", rating: 5,
|
||
reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/tacos-plate-near-vegetables_23-2148181577.jpg?_wi=2", imageAlt: "Large carne asada burrito with beans and rice"
|
||
},
|
||
{
|
||
id: "tripas-burrito", brand: "Burritos", name: "Tripas Burrito", price: "$6.75", rating: 5,
|
||
reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mexican-food-with-nachos_23-2148614412.jpg?_wi=2", imageAlt: "Traditional tripas burrito with cheese and salsa"
|
||
},
|
||
{
|
||
id: "chorizo-burrito", brand: "Burritos", name: "Chorizo Burrito", price: "$6.50", rating: 5,
|
||
reviewCount: "78+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg?_wi=3", imageAlt: "Spicy chorizo burrito loaded with all the fixings"
|
||
},
|
||
{
|
||
id: "carne-asada-torta", brand: "Tortas", name: "Carne Asada Torta", price: "$8.00", rating: 5,
|
||
reviewCount: "110+", imageSrc: "http://img.b2bpic.net/free-photo/tacos-plate-near-vegetables_23-2148181577.jpg?_wi=3", imageAlt: "Pressed carne asada torta with avocado and mayo"
|
||
},
|
||
{
|
||
id: "milanesa-torta", brand: "Tortas", name: "Milanesa Torta", price: "$7.50", rating: 5,
|
||
reviewCount: "92+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mexican-food-with-nachos_23-2148614412.jpg?_wi=3", imageAlt: "Crispy breaded milanesa torta with fresh vegetables"
|
||
},
|
||
{
|
||
id: "chorizo-torta", brand: "Tortas", name: "Chorizo Torta", price: "$7.00", rating: 5,
|
||
reviewCount: "88+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg?_wi=4", imageAlt: "Spicy chorizo torta on fresh bolillo roll"
|
||
},
|
||
{
|
||
id: "guacamole-chips", brand: "Sides", name: "Guacamole & Chips", price: "$5.50", rating: 5,
|
||
reviewCount: "165+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-buying-food_23-2149461678.jpg?_wi=3", imageAlt: "Fresh guacamole with crispy tortilla chips"
|
||
},
|
||
{
|
||
id: "street-corn", brand: "Sides", name: "Street Corn (Elote)", price: "$4.00", rating: 5,
|
||
reviewCount: "140+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg?_wi=5", imageAlt: "Charred street corn with mayo, cheese, and lime"
|
||
},
|
||
{
|
||
id: "black-beans", brand: "Sides", name: "Black Beans", price: "$2.50", rating: 5,
|
||
reviewCount: "75+", imageSrc: "http://img.b2bpic.net/free-photo/tacos-plate-near-vegetables_23-2148181577.jpg?_wi=4", imageAlt: "Traditional black beans with cilantro"
|
||
},
|
||
{
|
||
id: "mexican-rice", brand: "Sides", name: "Mexican Rice", price: "$2.50", rating: 5,
|
||
reviewCount: "82+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mexican-food-with-nachos_23-2148614412.jpg?_wi=4", imageAlt: "Fluffy Mexican rice with fresh vegetables"
|
||
},
|
||
{
|
||
id: "agua-fresca", brand: "Beverages", name: "Agua Fresca", price: "$2.00", rating: 5,
|
||
reviewCount: "130+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortilla-with-meat-vegetables_23-2148750444.jpg?_wi=6", imageAlt: "Refreshing agua fresca with fresh fruit"
|
||
},
|
||
{
|
||
id: "horchata", brand: "Beverages", name: "Horchata", price: "$2.50", rating: 5,
|
||
reviewCount: "155+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-buying-food_23-2149461678.jpg?_wi=4", imageAlt: "Creamy horchata with cinnamon"
|
||
},
|
||
{
|
||
id: "jamaica", brand: "Beverages", name: "Jamaica", price: "$2.00", rating: 5,
|
||
reviewCount: "98+", imageSrc: "http://img.b2bpic.net/free-photo/tacos-plate-near-vegetables_23-2148181577.jpg?_wi=5", imageAlt: "Refreshing hibiscus agua jamaica"
|
||
},
|
||
{
|
||
id: "mexican-coke", brand: "Beverages", name: "Mexican Coke", price: "$2.00", rating: 5,
|
||
reviewCount: "112+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mexican-food-with-nachos_23-2148614412.jpg?_wi=5", imageAlt: "Cold Mexican Coke with real sugar"
|
||
}
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hours" data-section="hours">
|
||
<ContactText
|
||
text="Open Daily: 10am–10pm\n📍 Located on 4th Ave, Tucson, AZ\n\nPhone: (520) 555-0147\nFollow us for daily specials and updates"
|
||
animationType="entrance-slide"
|
||
buttons={[
|
||
{ text: "Get Directions", href: "https://maps.google.com?q=taqueria+el+chikitin+tucson" },
|
||
{ text: "Call Us", href: "tel:+15205550147" }
|
||
]}
|
||
background={{
|
||
variant: "radial-gradient"
|
||
}}
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardThirteen
|
||
title="What Our Community Says"
|
||
description="Real reviews from real locals who trust Taqueria el Chikitin for authentic flavor and genuine hospitality."
|
||
tag="Community Love"
|
||
tagIcon={Heart}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Read More Reviews", href: "https://www.google.com/search?q=Taqueria+el+Chikitin" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Maria Rodriguez", handle: "@maria_local_tucson", testimonial: "Finally found authentic Sonoran tacos in my own city! This is exactly what I've been looking for. The carne asada is incredible—fresh, flavorful, and priced right. I'm bringing everyone I know.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-cute-girl-with-hair-bun-spending-lunch-break-restaurant-with-wooden-walls_273609-9037.jpg", imageAlt: "Maria Rodriguez", icon: Star
|
||
},
|
||
{
|
||
id: "2", name: "James Chen", handle: "@james_foodie_az", testimonial: "Best food truck experience in Tucson. The staff is always friendly, the food is always hot and fresh, and the prices are unbeatable. This is street food done right.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "James Chen", icon: Star
|
||
},
|
||
{
|
||
id: "3", name: "Sandra Lopez", handle: "@sandra_tucson_eats", testimonial: "Growing up, my abuela made tacos like these. El Chikitin brought back so many memories. You can taste the love in every bite. Support local, support authentic!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-greenhouse_23-2148509894.jpg", imageAlt: "Sandra Lopez", icon: Star
|
||
},
|
||
{
|
||
id: "4", name: "David Thompson", handle: "@david_lunch_break", testimonial: "My new go-to lunch spot. Quick service, amazing tacos, and always consistent. The Sonoran dogs? Absolutely next level. Don't miss this place!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", imageAlt: "David Thompson", icon: Star
|
||
}
|
||
]}
|
||
showRating={true}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<FooterBaseCard
|
||
logoText="Taqueria el Chikitin"
|
||
copyrightText="© 2025 Taqueria el Chikitin. Authentic Sonoran street tacos serving Tucson with pride."
|
||
columns={[
|
||
{
|
||
title: "Quick Links", items: [
|
||
{ label: "Home", href: "#home" },
|
||
{ label: "Menu", href: "#menu" },
|
||
{ label: "Hours & Location", href: "#hours" },
|
||
{ label: "Reviews", href: "#reviews" }
|
||
]
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{ label: "Phone: (520) 555-0147", href: "tel:+15205550147" },
|
||
{ label: "Email: info@taqueriachikitin.com", href: "mailto:info@taqueriachikitin.com" },
|
||
{ label: "4th Ave, Tucson, AZ", href: "https://maps.google.com?q=taqueria+el+chikitin+tucson" }
|
||
]
|
||
},
|
||
{
|
||
title: "Hours", items: [
|
||
{ label: "Monday–Sunday", href: "#" },
|
||
{ label: "10:00 AM – 10:00 PM", href: "#" },
|
||
{ label: "Closed major holidays", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|