Merge version_1 into main #2
289
src/app/page.tsx
289
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "features",
|
||||
},
|
||||
name: "Process", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="COOFEE"
|
||||
/>
|
||||
@@ -55,47 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Elevate Your Daily Ritual to Art"
|
||||
description="Discover handselected, smallbatch coffees sourced from the worlds most exclusive roasters. Every cup tells a story of craftsmanship and sophistication."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Our Collection", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-chocolate-chips-arrangement_23-2149702503.jpg?_wi=1",
|
||||
imageAlt: "Coffee beans",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-chocolate-chips-arrangement_23-2149702503.jpg", imageAlt: "Coffee beans"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-glass-cup-brown-wooden-table_209848-81.jpg?_wi=1",
|
||||
imageAlt: "Coffee cup",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/clear-glass-cup-brown-wooden-table_209848-81.jpg", imageAlt: "Coffee cup"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoons-filled-with-coffee-spices_23-2148349649.jpg?_wi=1",
|
||||
imageAlt: "Ground coffee",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoons-filled-with-coffee-spices_23-2148349649.jpg", imageAlt: "Ground coffee"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-drink-cookies_114579-16632.jpg",
|
||||
imageAlt: "Packaging",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-drink-cookies_114579-16632.jpg", imageAlt: "Packaging"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094589.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094589.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-hot-coffee-cup_1150-10441.jpg",
|
||||
imageAlt: "Coffee ritual",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-hot-coffee-cup_1150-10441.jpg", imageAlt: "Coffee ritual"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,17 +79,11 @@ export default function LandingPage() {
|
||||
description="We believe coffee is more than just a drink; it's a sensory journey. From the volcanic soils of Ethiopia to the high-altitude peaks of Colombia, we partner with independent roasters to bring excellence to your home."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sourced Ethically",
|
||||
description: "Supporting farmers with fair, premium pricing.",
|
||||
},
|
||||
title: "Sourced Ethically", description: "Supporting farmers with fair, premium pricing."},
|
||||
{
|
||||
title: "Small-Batch Roasted",
|
||||
description: "Precision roasting for optimal flavor profiles.",
|
||||
},
|
||||
title: "Small-Batch Roasted", description: "Precision roasting for optimal flavor profiles."},
|
||||
{
|
||||
title: "Artisanal Exclusivity",
|
||||
description: "Rare varieties you won't find anywhere else.",
|
||||
},
|
||||
title: "Artisanal Exclusivity", description: "Rare varieties you won't find anywhere else."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-barista-leaning-bar-counter-happily-looking-camera-while-holding-portafilter-hand-cafe_574295-3476.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -133,59 +98,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Coofee Select",
|
||||
name: "Ethiopian Heirloom",
|
||||
price: "$38.00",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-wooden-board_23-2147671403.jpg",
|
||||
},
|
||||
id: "p1", brand: "Coofee Select", name: "Ethiopian Heirloom", price: "$38.00", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-wooden-board_23-2147671403.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Coofee Select",
|
||||
name: "Colombian Supremo",
|
||||
price: "$32.00",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg",
|
||||
},
|
||||
id: "p2", brand: "Coofee Select", name: "Colombian Supremo", price: "$32.00", rating: 5,
|
||||
reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Coofee Select",
|
||||
name: "The Signature Roast",
|
||||
price: "$45.00",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gift-boxes-still-life_23-2151905507.jpg",
|
||||
},
|
||||
id: "p3", brand: "Coofee Select", name: "The Signature Roast", price: "$45.00", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/gift-boxes-still-life_23-2151905507.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Coofee Select",
|
||||
name: "Kenya AA Estate",
|
||||
price: "$36.00",
|
||||
rating: 5,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-coffee-machine-table_23-2148892894.jpg",
|
||||
},
|
||||
id: "p4", brand: "Coofee Select", name: "Kenya AA Estate", price: "$36.00", rating: 5,
|
||||
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-coffee-machine-table_23-2148892894.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Coofee Select",
|
||||
name: "Sumatran Dark Roast",
|
||||
price: "$34.00",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093308.jpg",
|
||||
},
|
||||
id: "p5", brand: "Coofee Select", name: "Sumatran Dark Roast", price: "$34.00", rating: 5,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093308.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Coofee Select",
|
||||
name: "Costa Rica Honey",
|
||||
price: "$39.00",
|
||||
rating: 5,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14759.jpg",
|
||||
},
|
||||
id: "p6", brand: "Coofee Select", name: "Costa Rica Honey", price: "$39.00", rating: 5,
|
||||
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-aeropress_176420-14759.jpg"},
|
||||
]}
|
||||
title="Our Exclusive Collection"
|
||||
description="A curated selection of our finest roasts, delivered to your door."
|
||||
@@ -199,40 +128,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Subscription Management",
|
||||
description: "Tailored coffee deliveries based on your unique palate.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-digital-tablet-disposable-coffee-cup_23-2147906491.jpg",
|
||||
},
|
||||
title: "Subscription Management", description: "Tailored coffee deliveries based on your unique palate.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-digital-tablet-disposable-coffee-cup_23-2147906491.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-chocolate-chips-arrangement_23-2149702545.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-chocolate-chips-arrangement_23-2149702503.jpg?_wi=2",
|
||||
imageAlt: "mobile app interface coffee subscription design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-chocolate-chips-arrangement_23-2149702545.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Brewing Mastery",
|
||||
description: "Interactive guides for Aeropress, V60, and Chemex brewing.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459725.jpg",
|
||||
},
|
||||
title: "Brewing Mastery", description: "Interactive guides for Aeropress, V60, and Chemex brewing.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459725.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-with-smartphone_23-2150233620.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-glass-cup-brown-wooden-table_209848-81.jpg?_wi=2",
|
||||
imageAlt: "mobile app interface coffee subscription design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-with-smartphone_23-2150233620.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Origin Storytelling",
|
||||
description: "Meet the farmers behind every bean.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-delicious-coffee-assortment_23-2149514293.jpg",
|
||||
},
|
||||
title: "Origin Storytelling", description: "Meet the farmers behind every bean.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-delicious-coffee-assortment_23-2149514293.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-paper-cups-with-coffee-beans-dark-background-pattern-creative-background-concept-cafes_493343-30024.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoons-filled-with-coffee-spices_23-2148349649.jpg?_wi=2",
|
||||
imageAlt: "mobile app interface coffee subscription design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-paper-cups-with-coffee-beans-dark-background-pattern-creative-background-concept-cafes_493343-30024.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -249,45 +160,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Creative Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-with-beautiful-eyes-white-tshirt-stands-dark-background-with-cup-tea-sunshine-inspired-brownhaired-woman-s-looking-window-happiness-concept_291650-1930.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Creative Director", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-with-beautiful-eyes-white-tshirt-stands-dark-background-with-cup-tea-sunshine-inspired-brownhaired-woman-s-looking-window-happiness-concept_291650-1930.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Tech Founder",
|
||||
company: "InnovateLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "Tech Founder", company: "InnovateLabs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Architect",
|
||||
company: "StudioArch",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", role: "Architect", company: "StudioArch", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-leaning-against-wooden-sculpture_171337-19338.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Food Critic",
|
||||
company: "GourmetToday",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Food Critic", company: "GourmetToday", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Miller",
|
||||
role: "CEO",
|
||||
company: "VisionMedia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg",
|
||||
},
|
||||
id: "t5", name: "Alice Miller", role: "CEO", company: "VisionMedia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg"},
|
||||
]}
|
||||
title="Stories from Connoisseurs"
|
||||
description="Join thousands who have discovered their favorite daily ritual."
|
||||
@@ -301,32 +187,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Exclusive Regions",
|
||||
items: [
|
||||
"Ethiopia",
|
||||
"Colombia",
|
||||
"Kenya",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Exclusive Regions", items: [
|
||||
"Ethiopia", "Colombia", "Kenya"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Artisan Roasters",
|
||||
items: [
|
||||
"Ethically sourced",
|
||||
"Small batch",
|
||||
],
|
||||
id: "m2", value: "50+", title: "Artisan Roasters", items: [
|
||||
"Ethically sourced", "Small batch"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10k+",
|
||||
title: "Coffee Lovers",
|
||||
items: [
|
||||
"Community members",
|
||||
"Global reach",
|
||||
],
|
||||
id: "m3", value: "10k+", title: "Coffee Lovers", items: [
|
||||
"Community members", "Global reach"],
|
||||
},
|
||||
]}
|
||||
title="By the Numbers"
|
||||
@@ -340,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you source beans?",
|
||||
content: "We work directly with farmers to ensure the best yield and quality.",
|
||||
},
|
||||
id: "f1", title: "How do you source beans?", content: "We work directly with farmers to ensure the best yield and quality."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer subscriptions?",
|
||||
content: "Yes, customize your delivery frequency and roast preferences.",
|
||||
},
|
||||
id: "f2", title: "Do you offer subscriptions?", content: "Yes, customize your delivery frequency and roast preferences."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Absolutely, our subscription model is flexible and no-commitment.",
|
||||
},
|
||||
id: "f3", title: "Can I cancel anytime?", content: "Absolutely, our subscription model is flexible and no-commitment."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your coffee journey."
|
||||
@@ -365,16 +226,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get In Touch"
|
||||
title="Begin Your Coffee Journey"
|
||||
description="Questions? Our coffee concierges are here to assist you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -385,42 +243,27 @@ export default function LandingPage() {
|
||||
logoText="COOFEE"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Coffee",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Coffee", href: "#products"},
|
||||
{
|
||||
label: "Subscriptions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Subscriptions", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Roasters",
|
||||
href: "#",
|
||||
},
|
||||
label: "Roasters", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user