Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop Beans",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop Beans", id: "#products"},
|
||||
{
|
||||
name: "Visit Roastery",
|
||||
id: "#location",
|
||||
},
|
||||
name: "Visit Roastery", id: "#location"},
|
||||
{
|
||||
name: "Brewing Guides",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Brewing Guides", id: "#faq"},
|
||||
{
|
||||
name: "WhatsApp Chat",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "WhatsApp Chat", id: "#contact"},
|
||||
]}
|
||||
brandName="Kafein Roastery"
|
||||
/>
|
||||
@@ -55,85 +47,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Kafein Roastery Kuala Lumpur"
|
||||
description="Excellence in specialty coffee. From origin to your cup."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-chocolate-cookies-wooden-plate-with-coffee-beans_114579-57866.jpg?_wi=1",
|
||||
imageAlt: "luxury coffee pour over black",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-chocolate-cookies-wooden-plate-with-coffee-beans_114579-57866.jpg", imageAlt: "luxury coffee pour over black"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energy-coffee-seed-food-aroma_1172-470.jpg",
|
||||
imageAlt: "energy coffee seed food aroma",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energy-coffee-seed-food-aroma_1172-470.jpg", imageAlt: "energy coffee seed food aroma"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-tasty-snack-hot-drink-cookies-shape-coffee-seeds_185193-110871.jpg",
|
||||
imageAlt: "Concept of tasty snack for hot drink cookies in the shape of coffee seeds",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-tasty-snack-hot-drink-cookies-shape-coffee-seeds_185193-110871.jpg", imageAlt: "Concept of tasty snack for hot drink cookies in the shape of coffee seeds"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sack-with-coffee-beans-table_23-2148180162.jpg",
|
||||
imageAlt: "Sack with coffee beans on table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sack-with-coffee-beans-table_23-2148180162.jpg", imageAlt: "Sack with coffee beans on table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-roasted-coffee-beans_23-2148337231.jpg",
|
||||
imageAlt: "Close-up roasted coffee beans",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-roasted-coffee-beans_23-2148337231.jpg", imageAlt: "Close-up roasted coffee beans"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-filling-cup-with-tea_23-2147747240.jpg?_wi=1",
|
||||
imageAlt: "luxury coffee pour over black",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-filling-cup-with-tea_23-2147747240.jpg", imageAlt: "luxury coffee pour over black"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-pouring-tea-milk-glass-table-with-cookies_181624-34980.jpg",
|
||||
imageAlt: "Vertical shot of person pouring tea and milk in a glass on the table with cookies",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-pouring-tea-milk-glass-table-with-cookies_181624-34980.jpg", imageAlt: "Vertical shot of person pouring tea and milk in a glass on the table with cookies"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-water_23-2148865612.jpg",
|
||||
imageAlt: "Close-up barista pouring hot water",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-water_23-2148865612.jpg", imageAlt: "Close-up barista pouring hot water"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg",
|
||||
imageAlt: "Close-up of coffee poured into glass",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg", imageAlt: "Close-up of coffee poured into glass"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-milk-into-her-coffee_1153-545.jpg",
|
||||
imageAlt: "Woman pouring milk into her coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-milk-into-her-coffee_1153-545.jpg", imageAlt: "Woman pouring milk into her coffee"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "WhatsApp Chat",
|
||||
href: "https://wa.me/60166267450",
|
||||
},
|
||||
text: "WhatsApp Chat", href: "https://wa.me/60166267450"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
|
||||
alt: "Young woman enjoying a coffee cup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg", alt: "Young woman enjoying a coffee cup"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756284.jpg",
|
||||
alt: "Portrait of a young woman enjoying coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756284.jpg", alt: "Portrait of a young woman enjoying coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-holding-coffee-mug-his-hand_23-2147893399.jpg",
|
||||
alt: "Handsome young man holding coffee mug in his hand",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-holding-coffee-mug-his-hand_23-2147893399.jpg", alt: "Handsome young man holding coffee mug in his hand"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-blue-hoodie-enjoys-coffee-morning-cafe_169016-22377.jpg",
|
||||
alt: "A young woman in a blue hoodie enjoys coffee in the morning in a cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-blue-hoodie-enjoys-coffee-morning-cafe_169016-22377.jpg", alt: "A young woman in a blue hoodie enjoys coffee in the morning in a cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986282.jpg",
|
||||
alt: "Mid aged couple in love at home",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986282.jpg", alt: "Mid aged couple in love at home"},
|
||||
]}
|
||||
avatarText="Join 5,000+ coffee enthusiasts"
|
||||
/>
|
||||
@@ -145,9 +102,7 @@ export default function LandingPage() {
|
||||
title="A Commitment to the Craft"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Visit Us", href: "#location"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,16 +114,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Roasting",
|
||||
description: "Expertly roasted in small batches to preserve origin characteristics.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-hands_23-2148180172.jpg?_wi=1",
|
||||
imageAlt: "roasting coffee beans artisan",
|
||||
},
|
||||
title: "Precision Roasting", description: "Expertly roasted in small batches to preserve origin characteristics.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-hands_23-2148180172.jpg", imageAlt: "roasting coffee beans artisan"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-chocolate-cookies-wooden-plate-with-coffee-beans_114579-57866.jpg?_wi=2",
|
||||
imageAlt: "roasting coffee beans artisan",
|
||||
},
|
||||
]}
|
||||
title="The Kafein Standard"
|
||||
@@ -184,41 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Colombia Lychee",
|
||||
price: "RM120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-cups-arrangement_23-2149514283.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Colombia Lychee", price: "RM120", imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-cups-arrangement_23-2149514283.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ethiopia Buku",
|
||||
price: "RM80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-with-foam_23-2149514322.jpg",
|
||||
},
|
||||
id: "p2", name: "Ethiopia Buku", price: "RM80", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-with-foam_23-2149514322.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ikigai Blend",
|
||||
price: "RM65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-beans-tasteful-coffee-shopping-paper-bag_23-2148441159.jpg",
|
||||
},
|
||||
id: "p3", name: "Ikigai Blend", price: "RM65", imageSrc: "http://img.b2bpic.net/free-photo/roasted-beans-tasteful-coffee-shopping-paper-bag_23-2148441159.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Blind Date Drip",
|
||||
price: "RM30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-white-coffee-cups-pedestal_9975-135602.jpg",
|
||||
},
|
||||
id: "p4", name: "Blind Date Drip", price: "RM30", imageSrc: "http://img.b2bpic.net/free-photo/three-white-coffee-cups-pedestal_9975-135602.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Costa Rica Tobosi",
|
||||
price: "RM90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-tray-with-coffee-beans_23-2148267861.jpg",
|
||||
},
|
||||
id: "p5", name: "Costa Rica Tobosi", price: "RM90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-tray-with-coffee-beans_23-2148267861.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Kojuki Blend",
|
||||
price: "RM65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scattered-beans-from-sack-near-coffee-maker-box-sugar_23-2148180188.jpg",
|
||||
},
|
||||
id: "p6", name: "Kojuki Blend", price: "RM65", imageSrc: "http://img.b2bpic.net/free-photo/scattered-beans-from-sack-near-coffee-maker-box-sugar_23-2148180188.jpg"},
|
||||
]}
|
||||
title="Featured Roasts"
|
||||
description="Explore our curated collection of specialty beans."
|
||||
@@ -232,25 +157,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "plan1",
|
||||
badge: "Weekly",
|
||||
price: "RM200/mo",
|
||||
subtitle: "For home baristas",
|
||||
features: [
|
||||
"Free Shipping",
|
||||
"1kg Coffee",
|
||||
],
|
||||
id: "plan1", badge: "Weekly", price: "RM200/mo", subtitle: "For home baristas", features: [
|
||||
"Free Shipping", "1kg Coffee"],
|
||||
},
|
||||
{
|
||||
id: "plan2",
|
||||
badge: "Monthly",
|
||||
price: "RM450/mo",
|
||||
subtitle: "For cafes",
|
||||
features: [
|
||||
"Free Shipping",
|
||||
"3kg Coffee",
|
||||
"Priority Access",
|
||||
],
|
||||
id: "plan2", badge: "Monthly", price: "RM450/mo", subtitle: "For cafes", features: [
|
||||
"Free Shipping", "3kg Coffee", "Priority Access"],
|
||||
},
|
||||
]}
|
||||
title="Subscription Coffee"
|
||||
@@ -264,60 +176,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmad",
|
||||
date: "Jan 2025",
|
||||
title: "Pro",
|
||||
quote: "The best Lychee roast I've had in KL.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-nholding-acup-coffee-coffee-shop_1170-2347.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-chocolate-cookies-wooden-plate-with-coffee-beans_114579-57866.jpg?_wi=3",
|
||||
imageAlt: "portrait coffee lover cinematic",
|
||||
},
|
||||
id: "t1", name: "Ahmad", date: "Jan 2025", title: "Pro", quote: "The best Lychee roast I've had in KL.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-nholding-acup-coffee-coffee-shop_1170-2347.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-chocolate-cookies-wooden-plate-with-coffee-beans_114579-57866.jpg", imageAlt: "portrait coffee lover cinematic"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah",
|
||||
date: "Feb 2025",
|
||||
title: "Cafe Owner",
|
||||
quote: "Kafein consistency is unmatched.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-hands_23-2148180172.jpg?_wi=2",
|
||||
imageAlt: "portrait coffee lover cinematic",
|
||||
},
|
||||
id: "t2", name: "Sarah", date: "Feb 2025", title: "Cafe Owner", quote: "Kafein consistency is unmatched.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-hands_23-2148180172.jpg", imageAlt: "portrait coffee lover cinematic"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Wei",
|
||||
date: "Mar 2025",
|
||||
title: "Coffee Nerd",
|
||||
quote: "Amazing anaerobic selection.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-cups-arrangement_23-2149514283.jpg?_wi=2",
|
||||
imageAlt: "portrait coffee lover cinematic",
|
||||
},
|
||||
id: "t3", name: "Wei", date: "Mar 2025", title: "Coffee Nerd", quote: "Amazing anaerobic selection.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-cups-arrangement_23-2149514283.jpg", imageAlt: "portrait coffee lover cinematic"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John",
|
||||
date: "Apr 2025",
|
||||
title: "Home Brewer",
|
||||
quote: "Drip bags are so convenient.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756317.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",
|
||||
imageAlt: "portrait coffee lover cinematic",
|
||||
},
|
||||
id: "t4", name: "John", date: "Apr 2025", title: "Home Brewer", quote: "Drip bags are so convenient.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756317.jpg", imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg", imageAlt: "portrait coffee lover cinematic"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lin",
|
||||
date: "May 2025",
|
||||
title: "Barista",
|
||||
quote: "The Ikigai blend is perfection.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/leisure-people-lifestyle-concept-happy-handsome-young-man-cafe-sitting-chair-smiling_1258-245423.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-filling-cup-with-tea_23-2147747240.jpg?_wi=2",
|
||||
imageAlt: "portrait coffee lover cinematic",
|
||||
},
|
||||
id: "t5", name: "Lin", date: "May 2025", title: "Barista", quote: "The Ikigai blend is perfection.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/leisure-people-lifestyle-concept-happy-handsome-young-man-cafe-sitting-chair-smiling_1258-245423.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-filling-cup-with-tea_23-2147747240.jpg", imageAlt: "portrait coffee lover cinematic"},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="What our customers are saying about our roasts."
|
||||
@@ -329,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to brew Ikigai Blend?",
|
||||
content: "Use a V60 with 1:16 ratio.",
|
||||
},
|
||||
id: "f1", title: "How to brew Ikigai Blend?", content: "Use a V60 with 1:16 ratio."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Payment methods?",
|
||||
content: "FPX, TnG, Apple Pay supported.",
|
||||
},
|
||||
id: "f2", title: "Payment methods?", content: "FPX, TnG, Apple Pay supported."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where is the roastery?",
|
||||
content: "Located in Alam Damai, KL.",
|
||||
},
|
||||
id: "f3", title: "Where is the roastery?", content: "Located in Alam Damai, KL."},
|
||||
]}
|
||||
sideTitle="Brewing Guides"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -353,16 +211,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Find Kafein Roastery"
|
||||
description="Alam Damai, Kuala Lumpur. Open daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "Open in Google Maps",
|
||||
href: "https://maps.google.com/?q=Kafein+Roastery+Alam+Damai+Kuala+Lumpur",
|
||||
},
|
||||
text: "Open in Google Maps", href: "https://maps.google.com/?q=Kafein+Roastery+Alam+Damai+Kuala+Lumpur"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -371,29 +226,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Coffee Beans",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Coffee Beans", href: "#products"},
|
||||
{
|
||||
label: "Equipment",
|
||||
href: "#",
|
||||
},
|
||||
label: "Equipment", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/60166267450",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/60166267450"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user