Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -25,208 +25,95 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Artisanal Coffee"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Visit", id: "contact" }
|
||||
]}
|
||||
brandName="Artisanal Coffee"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Awaken Your Senses, One Cup at a Time."
|
||||
description="Experience the warmth and flavor of our locally roasted, artisanal coffee blends, crafted with love in every pour."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-spoon-holding-freshly-roasted-coffee-beans-against-dark-background_181624-57581.jpg"
|
||||
imageAlt="Artisanal coffee experience"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Awaken Your Senses, One Cup at a Time."
|
||||
description="Experience the warmth and flavor of our locally roasted, artisanal coffee blends, crafted with love in every pour."
|
||||
buttons={[{ text: "View Menu", href: "#products" }, { text: "Find Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-spoon-holding-freshly-roasted-coffee-beans-against-dark-background_181624-57581.jpg"
|
||||
imageAlt="artisanal coffee shop atmosphere"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Passion for Perfection"
|
||||
description={[
|
||||
"From bean to cup, we believe in transparency and quality. We source ethically harvested beans, roasting them in-house to unlock their deepest flavor profiles.",
|
||||
"Our cafe is a community space built for coffee lovers, remote workers, and friends alike. Come for the caffeine, stay for the cozy atmosphere.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Passion for Perfection"
|
||||
description={[
|
||||
"From bean to cup, we believe in transparency and quality. We source ethically harvested beans, roasting them in-house to unlock their deepest flavor profiles.", "Our cafe is a community space built for coffee lovers, remote workers, and friends alike. Come for the caffeine, stay for the cozy atmosphere."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Drip",
|
||||
price: "$4.50",
|
||||
variant: "Medium Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-chain_23-2148251646.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Iced Vanilla Latte",
|
||||
price: "$6.25",
|
||||
variant: "Cold Blend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-preparing-drink_23-2148437038.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Buttery Croissant",
|
||||
price: "$3.75",
|
||||
variant: "Bakery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mush-with-grapes-croissants_23-2147667230.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Explore our curated selection of roasts, iced refreshments, and house-made delicacies designed to elevate your morning routine."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Signature Drip", price: "$4.50", variant: "Medium Roast", imageSrc: "http://img.b2bpic.net/free-photo/high-view-cup-coffee-chain_23-2148251646.jpg" },
|
||||
{ id: "p2", name: "Iced Vanilla Latte", price: "$6.25", variant: "Cold Blend", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-preparing-drink_23-2148437038.jpg" },
|
||||
{ id: "p3", name: "Buttery Croissant", price: "$3.75", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/mush-with-grapes-croissants_23-2147667230.jpg" }
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Explore our curated selection of roasts, iced refreshments, and house-made delicacies designed to elevate your morning routine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Miller",
|
||||
role: "Regular Patron",
|
||||
testimonial: "The absolute best cold brew in the city. A staple of my mornings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-outdoors-cafe_231208-10719.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Remote Worker",
|
||||
testimonial: "Perfect atmosphere for getting work done, plus the coffee is top-tier quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3931.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Coffee Enthusiast",
|
||||
testimonial: "I love the ethical sourcing and the expertise of the baristas. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-handsome-businessman-enjoying-coffee_1262-6312.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Stevens",
|
||||
role: "Local Resident",
|
||||
testimonial: "Such a friendly neighborhood spot! My go-to place every single Saturday.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-blond-dreamy-digital-nomad-sitting-drink-coffee-cafe-urban-co-working-space-look-outside-window-smiling-dreamy-thoughtful-enjoy-break-working-project-freelance-gig-economy-concept_197531-22195.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Daily Visitor",
|
||||
testimonial: "The staff here is incredible, and the vibe is always warm and inviting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-outdoors-cafe_231208-10719.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Local Community"
|
||||
description="Don't just take our word for it—see what our regular patrons have to say about their experience at our shop."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice Miller", role: "Regular Patron", testimonial: "The absolute best cold brew in the city. A staple of my mornings.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-outdoors-cafe_231208-10719.jpg" },
|
||||
{ id: "2", name: "James Chen", role: "Remote Worker", testimonial: "Perfect atmosphere for getting work done, plus the coffee is top-tier quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3931.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Coffee Enthusiast", testimonial: "I love the ethical sourcing and the expertise of the baristas. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-handsome-businessman-enjoying-coffee_1262-6312.jpg" },
|
||||
{ id: "4", name: "Mark Stevens", role: "Local Resident", testimonial: "Such a friendly neighborhood spot! My go-to place every single Saturday.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-blond-dreamy-digital-nomad-sitting-drink-coffee-cafe-urban-co-working-space-look-outside-window-smiling-dreamy-thoughtful-enjoy-break-working-project-freelance-gig-economy-concept_197531-22195.jpg" },
|
||||
{ id: "5", name: "Sarah Jenkins", role: "Daily Visitor", testimonial: "The staff here is incredible, and the vibe is always warm and inviting.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-outdoors-cafe_231208-10719.jpg" }
|
||||
]}
|
||||
title="Loved by Our Local Community"
|
||||
description="Don't just take our word for it—see what our regular patrons have to say about their experience at our shop."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Coffee Club"
|
||||
description="Sign up for our newsletter to get early access to our seasonal roasts, events, and exclusive shop discounts."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4403.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Coffee Club"
|
||||
description="Sign up for our newsletter to get early access to our seasonal roasts, events, and exclusive shop discounts."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4403.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "123 Coffee St, City",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mon-Sun: 7am-7pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "123 Coffee St, City", href: "#" }, { label: "Mon-Sun: 7am-7pm", href: "#" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#products" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user