Merge version_1 into main #2
427
src/app/page.tsx
427
src/app/page.tsx
@@ -16,310 +16,145 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bean Haven"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Visit Us", id: "contact" },
|
||||
]}
|
||||
brandName="Bean Haven"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Crafting Your Perfect Morning"
|
||||
description="Experience artisan-roasted coffee in our cozy downtown sanctuary. From farm to cup, every pour is a labor of love."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cup_23-2149870647.jpg?_wi=1",
|
||||
imageAlt: "freshly brewed coffee pouring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-roasted-coffee-bean-brown_1303-1939.jpg?_wi=1",
|
||||
imageAlt: "latte art close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-asian-barista-girl-counter-working-with-pos-terminal-brewing-filter-kit-mak_1258-134049.jpg?_wi=1",
|
||||
imageAlt: "modern coffee shop counter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-mil-cup-coffee_23-2148623254.jpg?_wi=1",
|
||||
imageAlt: "coffee shop atmosphere morning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-crocante-cookies-with-cinnamon-flavour-cup-tea_114579-22169.jpg?_wi=1",
|
||||
imageAlt: "ceramic coffee mug steam",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-concept-with-copy-space_23-2148464804.jpg?_wi=1",
|
||||
imageAlt: "latte art heart shape",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-concept-with-copy-space_23-2148464804.jpg?_wi=2",
|
||||
imageAlt: "latte art heart shape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-crocante-cookies-with-cinnamon-flavour-cup-tea_114579-22169.jpg?_wi=2",
|
||||
imageAlt: "ceramic coffee mug steam",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-mil-cup-coffee_23-2148623254.jpg?_wi=2",
|
||||
imageAlt: "coffee shop atmosphere morning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-asian-barista-girl-counter-working-with-pos-terminal-brewing-filter-kit-mak_1258-134049.jpg?_wi=2",
|
||||
imageAlt: "modern coffee shop counter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-roasted-coffee-bean-brown_1303-1939.jpg?_wi=2",
|
||||
imageAlt: "latte art close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cup_23-2149870647.jpg?_wi=2",
|
||||
imageAlt: "freshly brewed coffee pouring",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/takeaway-cafe-concept-beautiful-feminine-woman-smiling-holding-cup-coffee-posing-against-beige-background-copy-space_1258-86812.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-mug-croissant_23-2147770037.jpg",
|
||||
alt: "Enjoying coffee",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Reading with coffee",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-chilling-out-with-coffee-cafe_53876-22942.jpg",
|
||||
alt: "Coffee break",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-cafe-eatingout-concept-portrait-cheerful-young-hispanic-guy-holding-takeaway-cup-cof_1258-112847.jpg",
|
||||
alt: "Young customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ happy coffee lovers in our community."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Beans",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small Batch Roast",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafting Your Perfect Morning"
|
||||
description="Experience artisan-roasted coffee in our cozy downtown sanctuary. From farm to cup, every pour is a labor of love."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cup_23-2149870647.jpg", imageAlt: "freshly brewed coffee pouring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-roasted-coffee-bean-brown_1303-1939.jpg", imageAlt: "latte art close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-asian-barista-girl-counter-working-with-pos-terminal-brewing-filter-kit-mak_1258-134049.jpg", imageAlt: "modern coffee shop counter" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-mil-cup-coffee_23-2148623254.jpg", imageAlt: "coffee shop atmosphere morning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-crocante-cookies-with-cinnamon-flavour-cup-tea_114579-22169.jpg", imageAlt: "ceramic coffee mug steam" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-concept-with-copy-space_23-2148464804.jpg", imageAlt: "latte art heart shape" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-concept-with-copy-space_23-2148464804.jpg", imageAlt: "latte art heart shape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-crocante-cookies-with-cinnamon-flavour-cup-tea_114579-22169.jpg", imageAlt: "ceramic coffee mug steam" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-mil-cup-coffee_23-2148623254.jpg", imageAlt: "coffee shop atmosphere morning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-asian-barista-girl-counter-working-with-pos-terminal-brewing-filter-kit-mak_1258-134049.jpg", imageAlt: "modern coffee shop counter" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-roasted-coffee-bean-brown_1303-1939.jpg", imageAlt: "latte art close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cup_23-2149870647.jpg", imageAlt: "freshly brewed coffee pouring" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Visit Us", href: "#contact" }
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/takeaway-cafe-concept-beautiful-feminine-woman-smiling-holding-cup-coffee-posing-against-beige-background-copy-space_1258-86812.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-mug-croissant_23-2147770037.jpg", alt: "Enjoying coffee" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Reading with coffee" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-chilling-out-with-coffee-cafe_53876-22942.jpg", alt: "Coffee break" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lifestyle-cafe-eatingout-concept-portrait-cheerful-young-hispanic-guy-holding-takeaway-cup-cof_1258-112847.jpg", alt: "Young customer" }
|
||||
]}
|
||||
avatarText="Join 500+ happy coffee lovers in our community."
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Organic Beans" },
|
||||
{ type: "text", text: "Ethical Sourcing" },
|
||||
{ type: "text", text: "Artisan Crafted" },
|
||||
{ type: "text", text: "Small Batch Roast" },
|
||||
{ type: "text", text: "Fresh Daily" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Passion for Perfection in Every Bean"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our History",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Passion for Perfection in Every Bean"
|
||||
buttons={[{ text: "Learn Our History", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Espresso",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cup-cappuccino_114579-3163.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velvet Latte",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate_23-2149703763.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Iced Americano",
|
||||
price: "$4.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-with-coke_1203-275.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hand Drip",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-unique-shaped-glass-served-with-milk-syrup_140725-6905.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mocha Bliss",
|
||||
price: "$5.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-hot-chocolate_23-2148799161.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Flat White",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-coffee-with-whipped-cream_23-2148254985.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Curated selection of our finest coffee offerings."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Espresso", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/black-cup-cappuccino_114579-3163.jpg" },
|
||||
{ id: "p2", name: "Velvet Latte", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate_23-2149703763.jpg" },
|
||||
{ id: "p3", name: "Iced Americano", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-coke_1203-275.jpg" },
|
||||
{ id: "p4", name: "Hand Drip", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-unique-shaped-glass-served-with-milk-syrup_140725-6905.jpg" },
|
||||
{ id: "p5", name: "Mocha Bliss", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-hot-chocolate_23-2148799161.jpg" },
|
||||
{ id: "p6", name: "Flat White", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-coffee-with-whipped-cream_23-2148254985.jpg" }
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Curated selection of our finest coffee offerings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexcoffee",
|
||||
testimonial: "The best coffee in town. Perfectly balanced and smooth!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/takeaway-cafe-concept-beautiful-feminine-woman-smiling-holding-cup-coffee-posing-against-beige-background-copy-space_1258-86812.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie L.",
|
||||
handle: "@jamielovesbrew",
|
||||
testimonial: "Absolutely love the vibe here. My go-to every morning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mug-croissant_23-2147770037.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert B.",
|
||||
handle: "@robbybean",
|
||||
testimonial: "The staff is incredibly knowledgeable and the beans are top tier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahsip",
|
||||
testimonial: "A peaceful oasis for getting work done.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-chilling-out-with-coffee-cafe_53876-22942.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus W.",
|
||||
handle: "@marcbrew",
|
||||
testimonial: "Consistent, delicious, and friendly service every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-cafe-eatingout-concept-portrait-cheerful-young-hispanic-guy-holding-takeaway-cup-cof_1258-112847.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Love"
|
||||
description="Hear what our wonderful customers have to say about their daily Bean Haven experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex R.", handle: "@alexcoffee", testimonial: "The best coffee in town. Perfectly balanced and smooth!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/takeaway-cafe-concept-beautiful-feminine-woman-smiling-holding-cup-coffee-posing-against-beige-background-copy-space_1258-86812.jpg" },
|
||||
{ id: "t2", name: "Jamie L.", handle: "@jamielovesbrew", testimonial: "Absolutely love the vibe here. My go-to every morning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mug-croissant_23-2147770037.jpg" },
|
||||
{ id: "t3", name: "Robert B.", handle: "@robbybean", testimonial: "The staff is incredibly knowledgeable and the beans are top tier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
|
||||
{ id: "t4", name: "Sarah K.", handle: "@sarahsip", testimonial: "A peaceful oasis for getting work done.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-chilling-out-with-coffee-cafe_53876-22942.jpg" },
|
||||
{ id: "t5", name: "Marcus W.", handle: "@marcbrew", testimonial: "Consistent, delicious, and friendly service every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-cafe-eatingout-concept-portrait-cheerful-young-hispanic-guy-holding-takeaway-cup-cof_1258-112847.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Love"
|
||||
description="Hear what our wonderful customers have to say about their daily Bean Haven experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Stay In The Loop"
|
||||
description="Join our newsletter for fresh brews and cafe updates."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Stay In The Loop"
|
||||
description="Join our newsletter for fresh brews and cafe updates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Bean Haven",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Bean Haven. All rights reserved."
|
||||
bottomRightText="Visit us in downtown."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Bean Haven", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Menu", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Bean Haven. All rights reserved."
|
||||
bottomRightText="Visit us in downtown."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user