Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
380
src/app/page.tsx
380
src/app/page.tsx
@@ -27,270 +27,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Taqueria La Morena"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Taqueria La Morena"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
logoText="Taqueria La Morena"
|
||||
description="Authentic Mexican flavors, served fresh daily in the heart of your neighborhood."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blackboard-tortillas_23-2147740817.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Taqueria La Morena"
|
||||
description="Authentic Mexican flavors, served fresh daily in the heart of your neighborhood."
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blackboard-tortillas_23-2147740817.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="Born from generations of family recipes, La Morena brings the true taste of Mexico to your table. We pride ourselves on using locally sourced ingredients and traditional cooking methods."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pumpkins-kitchen-utensils-wooden-shelf_181624-22204.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="Born from generations of family recipes, La Morena brings the true taste of Mexico to your table. We pride ourselves on using locally sourced ingredients and traditional cooking methods."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pumpkins-kitchen-utensils-wooden-shelf_181624-22204.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Specialty",
|
||||
name: "Tacos Al Pastor",
|
||||
price: "$3.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mexican-dish-with-wooden-background_23-2148283082.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Specialty",
|
||||
name: "Carne Asada",
|
||||
price: "$4.00",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-tacos_23-2150878353.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Specialty",
|
||||
name: "Birria Tacos",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tacos-with-meat-basket_23-2148629348.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Specialty",
|
||||
name: "Veggie Burrito",
|
||||
price: "$9.00",
|
||||
rating: 4,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831003.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Specialty",
|
||||
name: "Guacamole & Chips",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831061.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Specialty",
|
||||
name: "Horchata",
|
||||
price: "$3.00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tortilla-with-meat-vegetables_23-2148750445.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Menu"
|
||||
description="Explore our selection of handcrafted tacos, burritos, and traditional specialties."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Specialty", name: "Tacos Al Pastor", price: "$3.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mexican-dish-with-wooden-background_23-2148283082.jpg" },
|
||||
{ id: "p2", brand: "Specialty", name: "Carne Asada", price: "$4.00", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-tacos_23-2150878353.jpg" },
|
||||
{ id: "p3", brand: "Specialty", name: "Birria Tacos", price: "$4.50", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tacos-with-meat-basket_23-2148629348.jpg" },
|
||||
{ id: "p4", brand: "Specialty", name: "Veggie Burrito", price: "$9.00", rating: 4, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831003.jpg" },
|
||||
{ id: "p5", brand: "Specialty", name: "Guacamole & Chips", price: "$6.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831061.jpg" },
|
||||
{ id: "p6", brand: "Specialty", name: "Horchata", price: "$3.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tortilla-with-meat-vegetables_23-2148750445.jpg" },
|
||||
]}
|
||||
title="Featured Menu"
|
||||
description="Explore our selection of handcrafted tacos, burritos, and traditional specialties."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria G.",
|
||||
handle: "@mariag",
|
||||
testimonial: "The best tacos in town, hands down!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-dish-menu_23-2147681115.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Great service and even better food.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000340.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "La Morena feels like home every time I visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-female-with-warm-blue-eyes-positive-smile-dressed-casually-has-dark-hair-tied-knot-drinks-fresh-cocktail-being-pleased-spend-free-time-cafeteria-summer-rest-leisure_273609-3039.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Carlos L.",
|
||||
handle: "@carlosl",
|
||||
testimonial: "Authentic flavors that remind me of Mexico.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-eating-delicious-taco_23-2150831015.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily S.",
|
||||
handle: "@emilys",
|
||||
testimonial: "I come here every single week!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222245.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from the community that loves our food as much as we love making it."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Maria G.", handle: "@mariag", testimonial: "The best tacos in town, hands down!", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-dish-menu_23-2147681115.jpg" },
|
||||
{ id: "2", name: "John D.", handle: "@johnd", testimonial: "Great service and even better food.", imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000340.jpg" },
|
||||
{ id: "3", name: "Sarah P.", handle: "@sarahp", testimonial: "La Morena feels like home every time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-female-with-warm-blue-eyes-positive-smile-dressed-casually-has-dark-hair-tied-knot-drinks-fresh-cocktail-being-pleased-spend-free-time-cafeteria-summer-rest-leisure_273609-3039.jpg" },
|
||||
{ id: "4", name: "Carlos L.", handle: "@carlosl", testimonial: "Authentic flavors that remind me of Mexico.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-eating-delicious-taco_23-2150831015.jpg" },
|
||||
{ id: "5", name: "Emily S.", handle: "@emilys", testimonial: "I come here every single week!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222245.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from the community that loves our food as much as we love making it."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we cater for events large and small.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your ingredients fresh?",
|
||||
content: "We use fresh, locally sourced ingredients daily.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have vegan options?",
|
||||
content: "Yes, we have a selection of plant-based tacos.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our hours or catering services? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-mexican-food-with-meat_23-2148614396.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer catering?", content: "Yes, we cater for events large and small." },
|
||||
{ id: "f2", title: "Are your ingredients fresh?", content: "We use fresh, locally sourced ingredients daily." },
|
||||
{ id: "f3", title: "Do you have vegan options?", content: "Yes, we have a selection of plant-based tacos." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our hours or catering services? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-mexican-food-with-meat_23-2148614396.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Local Business Alliance",
|
||||
"Downtown Foodies",
|
||||
"City Chamber",
|
||||
"Neighborhood Watch",
|
||||
"Green Market",
|
||||
"Street Food Weekly",
|
||||
"Culinary Review",
|
||||
]}
|
||||
title="Proudly Supported By"
|
||||
description="Trusted by our local community and partners."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Local Business Alliance", "Downtown Foodies", "City Chamber", "Neighborhood Watch", "Green Market", "Street Food Weekly", "Culinary Review"]}
|
||||
title="Proudly Supported By"
|
||||
description="Trusted by our local community and partners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Drop By La Morena"
|
||||
description="Find us at 123 Taco Street. Open daily from 11 AM to 10 PM."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illustration-tourist-attraction-city_23-2151852343.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Drop By La Morena"
|
||||
description="Find us at 123 Taco Street. Open daily from 11 AM to 10 PM."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illustration-tourist-attraction-city_23-2151852343.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 La Morena"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 La Morena"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user