183 lines
9.3 KiB
TypeScript
183 lines
9.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Flame, Utensils, MapPin, CheckCircle, Phone, Instagram, Facebook } from "lucide-react";
|
|
|
|
export default function TacoTruckLandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Taco Truck Lexington"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Location", id: "location" },
|
|
{ name: "Loyalty", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Order Now", href: "https://www.ubereats.com" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Authentic Tacos, Rolling Through Lexington Daily"
|
|
description="Fresh ingredients, bold flavors, and real street food tradition. Find us today and taste the difference."
|
|
tag="Street Food"
|
|
tagIcon={Flame}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-delicious-food-sold-streets-city_23-2151516916.jpg"
|
|
imageAlt="Authentic taco truck serving fresh Mexican street food"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "See Our Location & Menu", href: "#menu" },
|
|
{ text: "Order on Uber Eats", href: "https://www.ubereats.com" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardOne
|
|
title="Explore Our Menu"
|
|
description="Crafted daily with the freshest ingredients and traditional recipes passed down through generations."
|
|
tag="Menu"
|
|
tagIcon={Utensils}
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Classic Carne Asada Tacos", description: "Tender grilled beef, fresh cilantro, onion, and lime. Served on corn tortillas.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mexican-tacos-plate_23-2148181603.jpg", imageAlt: "Delicious carne asada tacos"},
|
|
{
|
|
title: "Seasoned Chicken & Fish", description: "Marinated chicken or fresh fish tacos with cabbage slaw and chipotle crema.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-brazilian-food-with-beans-lime_23-2148751900.jpg", imageAlt: "Protein options for tacos"},
|
|
{
|
|
title: "Authentic Beverages", description: "Refreshing Mexican sodas, fresh limeade, and seasonal agua frescas.", imageSrc: "http://img.b2bpic.net/free-photo/homemade-michelada-cocktail-with-beer-lime-juicehot-saucesalted-rim-tomato-juice_123827-22019.jpg", imageAlt: "Traditional Mexican drinks"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Full Menu", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<MetricSplitMediaAbout
|
|
tag="Find Us"
|
|
tagIcon={MapPin}
|
|
title="Rolling Through Lexington Every Day"
|
|
description="We rotate through different neighborhoods and events across Lexington to bring authentic street food to you. Follow our social media for daily location updates and never miss our stops."
|
|
metrics={[
|
|
{ value: "7", title: "Days a Week" },
|
|
{ value: "4+", title: "Daily Locations" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bold-metro-station-chatelet-paris_23-2148232435.jpg"
|
|
imageAlt="Map of Lexington showing our daily locations"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Loved by Lexington"
|
|
description="Join thousands of local food enthusiasts enjoying authentic street tacos"
|
|
tag="Community"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Local Food Lovers", "Downtown Workers", "College Students", "Weekend Foodies", "Family Dinners", "Event Catering", "Office Lunches", "Night Owl Friends"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Why Choose Us"
|
|
description="Experience street food the way it's meant to be—fresh, flavorful, and fast."
|
|
tag="Quality Promise"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Fresh Daily Ingredients", description: "Every ingredient is sourced fresh each morning from local Lexington suppliers. No shortcuts, no compromises.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables_1303-4811.jpg", imageAlt: "Fresh produce used in our tacos"},
|
|
{
|
|
title: "Quick Service, Never Rushed", description: "Get your tacos fast without sacrificing quality. We're proud of every order we hand you.", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-alarm-clock_1154-134.jpg", imageAlt: "Efficient taco truck service"},
|
|
{
|
|
title: "Built for the Community", description: "We're locals serving locals. Your feedback shapes our menu and our mission every single day.", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033593.jpg", imageAlt: "Community-focused food truck"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="The best tacos I've found in Lexington hands down. The authenticity, the flavors, the service—everything is perfect. I bring my friends every chance I get."
|
|
rating={5}
|
|
author="Marcus Johnson, Local Food Writer"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "Marcus Johnson" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Martinez" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-african-man-looking_171337-9852.jpg", alt: "James Chen" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg", alt: "Elena Rodriguez" },
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={Phone}
|
|
title="Ready to Taste Something Authentic?"
|
|
description="Follow us on social media for daily location updates, or shoot us a message with catering inquiries and special requests."
|
|
buttons={[
|
|
{ text: "Follow on Instagram", href: "https://instagram.com" },
|
|
{ text: "Message Us", href: "#" },
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Taco Truck Lexington"
|
|
copyrightText="© 2025 Taco Truck Lexington | Authentic Street Food Daily"
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Like us on Facebook" },
|
|
{ icon: MapPin, href: "#location", ariaLabel: "Find our locations" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|