Merge version_1 into main #2
206
src/app/page.tsx
206
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="Kafeiin"
|
||||
/>
|
||||
@@ -57,37 +42,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Kafeiin"
|
||||
description="Experience the perfect balance of deep espresso and authentic matcha, served with passion."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-holds-hot-latte-with-froth_140725-7025.jpg?_wi=1",
|
||||
imageAlt: "Iced Matcha Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-drinking-smoothie_1157-2121.jpg?_wi=1",
|
||||
imageAlt: "Signature Espresso Drink",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-milkshake-glass-topped-with-whipped-cream-chocolate_140725-1320.jpg?_wi=1",
|
||||
imageAlt: "Iced Tea Specialty",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-green-tea_1388-603.jpg?_wi=1",
|
||||
imageAlt: "Kafeiin Signature Blend",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-beverage-glass-with-abstract-neo-futuristic-set_23-2150938338.jpg?_wi=1",
|
||||
imageAlt: "Gourmet Matcha",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg?_wi=1",
|
||||
imageAlt: "Barista Crafted Drink",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-holds-hot-latte-with-froth_140725-7025.jpg", imageAlt: "Iced Matcha Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-drinking-smoothie_1157-2121.jpg", imageAlt: "Signature Espresso Drink" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-milkshake-glass-topped-with-whipped-cream-chocolate_140725-1320.jpg", imageAlt: "Iced Tea Specialty" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/iced-green-tea_1388-603.jpg", imageAlt: "Kafeiin Signature Blend" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-beverage-glass-with-abstract-neo-futuristic-set_23-2150938338.jpg", imageAlt: "Gourmet Matcha" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg", imageAlt: "Barista Crafted Drink" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,18 +61,9 @@ export default function LandingPage() {
|
||||
title="Quality on Ice"
|
||||
description="At Kafeiin, we believe greatness is in the details. Every drink is meticulously measured and pre-batched to perfection, ensuring a consistent, luxurious experience every single time."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "5.0 Rating",
|
||||
description: "Consistently rated top-tier by our community.",
|
||||
},
|
||||
{
|
||||
title: "Rapid Service",
|
||||
description: "Your perfect drink in 5–8 minutes.",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Method",
|
||||
description: "Pre-batched cold perfection.",
|
||||
},
|
||||
{ title: "5.0 Rating", description: "Consistently rated top-tier by our community." },
|
||||
{ title: "Rapid Service", description: "Your perfect drink in 5–8 minutes." },
|
||||
{ title: "Artisanal Method", description: "Pre-batched cold perfection." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-apron-working-coffee-machine_23-2148366642.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -124,42 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Signature Matcha",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-holds-hot-latte-with-froth_140725-7025.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Deep Espresso",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-drinking-smoothie_1157-2121.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Iced Chai Tea",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-milkshake-glass-topped-with-whipped-cream-chocolate_140725-1320.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Matcha Latte",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-green-tea_1388-603.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Americano",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-beverage-glass-with-abstract-neo-futuristic-set_23-2150938338.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Specialty Tea",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg?_wi=2",
|
||||
},
|
||||
{ id: "m1", name: "Signature Matcha", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/girl-holds-hot-latte-with-froth_140725-7025.jpg" },
|
||||
{ id: "m2", name: "Deep Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-while-drinking-smoothie_1157-2121.jpg" },
|
||||
{ id: "m3", name: "Iced Chai Tea", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-milkshake-glass-topped-with-whipped-cream-chocolate_140725-1320.jpg" },
|
||||
{ id: "m4", name: "Matcha Latte", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/iced-green-tea_1388-603.jpg" },
|
||||
{ id: "m5", name: "Americano", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-beverage-glass-with-abstract-neo-futuristic-set_23-2150938338.jpg" },
|
||||
{ id: "m6", name: "Specialty Tea", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg" }
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Explore our expertly curated selection of Matcha, Coffee, and Tea."
|
||||
@@ -168,44 +91,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best matcha I have ever had. Truly luxurious experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Espresso is always smooth, never bitter. Perfectly balanced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emr",
|
||||
testimonial: "The atmosphere is incredible. My go-to spot for work and study.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-time-together_52683-100369.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Fast service, even faster results. Simply amazing quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice P.",
|
||||
handle: "@alicep",
|
||||
testimonial: "A viral moment well deserved. Best coffee in the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best matcha I have ever had. Truly luxurious experience.", imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@markd", testimonial: "Espresso is always smooth, never bitter. Perfectly balanced.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emr", testimonial: "The atmosphere is incredible. My go-to spot for work and study.", imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-time-together_52683-100369.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Fast service, even faster results. Simply amazing quality.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg" },
|
||||
{ id: "5", name: "Alice P.", handle: "@alicep", testimonial: "A viral moment well deserved. Best coffee in the city.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg" }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear what our loyal guests have to say about Kafeiin."
|
||||
@@ -218,16 +112,8 @@ export default function LandingPage() {
|
||||
title="Visit Us"
|
||||
description="Come experience the Kafeiin magic. We are located at the heart of the city."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -239,35 +125,21 @@ export default function LandingPage() {
|
||||
logoText="Kafeiin"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "All Drinks",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
title: "Menu", items: [
|
||||
{ label: "All Drinks", href: "#menu" },
|
||||
{ label: "About Us", href: "#about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user