Merge version_1 into main #2
304
src/app/page.tsx
304
src/app/page.tsx
@@ -17,210 +17,122 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Los 2 Magueyes"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "https://losdosmagueyesem.toast.site/order",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
brandName="Los 2 Magueyes"
|
||||
button={{ text: "Order Online", href: "https://losdosmagueyesem.toast.site/order" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Mexican Flavors, Made Fresh."
|
||||
description="Experience the best of Mexican cuisine right here at Los 2 Magueyes. From giant tacos to our famous burritos, we bring the heart of authentic recipes to your table."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "https://losdosmagueyesem.toast.site/order",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-vegetarian-tacos_23-2148750464.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Mexican Flavors, Made Fresh."
|
||||
description="Experience the best of Mexican cuisine right here at Los 2 Magueyes. From giant tacos to our famous burritos, we bring the heart of authentic recipes to your table."
|
||||
buttons={[{ text: "Order Online", href: "https://losdosmagueyesem.toast.site/order" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-vegetarian-tacos_23-2148750464.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Steak Burrito Dinner",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-spiced-rice-black-beans-meat-sandwiches-plate-wooden-surface_181624-34885.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chicken Flautas Dinner",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-dishes-spices-around-clipboard_23-2147740768.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Enchiladas Verdes Dinner",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-burrito-with-rice_1147-395.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Steak Tacos",
|
||||
price: "$2.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-spiced-rice-black-beans-meat-sandwiches-plate-wooden-surface_181624-34885.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Al Pastor Tacos",
|
||||
price: "$2.85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-dishes-spices-around-clipboard_23-2147740768.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Shrimp Taco",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-burrito-with-rice_1147-395.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Featured Menu"
|
||||
description="Discover our most loved authentic dishes, prepared fresh daily with the highest quality ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Steak Burrito Dinner", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-spiced-rice-black-beans-meat-sandwiches-plate-wooden-surface_181624-34885.jpg" },
|
||||
{ id: "p2", name: "Chicken Flautas Dinner", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/mexican-dishes-spices-around-clipboard_23-2147740768.jpg" },
|
||||
{ id: "p3", name: "Enchiladas Verdes Dinner", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/mexican-burrito-with-rice_1147-395.jpg" },
|
||||
{ id: "p4", name: "Steak Tacos", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-spiced-rice-black-beans-meat-sandwiches-plate-wooden-surface_181624-34885.jpg" },
|
||||
{ id: "p5", name: "Al Pastor Tacos", price: "$2.85", imageSrc: "http://img.b2bpic.net/free-photo/mexican-dishes-spices-around-clipboard_23-2147740768.jpg" },
|
||||
{ id: "p6", name: "Shrimp Taco", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/mexican-burrito-with-rice_1147-395.jpg" },
|
||||
]}
|
||||
title="Our Featured Menu"
|
||||
description="Discover our most loved authentic dishes, prepared fresh daily with the highest quality ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Quality You Can Taste"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Authentic Recipes",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Customer Rating",
|
||||
value: "4.6",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Fresh Daily",
|
||||
value: "Always",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Quality You Can Taste"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Authentic Recipes", value: "100%" },
|
||||
{ icon: Star, label: "Customer Rating", value: "4.6" },
|
||||
{ icon: Clock, label: "Fresh Daily", value: "Always" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Most people run to give a review as soon as something bad happens… but I feel like I should do the same thing as soon as they do something that helps them stand out. The food is absolutely top tier!"
|
||||
rating={5}
|
||||
author="Quentin Snyders"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-man-eating-potato_23-2148899059.jpg",
|
||||
alt: "Customer Review",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
||||
alt: "Customer Review",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
alt: "Customer Review",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg",
|
||||
alt: "Customer Review",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
alt: "Customer Review",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Most people run to give a review as soon as something bad happens… but I feel like I should do the same thing as soon as they do something that helps them stand out. The food is absolutely top tier!"
|
||||
rating={5}
|
||||
author="Quentin Snyders"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-happy-man-eating-potato_23-2148899059.jpg", alt: "Customer Review" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Customer Review" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "Customer Review" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg", alt: "Customer Review" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg", alt: "Customer Review" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Contact & Location"
|
||||
description="Have questions or want to place a large order? Reach out to us or stop by for a fresh authentic meal. We are located right in the heart of the community."
|
||||
tagIcon={MapPin}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-shot-spiced-rice-black-beans-meat-sandwiches-plate-wooden-surface_181624-34885.jpg?_wi=3"
|
||||
imageAlt="Los 2 Magueyes Restaurant storefront and atmosphere"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Contact & Location"
|
||||
description="Have questions or want to place a large order? Reach out to us or stop by for a fresh authentic meal. We are located right in the heart of the community."
|
||||
tagIcon={MapPin}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-shot-spiced-rice-black-beans-meat-sandwiches-plate-wooden-surface_181624-34885.jpg"
|
||||
imageAlt="Los 2 Magueyes Restaurant storefront and atmosphere"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xt3c1c"
|
||||
logoText="Los 2 Magueyes"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Order Online",
|
||||
href: "https://losdosmagueyesem.toast.site/order",
|
||||
},
|
||||
{
|
||||
label: "7221 State Park Road",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xt3c1c"
|
||||
logoText="Los 2 Magueyes"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Order Online", href: "https://losdosmagueyesem.toast.site/order" },
|
||||
{ label: "7221 State Park Road", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user