Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
281
src/app/page.tsx
281
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user