Files
91dc607b-e70b-4871-a288-aad…/src/app/page.tsx
2026-03-03 19:32:02 +00:00

184 lines
9.8 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, Clock, Instagram, Facebook } from "lucide-react";
export default function QueTacoLanding() {
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="Que Taco"
navItems={[
{ name: "Menu", id: "menu" },
{ name: "Hours & Location", id: "location" },
{ name: "Why Us", id: "features" },
{ 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 Street Tacos in Lexington, Kentucky"
description="Fresh ingredients, bold flavors, and real street food tradition. Open daily with extended Friday & Saturday hours. 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 Hours & Location", href: "#location" },
{ 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. Everything made fresh to order."
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="Hours & Location"
tagIcon={Clock}
title="Hours of Operation"
description="Que Taco is open throughout the week in Lexington, Kentucky. We're open extended hours on Friday and Saturday nights for the perfect late-night bite. Follow our social media for daily location updates and never miss our stops."
metrics={[
{ value: "Mon-Thu", title: "11:30 AM - 11:00 PM" },
{ value: "Fri-Sat", title: "11:30 AM - 12:00 AM" },
{ value: "Sunday", title: "Closed" },
]}
imageSrc="http://img.b2bpic.net/free-photo/bold-metro-station-chatelet-paris_23-2148232435.jpg"
imageAlt="Map of Lexington showing Que Taco service area"
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 from Que Taco"
tag="Community"
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Food Lovers", "Downtown Workers", "College Students", "Weekend Foodies", "Family Dinners", "Office Lunches", "Night Owl Friends", "Event Catering"]}
speed={40}
showCard={true}
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
title="Why Choose Que Taco"
description="Experience street food the way it's meant to be—fresh, flavorful, and fast. We're committed to authentic Mexican street food tradition."
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, made fresh to order.", 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="slide-up"
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. Que Taco has become our go-to spot for genuine Mexican street food."
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={Clock}
title="Ready to Taste Something Authentic?"
description="Follow us on social media for daily location updates and special announcements, or message us with catering inquiries and special requests. Hours: Mon-Thu 11:30 AM-11 PM, Fri-Sat 11:30 AM-12 AM, Closed Sundays."
buttons={[
{ text: "Follow on Instagram", href: "https://instagram.com" },
{ text: "Order Catering", href: "#" },
]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Que Taco"
copyrightText="© 2025 Que Taco | Authentic Street Food in Lexington, Kentucky | Mon-Thu 11:30 AM-11 PM | Fri-Sat 11:30 AM-12 AM | Closed Sundays"
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 hours and location" },
]}
/>
</div>
</ThemeProvider>
);
}