231 lines
13 KiB
TypeScript
231 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { CheckCircle, Flame, Heart, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Taco Fiesta"
|
|
navItems={[
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Visit", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "https://www.google.com/maps/search/taco+fiesta+san+diego"
|
|
}}
|
|
className="shadow-sm"
|
|
navItemClassName="font-medium text-sm"
|
|
buttonClassName="px-6 py-2"
|
|
buttonTextClassName="font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Authentic Mexican Flavor in the Heart of San Diego"
|
|
description="Fresh tacos, legendary burritos, and local favorites made daily at Taco Fiesta. Experience bold flavors and generous portions that celebrate San Diego's vibrant taco culture."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="San Diego's Favorite"
|
|
tagIcon={Flame}
|
|
imageSrc="https://img.b2bpic.net/free-photo/diet-healthy-tacos-with-pork-avocado-wooden-background-selective-focusgenerative-ai_1258-153035.jpg"
|
|
imageAlt="Authentic Mexican street tacos"
|
|
buttons={[
|
|
{ text: "View Menu", href: "#products" },
|
|
{ text: "Get Directions", href: "https://www.google.com/maps/search/taco+fiesta+4920+university+ave+san+diego" }
|
|
]}
|
|
titleClassName="text-5xl md:text-6xl font-bold"
|
|
descriptionClassName="text-lg md:text-xl"
|
|
tagClassName="bg-opacity-90"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
title="Taco Fiesta is a beloved San Diego destination serving authentic Mexican classics with bold flavor, generous portions, and affordable prices. From our famous breakfast burritos to legendary carne asada fries, every dish celebrates fresh ingredients and time-honored recipes. Whether you're stopping by for a quick lunch or gathering with friends for dinner, Taco Fiesta brings the warmth and vibrancy of Mexican street food culture to your table."
|
|
buttons={[
|
|
{ text: "Learn More", href: "#products" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
titleClassName="text-3xl md:text-4xl font-semibold leading-relaxed"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Our Menu Favorites"
|
|
description="Discover the dishes that made Taco Fiesta a San Diego legend. Fresh, authentic, and made to order every single day."
|
|
tag="Daily Specials"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "1", name: "Breakfast Burrito", price: "$7.42", imageSrc: "https://img.b2bpic.net/free-photo/delicious-tacos-with-sauce-arrangement_23-2148629320.jpg", imageAlt: "Ham, egg, and cheese breakfast burrito"
|
|
},
|
|
{
|
|
id: "2", name: "Steak King Burrito", price: "$9.28", imageSrc: "https://img.b2bpic.net/free-photo/mexican-tacos-with-beef-tomato-sauce-salsa_2829-14194.jpg", imageAlt: "Premium steak king burrito"
|
|
},
|
|
{
|
|
id: "3", name: "Carne Asada Fries", price: "$10.99", imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-tasty-tortillas-with-meat-tomato-sauce-ingredients_181624-46252.jpg", imageAlt: "Crispy fries topped with tender carne asada and melted cheese"
|
|
},
|
|
{
|
|
id: "4", name: "Fish Tacos", price: "$2.78", imageSrc: "https://img.b2bpic.net/free-photo/close-up-mini-tacos-served-with-chili-paste_140725-4987.jpg", imageAlt: "Fresh baja-style fish tacos"
|
|
},
|
|
{
|
|
id: "5", name: "Carne Asada Plate", price: "$11.14", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-tortilla-with-vegetables-meat_23-2148629316.jpg", imageAlt: "Grilled carne asada plate with sides"
|
|
},
|
|
{
|
|
id: "6", name: "Chorizo Quesadilla", price: "$7.42", imageSrc: "https://img.b2bpic.net/free-photo/delicious-tacos-arrangement-top-view_23-2148629322.jpg", imageAlt: "Crispy chorizo quesadilla with melted cheese"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
cardNameClassName="font-semibold text-sm md:text-base"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Why Taco Fiesta Stands Out"
|
|
tag="San Diego's Best"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "Fresh Daily", description: "All ingredients sourced fresh and prepared to order every single day for maximum flavor and quality."
|
|
},
|
|
{
|
|
id: "2", value: "$10-20", description: "Affordable pricing that celebrates authentic Mexican food culture without breaking the bank."
|
|
},
|
|
{
|
|
id: "3", value: "Open Daily", description: "Conveniently located at 4920 University Ave, serving breakfast through dinner every day until 8 PM."
|
|
},
|
|
{
|
|
id: "4", value: "No Reservations", description: "Walk-ins welcome with fast service and outdoor seating available for comfortable casual dining."
|
|
}
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
titleClassName="text-3xl md:text-4xl font-semibold"
|
|
tagClassName="text-sm font-medium"
|
|
valueClassName="text-2xl md:text-3xl font-bold"
|
|
descriptionClassName="text-base md:text-lg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Loved by San Diego"
|
|
description="See what our customers love about Taco Fiesta. From breakfast regulars to dinner groups, everyone has a favorite dish."
|
|
tag="Customer Favorites"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Best Breakfast Burritos in San Diego", quote: "I come here three times a week for the breakfast burritos. They're perfectly stuffed, affordable, and hit the spot every single time. The quality is consistent and the portions are generous.", name: "Marco Reyes", role: "Local Regular", imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg", imageAlt: "Marco Reyes"
|
|
},
|
|
{
|
|
id: "2", title: "Legendary Carne Asada Fries", quote: "The carne asada fries are absolutely incredible. Fresh, crispy fries, tender carne asada, melted cheese, and all the perfect toppings. It's authentic San Diego street food at its best.", name: "Maria Gonzalez", role: "Food Enthusiast", imageSrc: "https://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", imageAlt: "Maria Gonzalez"
|
|
},
|
|
{
|
|
id: "3", title: "Family Favorite for Dinner", quote: "We bring our whole family here for dinner at least once a week. The kids love the tacos, the prices are fair, and the staff is always friendly. Taco Fiesta feels like home to us.", name: "David Martinez", role: "Family Father", imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg", imageAlt: "David Martinez"
|
|
},
|
|
{
|
|
id: "4", title: "Fresh Quality Every Visit", quote: "What sets Taco Fiesta apart is the quality. The ingredients are fresh, everything tastes authentic, and you can tell they care about doing it right. Best casual Mexican food spot I've found.", name: "Carlos Mendez", role: "Frequent Guest", imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg", imageAlt: "Carlos Mendez"
|
|
},
|
|
{
|
|
id: "5", title: "Perfect for Lunch Breaks", quote: "Quick, delicious, and reasonably priced. I stop by Taco Fiesta at least twice a week during my lunch break. The service is fast and the food is always hot and fresh.", name: "Juan Herrera", role: "Local Professional", imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg", imageAlt: "Juan Herrera"
|
|
},
|
|
{
|
|
id: "6", title: "Authentic Mexican Food", quote: "Finally found a place that serves real Mexican food, not the Americanized version. Taco Fiesta delivers authentic flavors, generous portions, and friendly service. Highly recommended!", name: "Rosa Delgado", role: "San Diego Native", imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg", imageAlt: "Rosa Delgado"
|
|
}
|
|
]}
|
|
quoteClassName="text-base md:text-lg italic"
|
|
nameClassName="font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
title="Experience the Difference"
|
|
description="What makes Taco Fiesta the go-to spot for authentic Mexican food in San Diego."
|
|
tag="Why Choose Us"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Chain restaurant uniformity", "Frozen or pre-made ingredients", "Slow service during peak hours", "Limited menu variety"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Authentic San Diego flavor", "Fresh ingredients prepared daily", "Fast, friendly service always", "Diverse menu from breakfast to dinner"
|
|
]
|
|
}}
|
|
cardClassName="rounded-lg border"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to taste authentic San Diego? Visit Taco Fiesta today and discover why we're the local favorite. Fresh tacos, legendary burritos, and bold flavors await."
|
|
animationType="background-highlight"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://www.google.com/maps/search/taco+fiesta+4920+university+ave+san+diego" },
|
|
{ text: "Call Now", href: "tel:+16192801634" }
|
|
]}
|
|
textClassName="text-2xl md:text-3xl font-semibold"
|
|
buttonClassName="px-8 py-3 font-semibold"
|
|
buttonTextClassName="font-bold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Taco Fiesta"
|
|
leftLink={{
|
|
text: "4920 University Ave, San Diego, CA 92105", href: "https://www.google.com/maps/search/taco+fiesta+4920+university+ave+san+diego"
|
|
}}
|
|
rightLink={{
|
|
text: "(619) 280-1634", href: "tel:+16192801634"
|
|
}}
|
|
className="bg-opacity-95"
|
|
logoClassName="text-2xl font-bold"
|
|
linkClassName="text-sm md:text-base"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |