Merge version_1 into main #2
158
src/app/page.tsx
158
src/app/page.tsx
@@ -31,70 +31,44 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Order",
|
||||
id: "order",
|
||||
},
|
||||
name: "Order", id: "order"},
|
||||
]}
|
||||
brandName="KOCHA!"
|
||||
button={{
|
||||
text: "Order Now", href: "#order"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="When Coffee Meets Matcha"
|
||||
description="Experience the ultimate fusion of bold caffeine and calming matcha in one bottle. Your daily boost, simplified."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
},
|
||||
text: "Order Now", href: "#order"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg?_wi=1",
|
||||
imageAlt: "Matcha Coffee Fusion 1",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg", imageAlt: "Matcha Coffee Fusion 1"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg?_wi=2",
|
||||
imageAlt: "Matcha Coffee Fusion 2",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg", imageAlt: "Matcha Coffee Fusion 2"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg?_wi=3",
|
||||
imageAlt: "Matcha Coffee Fusion 3",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg", imageAlt: "Matcha Coffee Fusion 3"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg?_wi=4",
|
||||
imageAlt: "Matcha Coffee Fusion 4",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg", imageAlt: "Matcha Coffee Fusion 4"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg?_wi=5",
|
||||
imageAlt: "Matcha Coffee Fusion 5",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg", imageAlt: "Matcha Coffee Fusion 5"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg?_wi=6",
|
||||
imageAlt: "Matcha Coffee Fusion 6",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163372.jpg", imageAlt: "Matcha Coffee Fusion 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,32 +90,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "KOCHA!",
|
||||
name: "Original Ko-Cha",
|
||||
price: "Rp 15.000",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/japanese-green-matcha-tea-geometric-badges_23-2148569220.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", brand: "KOCHA!", name: "Original Ko-Cha", price: "Rp 15.000", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-vector/japanese-green-matcha-tea-geometric-badges_23-2148569220.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "KOCHA!",
|
||||
name: "Creamy Matcha Brew",
|
||||
price: "Rp 15.000",
|
||||
rating: 5,
|
||||
reviewCount: "980",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-milky-cocktail-with-icecream-ball-terrace_114579-3678.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", brand: "KOCHA!", name: "Creamy Matcha Brew", price: "Rp 15.000", rating: 5,
|
||||
reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/green-milky-cocktail-with-icecream-ball-terrace_114579-3678.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "KOCHA!",
|
||||
name: "Bold Coffee Matcha",
|
||||
price: "Rp 15.000",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/cocktail-bar-template-design_23-2150697066.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", brand: "KOCHA!", name: "Bold Coffee Matcha", price: "Rp 15.000", rating: 5,
|
||||
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-psd/cocktail-bar-template-design_23-2150697066.jpg"},
|
||||
]}
|
||||
title="Our Signature Blends"
|
||||
description="Premium ingredients, artisan process. Always fresh, always ready to drink."
|
||||
@@ -155,29 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Unique Fusion",
|
||||
tags: [
|
||||
"Kopi & Matcha",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/japanese-green-matcha-tea-geometric-badges_23-2148569220.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Unique Fusion", tags: [
|
||||
"Kopi & Matcha"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/japanese-green-matcha-tea-geometric-badges_23-2148569220.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Affordable Price",
|
||||
tags: [
|
||||
"Rp 15k",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-milky-cocktail-with-icecream-ball-terrace_114579-3678.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Affordable Price", tags: [
|
||||
"Rp 15k"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-milky-cocktail-with-icecream-ball-terrace_114579-3678.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Aesthetic & Trendy",
|
||||
tags: [
|
||||
"Ig-Worthy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/cocktail-bar-template-design_23-2150697066.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Aesthetic & Trendy", tags: [
|
||||
"Ig-Worthy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/cocktail-bar-template-design_23-2150697066.jpg"},
|
||||
]}
|
||||
title="Why KOCHA! Rules"
|
||||
description="Simple reasons why you'll get hooked from the first sip."
|
||||
@@ -192,25 +136,15 @@ export default function LandingPage() {
|
||||
author="Sarah, Student"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-caucasian-young-woman-laughing-with-her-eyes-closed-while-sitting-floor-by-window-living-room-brunette-girl-spends-time-alone-weekends-modern-house-vacation-concept_197531-32200.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-caucasian-young-woman-laughing-with-her-eyes-closed-while-sitting-floor-by-window-living-room-brunette-girl-spends-time-alone-weekends-modern-house-vacation-concept_197531-32200.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-woman-with-dark-hair-chilling-with-cup-coffee-cozy-cafe-winter-indoor-portrait-amazing-lady-knitted-yellow-cardigan-resting-restaurant-enjoying-ice-cream_197531-1496.jpg",
|
||||
alt: "Budi",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-woman-with-dark-hair-chilling-with-cup-coffee-cozy-cafe-winter-indoor-portrait-amazing-lady-knitted-yellow-cardigan-resting-restaurant-enjoying-ice-cream_197531-1496.jpg", alt: "Budi"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1656.jpg",
|
||||
alt: "Maya",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1656.jpg", alt: "Maya"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-taking-mobile-phone-while-having-breakfast_23-2147860436.jpg",
|
||||
alt: "Dian",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-taking-mobile-phone-while-having-breakfast_23-2147860436.jpg", alt: "Dian"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-caucasian-young-woman-laughing-with-her-eyes-closed-while-sitting-floor-by-window-living-room-brunette-girl-spends-time-alone-weekends-modern-house-vacation-concept_197531-32200.jpg",
|
||||
alt: "Eka",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-caucasian-young-woman-laughing-with-her-eyes-closed-while-sitting-floor-by-window-living-room-brunette-girl-spends-time-alone-weekends-modern-house-vacation-concept_197531-32200.jpg", alt: "Eka"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -223,22 +157,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Dimana bisa beli?",
|
||||
content: "Kami tersedia di GoFood, ShopeeFood, dan GrabFood!",
|
||||
},
|
||||
id: "q1", title: "Dimana bisa beli?", content: "Kami tersedia di GoFood, ShopeeFood, dan GrabFood!"},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Bisa COD?",
|
||||
content: "Untuk area sekitar, kami melayani pengiriman langsung via kurir lokal.",
|
||||
},
|
||||
id: "q2", title: "Bisa COD?", content: "Untuk area sekitar, kami melayani pengiriman langsung via kurir lokal."},
|
||||
]}
|
||||
ctaTitle="Ready to get caffeinated?"
|
||||
ctaDescription="Order now through your favorite delivery app or WhatsApp."
|
||||
ctaButton={{
|
||||
text: "Order via WhatsApp",
|
||||
href: "https://wa.me/628123456789",
|
||||
}}
|
||||
text: "Order via WhatsApp", href: "https://wa.me/628123456789"}}
|
||||
ctaIcon={MessageCircle}
|
||||
/>
|
||||
</div>
|
||||
@@ -250,14 +176,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/kocha",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/kocha", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://tiktok.com/@kocha",
|
||||
ariaLabel: "TikTok",
|
||||
},
|
||||
href: "https://tiktok.com/@kocha", ariaLabel: "TikTok"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user