Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
316
src/app/page.tsx
316
src/app/page.tsx
@@ -25,221 +25,119 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Coffee Nation"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Coffee Nation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Coffee Nation"
|
||||
description="The Art of Specialty Roasting"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=1",
|
||||
imageAlt: "Coffee Roasting Process",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=2",
|
||||
imageAlt: "Artisanal Roaster Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=3",
|
||||
imageAlt: "Fresh Coffee Beans",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=4",
|
||||
imageAlt: "Roastery Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=5",
|
||||
imageAlt: "Roasting Mastery",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=6",
|
||||
imageAlt: "Fresh Roast Aroma",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Coffee Nation"
|
||||
description="The Art of Specialty Roasting"
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Coffee Roasting Process" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Artisanal Roaster Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Fresh Coffee Beans" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Roastery Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Roasting Mastery" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Fresh Roast Aroma" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "In-House Roasting",
|
||||
description: "We roast our beans daily in small batches to ensure maximum freshness and flavor.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg?_wi=7",
|
||||
imageAlt: "professional coffee roaster machine",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Specialty Quality",
|
||||
description: "100% Arabica beans sourced directly from growers, highlighting unique regional flavor profiles.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg?_wi=3",
|
||||
imageAlt: "fresh coffee beans icon minimalist",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Coworking Friendly",
|
||||
description: "High-speed Wi-Fi and a quiet, inspiring atmosphere designed for focus and productivity.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg?_wi=3",
|
||||
imageAlt: "arabica coffee quality icon",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Coffee Nation?"
|
||||
description="Crafted for connoisseurs and those who value the perfect brew."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={true}
|
||||
title="Why Coffee Nation?"
|
||||
description="Crafted for connoisseurs and those who value the perfect brew."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "In-House Roasting", description: "We roast our beans daily in small batches to ensure maximum freshness and flavor.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529088.jpg" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Specialty Quality", description: "100% Arabica beans sourced directly from growers, highlighting unique regional flavor profiles.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-coffee-shop-badges_23-2149251257.jpg" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Coworking Friendly", description: "High-speed Wi-Fi and a quiet, inspiring atmosphere designed for focus and productivity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/set-round-wifi-buttons_23-2147629689.jpg" }
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Espresso Bar",
|
||||
price: "Classic",
|
||||
variant: "Cappuccino, Latte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-coffee-decor-closeup_169016-23626.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Slow Bar",
|
||||
price: "Artisanal",
|
||||
variant: "V60, Pour-over, Batch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-coffee-shop_23-2148366543.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bakery",
|
||||
price: "Sweet",
|
||||
variant: "Tiramisu, Cheesecake",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-baker-s-hand-holding-sweet-puff-pastry-plate_23-2148189082.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Exquisite drinks and fine pastries."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Our Menu"
|
||||
description="Exquisite drinks and fine pastries."
|
||||
products={[
|
||||
{ id: "p1", name: "Espresso Bar", price: "Classic", variant: "Cappuccino, Latte", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-coffee-decor-closeup_169016-23626.jpg" },
|
||||
{ id: "p2", name: "Slow Bar", price: "Artisanal", variant: "V60, Pour-over, Batch", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-coffee-shop_23-2148366543.jpg" },
|
||||
{ id: "p3", name: "Bakery", price: "Sweet", variant: "Tiramisu, Cheesecake", imageSrc: "http://img.b2bpic.net/free-photo/female-baker-s-hand-holding-sweet-puff-pastry-plate_23-2148189082.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Roasting"
|
||||
description={[
|
||||
"Every bean tells a story of its origin. At Coffee Nation, we honor that journey by mastering the roasting process to unlock the true potential of every batch.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Roasting"
|
||||
description={[
|
||||
"Every bean tells a story of its origin. At Coffee Nation, we honor that journey by mastering the roasting process to unlock the true potential of every batch."]}
|
||||
buttons={[{ text: "Learn Our Story" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Afrosiab 14/1"
|
||||
description="Open Mon-Sat 08:00-21:00, Sun 10:00-21:00. Call us: +998 99 222 50 49"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Afrosiab 14/1"
|
||||
description="Open Mon-Sat 08:00-21:00, Sun 10:00-21:00. Call us: +998 99 222 50 49"
|
||||
buttons={[{ text: "Get Directions" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Telegram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Coffee Nation"
|
||||
copyrightText="© 2025 Coffee Nation. Made for Coffee Lovers."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Home", href: "#" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Telegram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Coffee Nation"
|
||||
copyrightText="© 2025 Coffee Nation. Made for Coffee Lovers."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user