282 lines
13 KiB
TypeScript
282 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Menu", id: "#products"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Reviews", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Taqueria Chicago"
|
|
button={{
|
|
text: "Order Online", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Taste the Authentic Flavors of Chicago"
|
|
description="Experience the vibrant spirit of Mexico with every bite. Fresh ingredients, traditional recipes, and a passion for flavor."
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#products"},
|
|
{
|
|
text: "Order Online", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/delicious-taco-platter_23-2151602951.jpg"
|
|
imageAlt="Delicious taco platter"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Our Story: Passion for Authentic Mexican Cuisine"
|
|
description={[
|
|
"Taqueria Chicago started with a simple dream: to bring the true taste of Mexico to the heart of Chicago. Founded by the Garcia family, our taqueria is built on generations of culinary tradition.", "We believe that great food begins with great ingredients. That's why we meticulously source the freshest produce, high-quality meats, and authentic spices to craft every dish. Our tortillas are handmade daily, a testament to our commitment to tradition and flavor.", "From our vibrant salsas to our slow-cooked meats, every item on our menu tells a story of heritage and passion. Come and join our family table, and discover why Taqueria Chicago is a beloved culinary destination."
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#about"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Authentic Tacos", description: "From classic carne asada to spicy al pastor, discover our wide selection of delicious street tacos.", imageSrc: "http://img.b2bpic.net/free-photo/assorted-tacos-wooden-board_23-2147775981.jpg", imageAlt: "Assorted tacos on a wooden board"},
|
|
{
|
|
title: "Handmade Tortillas", description: "Crafted fresh daily, our corn tortillas are the perfect foundation for any taco or quesadilla.", imageSrc: "http://img.b2bpic.net/free-photo/flour-tortilla-cooking_23-2148782333.jpg", imageAlt: "Flour tortillas being cooked"},
|
|
{
|
|
title: "Zesty Salsas", description: "Experience a burst of flavor with our homemade salsas, made from the freshest chilies and spices.", imageSrc: "http://img.b2bpic.net/free-photo/three-bowls-mexican-sauces-chilli-guacamole-nacho-cheese-sauces_23-2147775836.jpg", imageAlt: "Three bowls of Mexican sauces"},
|
|
{
|
|
title: "Fresh Ingredients", description: "We commit to using only the finest, freshest local produce and ethically sourced meats.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-ingredients-mexican-food_23-2147775895.jpg", imageAlt: "Fresh ingredients for Mexican food"},
|
|
]}
|
|
title="Our Signature Offerings"
|
|
description="Explore the dishes that make Taqueria Chicago a local favorite."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "taco-1", name: "Carne Asada Taco", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/tacos-with-beef-salsa-lime-top-view_23-2148003102.jpg", imageAlt: "Carne Asada Taco"},
|
|
{
|
|
id: "taco-2", name: "Al Pastor Taco", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/tacos-al-pastor-on-marble-table_23-2147775956.jpg", imageAlt: "Al Pastor Taco"},
|
|
{
|
|
id: "taco-3", name: "Chicken Tinga Taco", price: "$3.25", imageSrc: "http://img.b2bpic.net/free-photo/taco-shells-with-chicken-sauce-tomato_23-2147775971.jpg", imageAlt: "Chicken Tinga Taco"},
|
|
{
|
|
id: "taco-4", name: "Vegetarian Taco", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-taco-with-lettuce-tomato_23-2147775960.jpg", imageAlt: "Vegetarian Taco"},
|
|
{
|
|
id: "quesadilla-1", name: "Quesadilla with Cheese", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-quesadilla_23-2148782339.jpg", imageAlt: "Quesadilla with Cheese"},
|
|
{
|
|
id: "burrito-1", name: "Classic Burrito", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burrito-with-chicken_23-2148782348.jpg", imageAlt: "Classic Burrito"},
|
|
]}
|
|
title="Our Delicious Menu"
|
|
description="Savor the taste of authentic Mexican street food, crafted with passion and fresh ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "5000+", description: "Tacos Served Weekly"},
|
|
{
|
|
id: "m2", value: "10+", description: "Years of Culinary Excellence"},
|
|
{
|
|
id: "m3", value: "99%", description: "Fresh, Local Ingredients"},
|
|
]}
|
|
title="Our Taqueria in Numbers"
|
|
description="The passion behind every meal, reflected in our commitment to quality and community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah M.", handle: "", testimonial: "The best tacos in Chicago! The carne asada is out of this world, and the handmade tortillas make all the difference.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-traveler-holding-camera_23-2149034841.jpg", imageAlt: "Sarah M. avatar"},
|
|
{
|
|
id: "t2", name: "Carlos P.", handle: "", testimonial: "A true taste of Mexico! I love the vibrant flavors and the authentic atmosphere. My go-to spot for al pastor.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-backpack-preparing-hiking_179666-41773.jpg", imageAlt: "Carlos P. avatar"},
|
|
{
|
|
id: "t3", name: "Jessica L.", handle: "", testimonial: "Amazing vegetarian options and incredible salsas. Taqueria Chicago never disappoints!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-worker-white-dress-holding-little-earth-globe-blue-wall_140725-150539.jpg", imageAlt: "Jessica L. avatar"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Customers Say"
|
|
description="Hear from our beloved patrons about their Taqueria Chicago experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Chicago Foodie Blog", "Local Eats Magazine", "Best of Chicago Awards", "Dining Scene Review", "Community Choice Awards"]}
|
|
title="Recognized in the Chicago Food Scene"
|
|
description="Proudly serving the community and recognized by local food critics and publications."
|
|
speed={50}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "Do you offer catering?", content: "Yes, we offer catering for events of all sizes. Please contact us for more details and to customize your menu."},
|
|
{
|
|
id: "faq2", title: "Are your tortillas gluten-free?", content: "Our corn tortillas are naturally gluten-free. We also have flour tortillas for those who prefer them."},
|
|
{
|
|
id: "faq3", title: "Do you have vegetarian or vegan options?", content: "Absolutely! We have a variety of delicious vegetarian and vegan options, including plant-based proteins and fresh veggie fillings."},
|
|
{
|
|
id: "faq4", 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."},
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about Taqueria Chicago."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-animated"}}
|
|
tag="Make a Reservation or Order Online"
|
|
title="Ready to Taste Taqueria Chicago?"
|
|
description="Whether you're planning a visit, picking up an order, or craving our authentic Mexican cuisine delivered to your door, we've got you covered. Reach out or place your order today!"
|
|
buttons={[
|
|
{
|
|
text: "Make a Reservation", href: "#contact"
|
|
},
|
|
{
|
|
text: "Order Online", href: "#contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Taqueria Chicago"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Tacos", href: "#products"},
|
|
{
|
|
label: "Burritos", href: "#products"},
|
|
{
|
|
label: "Quesadillas", href: "#products"},
|
|
{
|
|
label: "Drinks", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
{
|
|
label: "Community", href: "#social-proof"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Visit Us: 123 Main St, Chicago, IL", href: "#contact"},
|
|
{
|
|
label: "Call Us: (312) 555-0199", href: "#contact"},
|
|
{
|
|
label: "Email Us: info@taqueriachicago.com", href: "#contact"},
|
|
{
|
|
label: "Make a Reservation", href: "#contact"},
|
|
{
|
|
label: "Order Online", href: "#contact"},
|
|
{
|
|
label: "Catering", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{
|
|
label: "Mon - Sat: 11 AM - 9 PM", href: "#contact"
|
|
},
|
|
{
|
|
label: "Sun: 12 PM - 8 PM", href: "#contact"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Taqueria Chicago. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|