Update src/app/page.tsx
This commit is contained in:
362
src/app/page.tsx
362
src/app/page.tsx
@@ -26,274 +26,112 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Panaderia Y Tortilleria Artesanal"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Panaderia Y Tortilleria Artesanal"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Freshly Baked Tradition, Every Day"
|
||||
description="Authentic Mexican pastries, breads, and handmade tortillas in North Carolina."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bunch-different-bread-types-bundle-together-marble-surface_114579-48037.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009622.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-brunette-female-gardener-optical-glasses-uniform-wearing-gardening-hat-holds-pumpkin-isolated-pink-wall-with-copy-space_141793-93572.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039443.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy local customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Baked Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned & Operated",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Authentic",
|
||||
icon: Check,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Recipes",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced",
|
||||
icon: Leaf,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshly Baked Tradition, Every Day"
|
||||
description="Authentic Mexican pastries, breads, and handmade tortillas in North Carolina."
|
||||
buttons={[
|
||||
{ text: "Explore Menu", href: "#products" },
|
||||
{ text: "Visit Us Today", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bunch-different-bread-types-bundle-together-marble-surface_114579-48037.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009622.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-young-brunette-female-gardener-optical-glasses-uniform-wearing-gardening-hat-holds-pumpkin-isolated-pink-wall-with-copy-space_141793-93572.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039443.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ happy local customers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Freshly Baked Daily" },
|
||||
{ type: "text", text: "Family Owned & Operated" },
|
||||
{ type: "text-icon", text: "100% Authentic", icon: Check },
|
||||
{ type: "text", text: "Traditional Recipes" },
|
||||
{ type: "text-icon", text: "Locally Sourced", icon: Leaf },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Flavor"
|
||||
description="From warm tortillas straight off the press to sweet pan dulce, every bite brings tradition to life. We take pride in our family-owned shop, baking everything fresh daily with recipes passed down through generations."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/jars-with-cookies_23-2147787045.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Flavor"
|
||||
description="From warm tortillas straight off the press to sweet pan dulce, every bite brings tradition to life. We take pride in our family-owned shop, baking everything fresh daily with recipes passed down through generations."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/jars-with-cookies_23-2147787045.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Bakery",
|
||||
name: "Conchas",
|
||||
price: "$1.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-sugar-cookies-with-strawberry-cream-grey-surface_140725-90549.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Bakery",
|
||||
name: "Churros",
|
||||
price: "$2.00",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spanish-churros-traditional-spanish-food-isolated-white-background_123827-35310.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Bakery",
|
||||
name: "Guava Pastry",
|
||||
price: "$1.75",
|
||||
rating: 4,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-dessert-tart-tatin-with-blood-orange_114579-11128.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Bakery",
|
||||
name: "Mexican Donut",
|
||||
price: "$1.25",
|
||||
rating: 4,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-donuts-with-sugar-cream-black-table_181624-20877.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Bakery",
|
||||
name: "Corn Tortillas",
|
||||
price: "$3.00",
|
||||
rating: 5,
|
||||
reviewCount: "250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tortilla-with-spoon-tomato-sauce-sliced-lime-table_23-2148254373.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Bakery",
|
||||
name: "Tres Leches",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cream-cake-with-orange-slice_23-2148536901.jpg",
|
||||
},
|
||||
]}
|
||||
title="Today's Fresh Picks"
|
||||
description="Discover our most beloved traditional Mexican treats."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Bakery", name: "Conchas", price: "$1.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-sugar-cookies-with-strawberry-cream-grey-surface_140725-90549.jpg" },
|
||||
{ id: "2", brand: "Bakery", name: "Churros", price: "$2.00", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/spanish-churros-traditional-spanish-food-isolated-white-background_123827-35310.jpg" },
|
||||
{ id: "3", brand: "Bakery", name: "Guava Pastry", price: "$1.75", rating: 4, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-dessert-tart-tatin-with-blood-orange_114579-11128.jpg" },
|
||||
{ id: "4", brand: "Bakery", name: "Mexican Donut", price: "$1.25", rating: 4, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/fried-donuts-with-sugar-cream-black-table_181624-20877.jpg" },
|
||||
{ id: "5", brand: "Bakery", name: "Corn Tortillas", price: "$3.00", rating: 5, reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/tortilla-with-spoon-tomato-sauce-sliced-lime-table_23-2148254373.jpg" },
|
||||
{ id: "6", brand: "Bakery", name: "Tres Leches", price: "$4.50", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/cream-cake-with-orange-slice_23-2148536901.jpg" },
|
||||
]}
|
||||
title="Today's Fresh Picks"
|
||||
description="Discover our most beloved traditional Mexican treats."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible!",
|
||||
quote: "Best tortillas I’ve ever had – always fresh and hot!",
|
||||
name: "Sarah J.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009622.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "So Tasty",
|
||||
quote: "Amazing variety, it’s hard to choose!",
|
||||
name: "Michael C.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-female-gardener-optical-glasses-uniform-wearing-gardening-hat-holds-pumpkin-isolated-pink-wall-with-copy-space_141793-93572.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Value",
|
||||
quote: "Delicious pastries at great prices.",
|
||||
name: "Emily R.",
|
||||
role: "Regular Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039443.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Smells amazing",
|
||||
quote: "The smell alone makes you want everything.",
|
||||
name: "David K.",
|
||||
role: "Frequent Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Traditional",
|
||||
quote: "Authentic recipes that truly taste like home.",
|
||||
name: "Maria G.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by the Community"
|
||||
description="Hear what our neighbors say about our fresh-baked goods."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Incredible!", quote: "Best tortillas I’ve ever had – always fresh and hot!", name: "Sarah J.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009622.jpg" },
|
||||
{ id: "2", title: "So Tasty", quote: "Amazing variety, it’s hard to choose!", name: "Michael C.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-female-gardener-optical-glasses-uniform-wearing-gardening-hat-holds-pumpkin-isolated-pink-wall-with-copy-space_141793-93572.jpg" },
|
||||
{ id: "3", title: "Great Value", quote: "Delicious pastries at great prices.", name: "Emily R.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039443.jpg" },
|
||||
{ id: "4", title: "Smells amazing", quote: "The smell alone makes you want everything.", name: "David K.", role: "Frequent Visitor", imageSrc: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg" },
|
||||
{ id: "5", title: "Traditional", quote: "Authentic recipes that truly taste like home.", name: "Maria G.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg" },
|
||||
]}
|
||||
title="Loved by the Community"
|
||||
description="Hear what our neighbors say about our fresh-baked goods."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Plan Your Visit"
|
||||
title="Visit Us Today"
|
||||
description="Located in the heart of NC. Stop by for the best selection of fresh pastries and tortillas!"
|
||||
buttonText="Subscribe for Weekly Specials"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Plan Your Visit"
|
||||
title="Visit Us Today"
|
||||
description="Located in the heart of NC. Stop by for the best selection of fresh pastries and tortillas!"
|
||||
buttonText="Subscribe for Weekly Specials"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Panaderia Y Tortilleria Artesanal"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Menu", href: "#products" }, { label: "About Us", href: "#about" }, { label: "Location", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Panaderia Y Tortilleria Artesanal"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user