310 lines
15 KiB
TypeScript
310 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import { History, Star, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="largeSmall"
|
||
background="floatingGradient"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#hero"},
|
||
{
|
||
name: "About Us", id: "#about"},
|
||
{
|
||
name: "Menu", id: "#product"},
|
||
{
|
||
name: "Reviews", id: "#testimonials"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
brandName="Taqueria El Jalisciense"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="Authentic Al Pastor, Born in Jalisco"
|
||
description="Family-crafted since day one. Trusted by thousands with a 4.9-star reputation."
|
||
buttons={[
|
||
{
|
||
text: "Reserve Now", href: "#contact"},
|
||
{
|
||
text: "Order Online", href: "#product"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/snail-sausage-with-vegetable-grey-background_23-2148206950.jpg"
|
||
imageAlt="Authentic Al Pastor Tacos"
|
||
mediaAnimation="opacity"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-amusement-park_23-2147910670.jpg", alt: "Young woman enjoying at amusement park"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/laughing-woman-with-dish-menu_23-2147681115.jpg", alt: "Laughing woman with dish and menu"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Portrait of waitress standing at counter"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cups_23-2148896964.jpg", alt: "Medium shot woman holding cups"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-284.jpg", alt: "Portrait of an handsome young man"},
|
||
]}
|
||
avatarText="Join our 10K+ happy diners!"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Authentic Flavors"},
|
||
{
|
||
type: "text", text: "Family-Crafted Recipes"},
|
||
{
|
||
type: "text", text: "Fresh, Local Ingredients"},
|
||
{
|
||
type: "text-icon", text: "Highly Rated", icon: Star,
|
||
},
|
||
{
|
||
type: "text", text: "Taste of Jalisco"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
useInvertedBackground={false}
|
||
tag="Our Legacy"
|
||
title="The Heart of Jalisco in Every Bite"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyFour
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
animationType="slide-up"
|
||
features={[
|
||
{
|
||
id: "feature-1", title: "Hand-Pressed Tortillas", author: "Chef Maria Rodriguez", description: "Crafted fresh daily from premium corn, our tortillas are the heart of every taco, soft, warm, and bursting with authentic flavor.", tags: [
|
||
"Fresh", "Daily"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/women-s-hands-make-dough-azerbaijani-dish-gutab_114579-18127.jpg", imageAlt: "Hand-pressed corn tortillas"},
|
||
{
|
||
id: "feature-2", title: "Signature Al Pastor", author: "Chef Juan Martinez", description: "Marinated for 24 hours in a secret family recipe, then slow-cooked on a vertical spit, our al pastor is sliced to perfection, crispy and juicy.", tags: [
|
||
"Signature", "Slow-Cooked"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/steak-brazillian-style_1339-8295.jpg", imageAlt: "Al pastor on a vertical spit"},
|
||
{
|
||
id: "feature-3", title: "Locally Sourced Produce", author: "Local Farms", description: "We partner with local farms to bring you the freshest vegetables and herbs, ensuring vibrant flavors and supporting our community.", tags: [
|
||
"Local", "Seasonal"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/orange-pearshaped-pumpkin-placed-top-other-pumpkins-market-place-close-up-big-pumpkin_7502-10533.jpg", imageAlt: "Fresh Mexican ingredients"},
|
||
]}
|
||
title="Our Culinary Philosophy"
|
||
description="We believe in preserving authenticity while innovating for today's palate. Discover what makes dining at Taqueria El Jalisciense an unforgettable experience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="product" data-section="product">
|
||
<ProductCardFour
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
products={[
|
||
{
|
||
id: "p1", name: "Tacos al Pastor", price: "$3.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831005.jpg", imageAlt: "Tacos al Pastor"},
|
||
{
|
||
id: "p2", name: "Birria Quesadillas", price: "$14.00", variant: "Savory", imageSrc: "http://img.b2bpic.net/free-photo/mexican-chicken-quesadillas-with-cheese-peppers-wooden-table_123827-28004.jpg", imageAlt: "Birria Quesadillas"},
|
||
{
|
||
id: "p3", name: "Carne Asada Burrito", price: "$12.00", variant: "Hearty", imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148024812.jpg", imageAlt: "Carne Asada Burrito"},
|
||
{
|
||
id: "p4", name: "Enchiladas Suizas", price: "$15.00", variant: "Rich", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831003.jpg", imageAlt: "Enchiladas Suizas"},
|
||
{
|
||
id: "p5", name: "Fresh Guacamole", price: "$8.00", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/guacamole_23-2148024721.jpg", imageAlt: "Fresh Guacamole"},
|
||
{
|
||
id: "p6", name: "Horchata", price: "$4.00", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/glass-milk-with-crispbread-wooden-board_114579-25388.jpg", imageAlt: "Traditional Horchata"},
|
||
]}
|
||
title="Taste Our Authentic Menu"
|
||
description="From classic street tacos to exquisite regional specialties, our menu is a celebration of Mexican culinary artistry."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
animationType="slide-up"
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Sarah Johnson", role: "Food Critic", company: "Urban Eats Magazine", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-stylish-smiling-woman-colorful-retro-vintage-american-50s-cafe-sitting-table-drinking-milk-shake-cocktail-wearing-pink-sunglasses-having-fun_285396-10740.jpg", imageAlt: "Sarah Johnson"},
|
||
{
|
||
id: "t2", name: "Michael Chen", role: "Local Guide", company: "Taste of the City", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-while-holding-smartphone_23-2148486208.jpg", imageAlt: "Michael Chen"},
|
||
{
|
||
id: "t3", name: "Emily Rodriguez", role: "Family Diner", company: "Community Member", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg", imageAlt: "Emily Rodriguez"},
|
||
{
|
||
id: "t4", name: "David Kim", role: "Product Manager", company: "Local Resident", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-copy-space_23-2148612946.jpg", imageAlt: "David Kim"},
|
||
{
|
||
id: "t5", name: "Jessica Lee", role: "Chef & Blogger", company: "Culinary Explorer", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-eating-some-street-food_23-2148952874.jpg", imageAlt: "Jessica Lee"},
|
||
{
|
||
id: "t6", name: "Robert Davis", role: "Tourist", company: "Travel Foodie", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-coffee-cup_23-2148895182.jpg", imageAlt: "Michael Chen"},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
value: "10K+", label: "Happy Customers"},
|
||
{
|
||
value: "50+", label: "Years Heritage"},
|
||
{
|
||
value: "4.9", label: "Average Rating"},
|
||
]}
|
||
title="What Our Diners Say"
|
||
description="Our 4.9-star rating speaks volumes. Hear directly from those who’ve savored the Taqueria El Jalisciense difference."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardThree
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "m1", icon: History,
|
||
title: "Years of Heritage", value: "50+"},
|
||
{
|
||
id: "m2", icon: Users,
|
||
title: "Happy Customers Annually", value: "10K+"},
|
||
{
|
||
id: "m3", icon: Star,
|
||
title: "Average Customer Rating", value: "4.9/5"},
|
||
]}
|
||
title="Our Commitment to Excellence"
|
||
description="Decades of tradition, thousands of happy diners, and a passion for authentic Mexican flavors."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Foodie Daily", "Taste of the City", "Urban Eats Magazine", "Local Flavors Guide", "Gourmet Gazette", "Dine & Discover", "Culinary Critics"]}
|
||
title="Featured & Celebrated"
|
||
description="Our commitment to authenticity and culinary excellence has earned us recognition from local critics and esteemed food guides."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1", title: "Do you take reservations?", content: "Yes, we highly recommend making a reservation, especially for weekend dining. You can book through our website or call us directly."},
|
||
{
|
||
id: "q2", title: "Are there vegetarian or vegan options?", content: "Absolutely! Our menu includes a variety of delicious vegetarian and vegan dishes, and we're happy to accommodate dietary restrictions upon request."},
|
||
{
|
||
id: "q3", title: "Do you offer catering services?", content: "Yes, Taqueria El Jalisciense offers catering for events of all sizes. Please contact us for a custom menu and quote."},
|
||
{
|
||
id: "q4", title: "What are your operating hours?", content: "We are open Monday to Friday from 11 AM to 10 PM, and Saturday to Sunday from 10 AM to 11 PM. Holiday hours may vary."},
|
||
{
|
||
id: "q5", title: "Is there parking available?", content: "Yes, we have a dedicated parking lot for our customers, and street parking is also available nearby."},
|
||
]}
|
||
sideTitle="Common Questions"
|
||
sideDescription="Find answers to your most asked questions about reservations, menu options, and dining experience at Taqueria El Jalisciense."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
tag="Visit Us"
|
||
title="Book Your Table or Order Now"
|
||
description="Experience the vibrant flavors of Taqueria El Jalisciense. Make a reservation for an unforgettable dining experience or order your favorite dishes for takeout."
|
||
imageSrc="http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg"
|
||
imageAlt="Taqueria El Jalisciense interior"
|
||
mediaAnimation="opacity"
|
||
inputPlaceholder="Your email for updates & offers"
|
||
buttonText="Subscribe"
|
||
termsText="Join our mailing list for exclusive promotions and updates on new menu items and events."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Explore", items: [
|
||
{
|
||
label: "Home", href: "#hero"},
|
||
{
|
||
label: "Menu", href: "#product"},
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Our Story", href: "#about"},
|
||
],
|
||
},
|
||
{
|
||
title: "Visit", items: [
|
||
{
|
||
label: "Reservations", href: "#contact"},
|
||
{
|
||
label: "Order Online", href: "#product"},
|
||
{
|
||
label: "Location", href: "#contact"},
|
||
{
|
||
label: "Hours", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
{
|
||
label: "Press", href: "#"},
|
||
{
|
||
label: "Careers", href: "#"},
|
||
{
|
||
label: "Feedback", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 Taqueria El Jalisciense. All rights reserved."
|
||
bottomRightText="Crafted with passion in Jalisco."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|