Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-03-27 12:30:31 +00:00

View File

@@ -15,193 +15,114 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Ded"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" }
]}
brandName="Ded"
/>
</div>
<div id="home" data-section="home">
<HeroBillboardScroll
background={{
variant: "plain",
}}
title="Awaken Your Senses at Ded"
description="Hand-crafted coffee roasted with passion, served with love in the heart of the city."
buttons={[
{
text: "View Menu",
href: "#menu",
},
]}
imageSrc="https://pixabay.com/get/ga4f414ce20795e280710c7f8aa305632888cc2e04cb8335b83e36fdf2050b09e81de58f56ce50e5eac55f13c8e72f18ac00ea766df29292eef3d6878f0ef7bbf_1280.jpg"
videoSrc="https://www.w3schools.com/howto/movie.mp4?_wi=1"
imageAlt="Fresh roasted coffee beans macro"
/>
</div>
<div id="home" data-section="home">
<HeroBillboardScroll
title="Awaken Your Senses at Ded"
description="Hand-crafted coffee roasted with passion, served with love in the heart of the city."
background={{ variant: "plain" }}
buttons={[{ text: "View Menu", href: "#menu" }]}
imageSrc="https://pixabay.com/get/ga4f414ce20795e280710c7f8aa305632888cc2e04cb8335b83e36fdf2050b09e81de58f56ce50e5eac55f13c8e72f18ac00ea766df29292eef3d6878f0ef7bbf_1280.jpg"
imageAlt="fresh roasted coffee beans macro"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Crafted with Dedication"
description="At Ded, we source only the finest sustainable beans. Our process is rooted in tradition, ensuring every cup delivers a rich, complex flavor profile that defines our brand."
metrics={[
{
value: "12+",
title: "Single Origins",
},
{
value: "5K+",
title: "Happy Guests",
},
{
value: "100%",
title: "Fair Trade",
},
]}
imageSrc="https://pixabay.com/get/g7776b618cb378c48c404e480483713cb24a7b2bcc7267ce14e0daa9ab1759988e879ac12e201456a06fa4cfb7d3b07eb06d6be8fce195c77d0a318458813c85c_1280.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
videoSrc="https://www.w3schools.com/howto/movie.mp4?_wi=2"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Crafted with Dedication"
description="At Ded, we source only the finest sustainable beans. Our process is rooted in tradition, ensuring every cup delivers a rich, complex flavor profile that defines our brand."
metrics={[
{ value: "12+", title: "Single Origins" },
{ value: "5K+", title: "Happy Guests" },
{ value: "100%", title: "Fair Trade" }
]}
useInvertedBackground={true}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageSrc="https://pixabay.com/get/g7776b618cb378c48c404e480483713cb24a7b2bcc7267ce14e0daa9ab1759988e879ac12e201456a06fa4cfb7d3b07eb06d6be8fce195c77d0a318458813c85c_1280.jpg"
imageAlt="barista making coffee professional"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Ded Roastery",
name: "Signature House Blend",
price: "$4.50",
rating: 5,
reviewCount: "124",
imageSrc: "https://pixabay.com/get/g56b973b0db6f71d8b75e96516f4146d1d70186426de514e661403de3f43c1371170002d3eec0d7dff57198d7755ee79cbf019a43420f800e7ac68aa1e932acaa_1280.jpg",
},
{
id: "p2",
brand: "Ded Roastery",
name: "Single Origin Ethiopia",
price: "$5.25",
rating: 5,
reviewCount: "89",
imageSrc: "https://pixabay.com/get/g20f0c20bafca382091b0ba8278f8c16a5f2643dc23bc16e640b2ff4ae08303fc6fcd0030ff678331a0c7c162d0ab7e4ad2566003a22be812181489190bda9e18_1280.jpg",
},
{
id: "p3",
brand: "Ded Roastery",
name: "Velvet Cold Brew",
price: "$4.75",
rating: 4,
reviewCount: "210",
imageSrc: "https://pixabay.com/get/gcca3b5c558262aea8a1b59bbbd9170bec241d64547a580382c2b2babf6eacfa013c8550e373f6cbecb7dd12810dab9ad88ec98e934a7da8b70830707774bb75f_1280.jpg",
},
]}
title="Our Signature Brews"
description="Explore our curated selection of artisanal beverages made to order."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
title="Our Signature Brews"
description="Explore our curated selection of artisanal beverages made to order."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Ded Roastery", name: "Signature House Blend", price: "$4.50", rating: 5, reviewCount: "124", imageSrc: "https://pixabay.com/get/g56b973b0db6f71d8b75e96516f4146d1d70186426de514e661403de3f43c1371170002d3eec0d7dff57198d7755ee79cbf019a43420f800e7ac68aa1e932acaa_1280.jpg" },
{ id: "p2", brand: "Ded Roastery", name: "Single Origin Ethiopia", price: "$5.25", rating: 5, reviewCount: "89", imageSrc: "https://pixabay.com/get/g20f0c20bafca382091b0ba8278f8c16a5f2643dc23bc16e640b2ff4ae08303fc6fcd0030ff678331a0c7c162d0ab7e4ad2566003a22be812181489190bda9e18_1280.jpg" },
{ id: "p3", brand: "Ded Roastery", name: "Velvet Cold Brew", price: "$4.75", rating: 4, reviewCount: "210", imageSrc: "https://pixabay.com/get/gcca3b5c558262aea8a1b59bbbd9170bec241d64547a580382c2b2babf6eacfa013c8550e373f6cbecb7dd12810dab9ad88ec98e934a7da8b70830707774bb75f_1280.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="The most authentic coffee experience in town. Every sip at Ded feels like a warm hug. Simply exquisite!"
rating={5}
author="Elena Rossi"
avatars={[
{
src: "https://pixabay.com/get/g971e87dbc2d552c3ea59bafa541a791f8d6a2cd20f3429db670a74bafc46937589882e2801ed17da63b14970b12749e005788c006345ef097f76624d3766715e_1280.jpg",
alt: "Customer 1",
},
{
src: "https://pixabay.com/get/gdfd31b9ebe4009f37e27ea34c11dd15ea0b697982c9ae6929dadfd3198b839c8abd4a131a51eb86af6afb7118f9e65d6aea3eaecc7eee2549279749f969dd42d_1280.jpg",
alt: "Customer 2",
},
{
src: "https://pixabay.com/get/gc049b15a34a55a0d38fdbc8e52f801b8b7fd29810d1896e209c284154465cabde0056c2cf79700373f690cd897eec30248873e59677dbac86a13d58083700b92_1280.jpg",
alt: "Customer 3",
},
{
src: "https://pixabay.com/get/g04339a1a7f3c3f4efdffddc4773e7f396c4e3daa1526ef026f990668244a4e207d05e943e717d0296a09331a5ce24a3c13cddce36feda787f84c51a214b2dae8_1280.jpg",
alt: "Customer 4",
},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="The most authentic coffee experience in town. Every sip at Ded feels like a warm hug. Simply exquisite!"
rating={5}
author="Elena Rossi"
avatars={[
{ src: "https://pixabay.com/get/g971e87dbc2d552c3ea59bafa541a791f8d6a2cd20f3429db670a74bafc46937589882e2801ed17da63b14970b12749e005788c006345ef097f76624d3766715e_1280.jpg", alt: "Customer 1" },
{ src: "https://pixabay.com/get/gdfd31b9ebe4009f37e27ea34c11dd15ea0b697982c9ae6929dadfd3198b839c8abd4a131a51eb86af6afb7118f9e65d6aea3eaecc7eee2549279749f969dd42d_1280.jpg", alt: "Customer 2" },
{ src: "https://pixabay.com/get/gc049b15a34a55a0d38fdbc8e52f801b8b7fd29810d1896e209c284154465cabde0056c2cf79700373f690cd897eec30248873e59677dbac86a13d58083700b92_1280.jpg", alt: "Customer 3" },
{ src: "https://pixabay.com/get/g04339a1a7f3c3f4efdffddc4773e7f396c4e3daa1526ef026f990668244a4e207d05e943e717d0296a09331a5ce24a3c13cddce36feda787f84c51a214b2dae8_1280.jpg", alt: "Customer 4" }
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<FooterBase
columns={[
{
title: "Visit Us",
items: [
{
label: "123 Coffee St, City",
href: "#",
},
{
label: "Mon - Sun: 7am - 8pm",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Ded Coffee"
copyrightText="© 2025 Ded Coffee Shop"
/>
</div>
<div id="contact" data-section="contact">
<FooterBase
columns={[
{
title: "Visit Us", items: [
{ label: "123 Coffee St, City", href: "#" },
{ label: "Mon - Sun: 7am - 8pm", href: "#" }
]
},
{
title: "Connect", items: [
{ label: "Instagram", href: "#" },
{ label: "Facebook", href: "#" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
logoText="Ded Coffee"
copyrightText="© 2025 Ded Coffee Shop"
/>
</div>
</ReactLenis>
</ThemeProvider>
);