Merge version_2 into main #1
183
src/app/page.tsx
183
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Caf Café"
|
||||
/>
|
||||
@@ -52,71 +44,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Artisanal Coffee, Crafted for You."
|
||||
description="Caf Café brings the world's finest beans to your cup with precision and care."
|
||||
kpis={[
|
||||
{
|
||||
value: "12",
|
||||
label: "Origin Countries",
|
||||
},
|
||||
value: "12", label: "Origin Countries"},
|
||||
{
|
||||
value: "5k",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "5k", label: "Happy Customers"},
|
||||
{
|
||||
value: "24",
|
||||
label: "Hours Freshly Roasted",
|
||||
},
|
||||
value: "24", label: "Hours Freshly Roasted"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg", alt: "Customer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg", alt: "Customer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg", alt: "Customer profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg", alt: "Customer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_23-2149045782.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_23-2149045782.jpg", alt: "Customer profile 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
type: "text", text: "Ethically Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small Batch Roasted",
|
||||
},
|
||||
type: "text", text: "Small Batch Roasted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Arabica",
|
||||
},
|
||||
type: "text", text: "100% Arabica"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Crafted",
|
||||
},
|
||||
type: "text", text: "Artisan Crafted"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,17 +94,11 @@ export default function LandingPage() {
|
||||
description="At Caf Café, we believe in the journey from bean to cup. Every brew tells a story of sustainable farming and master-level craft."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainably Sourced",
|
||||
description: "Direct trade with farmers worldwide.",
|
||||
},
|
||||
title: "Sustainably Sourced", description: "Direct trade with farmers worldwide."},
|
||||
{
|
||||
title: "Artisan Roasting",
|
||||
description: "Small batches roasted daily.",
|
||||
},
|
||||
title: "Artisan Roasting", description: "Small batches roasted daily."},
|
||||
{
|
||||
title: "Perfect Extraction",
|
||||
description: "Precision brewing for every cup.",
|
||||
},
|
||||
title: "Perfect Extraction", description: "Precision brewing for every cup."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-coffee-roasted-beans-female-barista-preparing-coffee_23-2148824467.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -150,45 +109,21 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ethiopian Yirgacheffe",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-coffee-beans-falling-out-black-basket-red-background_141793-27586.jpg",
|
||||
},
|
||||
id: "1", name: "Ethiopian Yirgacheffe", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-coffee-beans-falling-out-black-basket-red-background_141793-27586.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Latte",
|
||||
price: "$5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-cup-wood-table-coffee-shop_1150-8940.jpg",
|
||||
},
|
||||
id: "2", name: "Signature Latte", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-cup-wood-table-coffee-shop_1150-8940.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cold Brew Reserve",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-dark-beer-with-ears-wheat-marble-table-high-quality-photo_114579-67366.jpg",
|
||||
},
|
||||
id: "3", name: "Cold Brew Reserve", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/glass-dark-beer-with-ears-wheat-marble-table-high-quality-photo_114579-67366.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Buttery Croissant",
|
||||
price: "$4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-croissant-with-ham-cheese-wooden-board_613910-6444.jpg",
|
||||
},
|
||||
id: "4", name: "Buttery Croissant", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-croissant-with-ham-cheese-wooden-board_613910-6444.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dark Roast Blend",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-hermetic-metallic-package-filled-with-freshly-baked-roasted-coffee_346278-412.jpg",
|
||||
},
|
||||
id: "5", name: "Dark Roast Blend", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/big-hermetic-metallic-package-filled-with-freshly-baked-roasted-coffee_346278-412.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Flat White",
|
||||
price: "$5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-with-glass-water_23-2148337134.jpg",
|
||||
},
|
||||
id: "6", name: "Flat White", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-with-glass-water_23-2148337134.jpg"},
|
||||
]}
|
||||
title="Explore Our Brews"
|
||||
description="From single-origin beans to handcrafted lattes, discover your new favorite."
|
||||
@@ -202,40 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alex_coffee",
|
||||
testimonial: "The best roast in the city, hands down.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-1400.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", handle: "@alex_coffee", testimonial: "The best roast in the city, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-1400.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
handle: "@sara_j",
|
||||
testimonial: "I love the warm atmosphere at Caf Café.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-cup-coffee-while-reading-email-laptop-hotel-room_637285-7574.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah J.", handle: "@sara_j", testimonial: "I love the warm atmosphere at Caf Café.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-cup-coffee-while-reading-email-laptop-hotel-room_637285-7574.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David M.",
|
||||
handle: "@dave_m",
|
||||
testimonial: "Consistently excellent coffee every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-woman-barista-apron-looking-amazed-clap-hands-smiling-standing-co_1258-148443.jpg",
|
||||
},
|
||||
id: "3", name: "David M.", handle: "@dave_m", testimonial: "Consistently excellent coffee every time.", imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-woman-barista-apron-looking-amazed-clap-hands-smiling-standing-co_1258-148443.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily K.",
|
||||
handle: "@em_k",
|
||||
testimonial: "Simply the finest brews I have ever tasted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-studying-gesturing-thumb-up_23-2147860826.jpg",
|
||||
},
|
||||
id: "4", name: "Emily K.", handle: "@em_k", testimonial: "Simply the finest brews I have ever tasted.", imageSrc: "http://img.b2bpic.net/free-photo/teenager-studying-gesturing-thumb-up_23-2147860826.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus L.",
|
||||
handle: "@marc_l",
|
||||
testimonial: "A true coffee lover's sanctuary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-portrait-girl-holding-takeaway-coffee-cup_23-2147906477.jpg",
|
||||
},
|
||||
id: "5", name: "Marcus L.", handle: "@marc_l", testimonial: "A true coffee lover's sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/happy-portrait-girl-holding-takeaway-coffee-cup_23-2147906477.jpg"},
|
||||
]}
|
||||
title="What Our Coffee Lovers Say"
|
||||
description="Real feedback from our cherished community."
|
||||
@@ -246,8 +156,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Stay Connected"
|
||||
description="Sign up for updates on new seasonal roasts and store events."
|
||||
@@ -258,29 +167,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Caf Café",
|
||||
items: [
|
||||
title: "Caf Café", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Socials",
|
||||
href: "#",
|
||||
},
|
||||
label: "Socials", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -291,4 +190,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user