Merge version_1 into main #2
365
src/app/page.tsx
365
src/app/page.tsx
@@ -25,270 +25,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "order",
|
||||
},
|
||||
]}
|
||||
brandName="La Bendición"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Order", id: "order" },
|
||||
]}
|
||||
brandName="La Bendición"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Taste Tradition Like Never Before"
|
||||
description="Handmade pupusas, authentic Salvadoran flavors, and unforgettable comfort food — crafted fresh every day."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Maria G.",
|
||||
handle: "@mariag",
|
||||
testimonial: "Delicious food and traditional drinks — tastes homemade.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg?_wi=1",
|
||||
imageAlt: "close-up golden pupusas with melted cheese",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "The food is so delicious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-banana-peanut-butter-cripbread-snacks-cutting-board-with-oat-coffee-almond-milk-crispbread-plaid-cloth-wooden-background_141793-130634.jpg?_wi=1",
|
||||
imageAlt: "handcrafted pupusas plate fresh ingredients",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Very good food at great prices.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg?_wi=1",
|
||||
imageAlt: "grilled pupusa plate cheese beans",
|
||||
},
|
||||
{
|
||||
name: "Carlos R.",
|
||||
handle: "@carlosr",
|
||||
testimonial: "Authentic taste, reminds me of home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-flowers-pots-restaurant_181624-24428.jpg?_wi=1",
|
||||
imageAlt: "modern restaurant interior dark warm ambiance",
|
||||
},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elenam",
|
||||
testimonial: "The pupusas are the best in Freeport.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg?_wi=2",
|
||||
imageAlt: "close-up golden pupusas with melted cheese",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg?_wi=3"
|
||||
imageAlt="Golden pupusas with melted cheese and steam"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Authentic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handmade Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Best in Freeport",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Taste Tradition Like Never Before"
|
||||
description="Handmade pupusas, authentic Salvadoran flavors, and unforgettable comfort food — crafted fresh every day."
|
||||
testimonials={[
|
||||
{ name: "Maria G.", handle: "@mariag", testimonial: "Delicious food and traditional drinks — tastes homemade.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg", imageAlt: "close-up golden pupusas with melted cheese" },
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "The food is so delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-banana-peanut-butter-cripbread-snacks-cutting-board-with-oat-coffee-almond-milk-crispbread-plaid-cloth-wooden-background_141793-130634.jpg", imageAlt: "handcrafted pupusas plate fresh ingredients" },
|
||||
{ name: "Sarah K.", handle: "@sarahk", testimonial: "Very good food at great prices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg", imageAlt: "grilled pupusa plate cheese beans" },
|
||||
{ name: "Carlos R.", handle: "@carlosr", testimonial: "Authentic taste, reminds me of home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/table-with-flowers-pots-restaurant_181624-24428.jpg", imageAlt: "modern restaurant interior dark warm ambiance" },
|
||||
{ name: "Elena M.", handle: "@elenam", testimonial: "The pupusas are the best in Freeport.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg", imageAlt: "close-up golden pupusas with melted cheese" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "#order" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg"
|
||||
imageAlt="Golden pupusas with melted cheese and steam"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-arrangement_23-2149009478.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "100% Authentic" },
|
||||
{ type: "text", text: "Handmade Daily" },
|
||||
{ type: "text", text: "Family Owned" },
|
||||
{ type: "text", text: "Fresh Ingredients" },
|
||||
{ type: "text", text: "Best in Freeport" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Taste of Home"
|
||||
description="La Bendición brings the heart of Salvadoran cuisine to your table. Every dish is made with care, tradition, and bold flavor — just like home. From perfectly grilled pupusas to refreshing traditional drinks, we serve comfort food that satisfies every craving."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-banana-peanut-butter-cripbread-snacks-cutting-board-with-oat-coffee-almond-milk-crispbread-plaid-cloth-wooden-background_141793-130634.jpg?_wi=2"
|
||||
imageAlt="Handcrafted pupusas plate"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Taste of Home"
|
||||
description="La Bendición brings the heart of Salvadoran cuisine to your table. Every dish is made with care, tradition, and bold flavor — just like home. From perfectly grilled pupusas to refreshing traditional drinks, we serve comfort food that satisfies every craving."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-banana-peanut-butter-cripbread-snacks-cutting-board-with-oat-coffee-almond-milk-crispbread-plaid-cloth-wooden-background_141793-130634.jpg"
|
||||
imageAlt="Handcrafted pupusas plate"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cheese Pupusas",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bean & Cheese Pupusas",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pork Tamales",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Horchata",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Seafood Ceviche",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Marinated Fish",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg?_wi=7",
|
||||
},
|
||||
]}
|
||||
title="Our Favorites"
|
||||
description="Authentic flavors grilled to perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Cheese Pupusas", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg" },
|
||||
{ id: "p2", name: "Bean & Cheese Pupusas", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg" },
|
||||
{ id: "p3", name: "Pork Tamales", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg" },
|
||||
{ id: "p4", name: "Horchata", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg" },
|
||||
{ id: "p5", name: "Seafood Ceviche", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg" },
|
||||
{ id: "p6", name: "Marinated Fish", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg" },
|
||||
]}
|
||||
title="Our Favorites"
|
||||
description="Authentic flavors grilled to perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Authentic Taste",
|
||||
descriptions: [
|
||||
"Homemade recipes passed down through generations.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fresh Daily",
|
||||
descriptions: [
|
||||
"Every ingredient sourced and prepared fresh daily.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Affordable Prices",
|
||||
descriptions: [
|
||||
"Generous portions that satisfy every budget.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg?_wi=10",
|
||||
},
|
||||
]}
|
||||
title="Why Customers Love La Bendición"
|
||||
description="Discover why we are the local favorite."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Authentic Taste", descriptions: ["Homemade recipes passed down through generations."], imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg" },
|
||||
{ id: "f2", title: "Fresh Daily", descriptions: ["Every ingredient sourced and prepared fresh daily."], imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg" },
|
||||
{ id: "f3", title: "Affordable Prices", descriptions: ["Generous portions that satisfy every budget."], imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-tamales-composition_23-2149009504.jpg" },
|
||||
]}
|
||||
title="Why Customers Love La Bendición"
|
||||
description="Discover why we are the local favorite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order" data-section="order">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Ready to Eat?"
|
||||
description="Skip the wait and enjoy your favorite dishes today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-with-flowers-pots-restaurant_181624-24428.jpg?_wi=2"
|
||||
buttonText="Order Pickup"
|
||||
/>
|
||||
</div>
|
||||
<div id="order" data-section="order">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Ready to Eat?"
|
||||
description="Skip the wait and enjoy your favorite dishes today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-with-flowers-pots-restaurant_181624-24428.jpg"
|
||||
buttonText="Order Pickup"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="La Bendición"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Facebook",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="La Bendición"
|
||||
leftLink={{ text: "Instagram", href: "#" }}
|
||||
rightLink={{ text: "Facebook", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user