Merge version_1 into main #1
366
src/app/page.tsx
366
src/app/page.tsx
@@ -25,275 +25,115 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lababy"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lababy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Lababy Coffee — Crafted with Heart"
|
||||
description="Experience the warmth of artisanal coffee in every cup. Our beans are ethically sourced, roasted to perfection, and served in the heart of your community."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-taking-selfie_23-2149356872.jpg",
|
||||
alt: "Happy customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our 2,000+ daily coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small Batch Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Technique",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Always Fresh",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Lababy Coffee — Crafted with Heart"
|
||||
description="Experience the warmth of artisanal coffee in every cup. Our beans are ethically sourced, roasted to perfection, and served in the heart of your community."
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#products" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg", alt: "Happy customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg", alt: "Happy customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg", alt: "Happy customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg", alt: "Happy customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-taking-selfie_23-2149356872.jpg", alt: "Happy customer 5" },
|
||||
]}
|
||||
avatarText="Join our 2,000+ daily coffee lovers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Ethically Sourced" },
|
||||
{ type: "text", text: "Small Batch Roasted" },
|
||||
{ type: "text", text: "Artisanal Technique" },
|
||||
{ type: "text", text: "Community Focused" },
|
||||
{ type: "text", text: "Always Fresh" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Passion for Brewing Excellence",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-95410.jpg",
|
||||
alt: "Coffee beans",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Passion for Brewing Excellence" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-95410.jpg", alt: "Coffee beans" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Lababy",
|
||||
name: "Signature Cappuccino",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-165303.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Lababy",
|
||||
name: "Caramel Iced Latte",
|
||||
price: "$5.25",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cookies-cup-black-tea-with-lemon-cinnamon-lemons-jam-star-anise-notebook-pencil_140725-119861.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Bakery",
|
||||
name: "Chocolate Croissant",
|
||||
price: "$3.75",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissant-white-plate-with-black-coffee_181624-60129.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Lababy",
|
||||
name: "Classic Americano",
|
||||
price: "$3.50",
|
||||
rating: 5,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/layered-espresso-drink_23-2151961365.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Lababy",
|
||||
name: "Ceremonial Matcha",
|
||||
price: "$5.50",
|
||||
rating: 5,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-green-tea-latte-cup_74190-7645.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Lababy",
|
||||
name: "Signature Cold Brew",
|
||||
price: "$4.75",
|
||||
rating: 5,
|
||||
reviewCount: "145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-table-with-ice-coffee-green-garden-relax-with-beverage-bakery-nature-concept_1150-13520.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Brews & Bites"
|
||||
description="From single-origin pours to daily pastries, discover your new favorite ritual."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", brand: "Lababy", name: "Signature Cappuccino", price: "$4.50", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-165303.jpg" },
|
||||
{ id: "2", brand: "Lababy", name: "Caramel Iced Latte", price: "$5.25", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cookies-cup-black-tea-with-lemon-cinnamon-lemons-jam-star-anise-notebook-pencil_140725-119861.jpg" },
|
||||
{ id: "3", brand: "Bakery", name: "Chocolate Croissant", price: "$3.75", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissant-white-plate-with-black-coffee_181624-60129.jpg" },
|
||||
{ id: "4", brand: "Lababy", name: "Classic Americano", price: "$3.50", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/layered-espresso-drink_23-2151961365.jpg" },
|
||||
{ id: "5", brand: "Lababy", name: "Ceremonial Matcha", price: "$5.50", rating: 5, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-green-tea-latte-cup_74190-7645.jpg" },
|
||||
{ id: "6", brand: "Lababy", name: "Signature Cold Brew", price: "$4.75", rating: 5, reviewCount: "145", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-table-with-ice-coffee-green-garden-relax-with-beverage-bakery-nature-concept_1150-13520.jpg" },
|
||||
]}
|
||||
title="Signature Brews & Bites"
|
||||
description="From single-origin pours to daily pastries, discover your new favorite ritual."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
role: "Graphic Designer",
|
||||
company: "Local Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee_171337-17086.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus W.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-bed-with-milk-copy-space_23-2148797008.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah K.",
|
||||
role: "Architect",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4043.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
role: "Photographer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-joyful-fashionable-women-having-fun-sunny-street-city-stylish-look-having-fun-travelling-with-friends-smiling-expressing-true-positive-emotions_197531-1580.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia B.",
|
||||
role: "Marketing",
|
||||
company: "Growth Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-people-chatting-bistro_23-2149356869.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear what our daily visitors have to say about their Lababy coffee experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena R.", role: "Graphic Designer", company: "Local Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee_171337-17086.jpg" },
|
||||
{ id: "2", name: "Marcus W.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-bed-with-milk-copy-space_23-2148797008.jpg" },
|
||||
{ id: "3", name: "Sarah K.", role: "Architect", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4043.jpg" },
|
||||
{ id: "4", name: "James L.", role: "Photographer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-joyful-fashionable-women-having-fun-sunny-street-city-stylish-look-having-fun-travelling-with-friends-smiling-expressing-true-positive-emotions_197531-1580.jpg" },
|
||||
{ id: "5", name: "Sophia B.", role: "Marketing", company: "Growth Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-people-chatting-bistro_23-2149356869.jpg" },
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear what our daily visitors have to say about their Lababy coffee experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Lababy"
|
||||
description="Swing by for a warm cup or drop us a line if you have a special event inquiry."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197244.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Lababy"
|
||||
description="Swing by for a warm cup or drop us a line if you have a special event inquiry."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/billboard-template-urban-environment_23-2148197244.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Lababy"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Lababy"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user