Merge version_1 into main #1
376
src/app/page.tsx
376
src/app/page.tsx
@@ -26,281 +26,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Listen"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Visit Us", id: "contact" },
|
||||
]}
|
||||
brandName="Listen"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Coffee, Curated for Connection"
|
||||
description="At Listen, we believe every cup has a story. Hand-roasted beans, artisanal brewing, and a quiet corner just for you. Come in and stay a while."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg"
|
||||
imageAlt="Cozy cafe interior with warm lighting"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
|
||||
alt: "Person in a cafe enjoying a book",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg",
|
||||
alt: "Person in a cafe enjoying a book",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",
|
||||
alt: "Woman works at a cafe in the evening",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg",
|
||||
alt: "Luxury bar illuminated by modern lighting",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg",
|
||||
alt: "Barista making cappuccino",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ local coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Brews",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cozy Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Centric",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Coffee, Curated for Connection"
|
||||
description="At Listen, we believe every cup has a story. Hand-roasted beans, artisanal brewing, and a quiet corner just for you. Come in and stay a while."
|
||||
buttons={[{ text: "View Menu", href: "#products" }, { text: "Find Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg"
|
||||
imageAlt="Cozy cafe interior with warm lighting"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg", alt: "Person in a cafe enjoying a book" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg", alt: "Person in a cafe enjoying a book" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg", alt: "Woman works at a cafe in the evening" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg", alt: "Luxury bar illuminated by modern lighting" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg", alt: "Barista making cappuccino" },
|
||||
]}
|
||||
avatarText="Join 5,000+ local coffee lovers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Locally Roasted" },
|
||||
{ type: "text", text: "Artisanal Brews" },
|
||||
{ type: "text", text: "Cozy Atmosphere" },
|
||||
{ type: "text", text: "Community Centric" },
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="The Listen Philosophy"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Roasts Daily",
|
||||
value: "12+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community Members",
|
||||
value: "5k+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Brewing",
|
||||
value: "8",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="The Listen Philosophy"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Roasts Daily", value: "12+" },
|
||||
{ icon: Users, label: "Community Members", value: "5k+" },
|
||||
{ icon: Award, label: "Years Brewing", value: "8" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Single Origin Pour Over",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-paper-with-business-plan-brainstorming_23-2147965729.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Velvet Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-with-delicious-coffee_23-2149703760.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Buttery Croissant",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastry-slice-with-cinnamon-chocolate-candies-pink-surface_140725-49101.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cold Brew Reserve",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648698.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Matcha Cloud",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-matcha-latte_1339-1055.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-muffin-with-blueberries_23-2148718775.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="Hand-picked beans, small-batch roasted, and prepared with care by our dedicated team of baristas."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Single Origin Pour Over", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-paper-with-business-plan-brainstorming_23-2147965729.jpg" },
|
||||
{ id: "2", name: "Classic Velvet Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-delicious-coffee_23-2149703760.jpg" },
|
||||
{ id: "3", name: "Buttery Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastry-slice-with-cinnamon-chocolate-candies-pink-surface_140725-49101.jpg" },
|
||||
{ id: "4", name: "Cold Brew Reserve", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648698.jpg" },
|
||||
{ id: "5", name: "Matcha Cloud", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/iced-matcha-latte_1339-1055.jpg" },
|
||||
{ id: "6", name: "Blueberry Muffin", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-muffin-with-blueberries_23-2148718775.jpg" },
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="Hand-picked beans, small-batch roasted, and prepared with care by our dedicated team of baristas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The only place I go to clear my head. The coffee is exceptional, but the atmosphere is truly special. It's like a sanctuary."
|
||||
rating={5}
|
||||
author="Elena R."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-friendly-looking-young-female-secretary-wearing-white-t-shirt-eyeglasses-posing-blue-wall-with-yellow-cup-her-hands-offering-you-freshly-made-tea-coffee_343059-807.jpg",
|
||||
alt: "Elena R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
alt: "Mark D.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-hostel_23-2150601149.jpg",
|
||||
alt: "Sarah L.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-listening-music-while-watching-tablet_1157-2108.jpg",
|
||||
alt: "James P.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg",
|
||||
alt: "Chloe W.",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The only place I go to clear my head. The coffee is exceptional, but the atmosphere is truly special. It's like a sanctuary."
|
||||
rating={5}
|
||||
author="Elena R."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-friendly-looking-young-female-secretary-wearing-white-t-shirt-eyeglasses-posing-blue-wall-with-yellow-cup-her-hands-offering-you-freshly-made-tea-coffee_343059-807.jpg", alt: "Elena R." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", alt: "Mark D." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-hostel_23-2150601149.jpg", alt: "Sarah L." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-listening-music-while-watching-tablet_1157-2108.jpg", alt: "James P." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg", alt: "Chloe W." },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Join the Listen Community"
|
||||
description="Sign up for updates on new seasonal roasts, workshops, and exclusive community events."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Join the Listen Community"
|
||||
description="Sign up for updates on new seasonal roasts, workshops, and exclusive community events."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-13485.jpg"
|
||||
logoText="Listen Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Coffee",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Pastries",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Brewing Gear",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Wholesale",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-13485.jpg"
|
||||
logoText="Listen Coffee"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Coffee", href: "#products" }, { label: "Pastries", href: "#products" }, { label: "Brewing Gear", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Our Story", href: "#about" }, { label: "Wholesale", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user