Merge version_2 into main #1
237
src/app/page.tsx
237
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Loulok"
|
||||
/>
|
||||
@@ -57,66 +49,37 @@ export default function LandingPage() {
|
||||
<HeroOverlayTestimonial
|
||||
title="Experience Loulok"
|
||||
description="Indulge in artisanal coffee and hand-crafted pastries in the heart of the city."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Clara J.",
|
||||
handle: "@clarajoy",
|
||||
testimonial: "The best coffee I've ever tasted. The aesthetic is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
|
||||
},
|
||||
name: "Clara J.", handle: "@clarajoy", testimonial: "The best coffee I've ever tasted. The aesthetic is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg"},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Perfect spot for early morning meetings. Great atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-woman-sitting-couch-home-with-cup-tea_1098-18657.jpg",
|
||||
},
|
||||
name: "Mark S.", handle: "@marks", testimonial: "Perfect spot for early morning meetings. Great atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-woman-sitting-couch-home-with-cup-tea_1098-18657.jpg"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Everything about this place is pure luxury. Loved it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-music-sofa_53876-137586.jpg",
|
||||
},
|
||||
name: "Elena R.", handle: "@elena_r", testimonial: "Everything about this place is pure luxury. Loved it.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-music-sofa_53876-137586.jpg"},
|
||||
{
|
||||
name: "James B.",
|
||||
handle: "@j_bond",
|
||||
testimonial: "Stellar service and impeccable beans. Will be back.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-disposable-coffee-cup_107420-12333.jpg",
|
||||
},
|
||||
name: "James B.", handle: "@j_bond", testimonial: "Stellar service and impeccable beans. Will be back.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-holding-disposable-coffee-cup_107420-12333.jpg"},
|
||||
{
|
||||
name: "Sara K.",
|
||||
handle: "@sarak",
|
||||
testimonial: "The pastries are as beautiful as they are delicious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-dreaming-young-woman-sitting-cafe-table_171337-17088.jpg",
|
||||
},
|
||||
name: "Sara K.", handle: "@sarak", testimonial: "The pastries are as beautiful as they are delicious.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-dreaming-young-woman-sitting-cafe-table_171337-17088.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-female-barista-pouring-frothed-milk-cup_23-2148824452.jpg"
|
||||
imageAlt="Luxurious coffee shop atmosphere"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
||||
alt: "Customer portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg", alt: "Customer portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
|
||||
alt: "Customer portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg", alt: "Customer portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg",
|
||||
alt: "Customer portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg", alt: "Customer portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
|
||||
alt: "Customer portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg", alt: "Customer portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-having-coffee-kitchen_1301-6977.jpg",
|
||||
alt: "Customer portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-having-coffee-kitchen_1301-6977.jpg", alt: "Customer portrait 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,9 +89,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Craft"
|
||||
description={[
|
||||
"At Loulok, we believe in the philosophy of slow living. Our coffee is sourced from single-origin farms, roasted in small batches to preserve every nuance.",
|
||||
"Founded in 2024, our cafe combines architectural sophistication with the comforting aroma of freshly baked artisanal delights.",
|
||||
]}
|
||||
"At Loulok, we believe in the philosophy of slow living. Our coffee is sourced from single-origin farms, roasted in small batches to preserve every nuance.", "Founded in 2024, our cafe combines architectural sophistication with the comforting aroma of freshly baked artisanal delights."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,23 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Single-Origin Beans",
|
||||
description: "Ethically sourced coffee beans from the finest farms around the world.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg",
|
||||
imageAlt: "Coffee beans",
|
||||
},
|
||||
title: "Single-Origin Beans", description: "Ethically sourced coffee beans from the finest farms around the world.", imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg", imageAlt: "Coffee beans"},
|
||||
{
|
||||
title: "Master Baristas",
|
||||
description: "Trained professionals focused on precision and latte art excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164825.jpg",
|
||||
imageAlt: "Barista detail",
|
||||
},
|
||||
title: "Master Baristas", description: "Trained professionals focused on precision and latte art excellence.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164825.jpg", imageAlt: "Barista detail"},
|
||||
{
|
||||
title: "Local Pastries",
|
||||
description: "Daily fresh bakes from local artisanal kitchens using organic ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg",
|
||||
imageAlt: "Bakery goods",
|
||||
},
|
||||
title: "Local Pastries", description: "Daily fresh bakes from local artisanal kitchens using organic ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg", imageAlt: "Bakery goods"},
|
||||
]}
|
||||
title="Why Choose Loulok"
|
||||
description="Experience excellence in every detail of our service and quality."
|
||||
@@ -171,59 +120,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Coffee",
|
||||
name: "Signature Espresso",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations-still-life_23-2150244121.jpg",
|
||||
},
|
||||
id: "1", brand: "Coffee", name: "Signature Espresso", price: "$4.50", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations-still-life_23-2150244121.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Bakery",
|
||||
name: "Butter Croissant",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiple-layer-coffee-cocktail-topped-with-whipped-cream_140725-2906.jpg",
|
||||
},
|
||||
id: "2", brand: "Bakery", name: "Butter Croissant", price: "$5.00", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/multiple-layer-coffee-cocktail-topped-with-whipped-cream_140725-2906.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Coffee",
|
||||
name: "Velvet Cappuccino",
|
||||
price: "$6.00",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-bagel-with-honey_23-2148695517.jpg",
|
||||
},
|
||||
id: "3", brand: "Coffee", name: "Velvet Cappuccino", price: "$6.00", rating: 4,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-bagel-with-honey_23-2148695517.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Bakery",
|
||||
name: "Almond Danish",
|
||||
price: "$6.50",
|
||||
rating: 5,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-assortment-berries-bowl-wooden-table_123827-32629.jpg",
|
||||
},
|
||||
id: "4", brand: "Bakery", name: "Almond Danish", price: "$6.50", rating: 5,
|
||||
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/fresh-assortment-berries-bowl-wooden-table_123827-32629.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Cold",
|
||||
name: "Iced Matcha Latte",
|
||||
price: "$7.00",
|
||||
rating: 4,
|
||||
reviewCount: "41",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-slice-wooden-platter_114579-18538.jpg",
|
||||
},
|
||||
id: "5", brand: "Cold", name: "Iced Matcha Latte", price: "$7.00", rating: 4,
|
||||
reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/cake-slice-wooden-platter_114579-18538.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Coffee",
|
||||
name: "Flat White",
|
||||
price: "$5.50",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-saucer-blue-background_114579-74451.jpg",
|
||||
},
|
||||
id: "6", brand: "Coffee", name: "Flat White", price: "$5.50", rating: 5,
|
||||
reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-saucer-blue-background_114579-74451.jpg"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our refined selection of coffees and handcrafted pastries."
|
||||
@@ -238,25 +151,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
title: "Cups Served",
|
||||
description: "Quality beans brewed to perfection.",
|
||||
icon: Coffee,
|
||||
id: "m1", value: "15K+", title: "Cups Served", description: "Quality beans brewed to perfection.", icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Local Suppliers",
|
||||
description: "Partnering with artisanal farms.",
|
||||
icon: Users,
|
||||
id: "m2", value: "20+", title: "Local Suppliers", description: "Partnering with artisanal farms.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Our promise to our guests.",
|
||||
icon: Award,
|
||||
id: "m3", value: "100%", title: "Satisfaction", description: "Our promise to our guests.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -271,40 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Clara J.",
|
||||
handle: "@clarajoy",
|
||||
testimonial: "Everything about this place is refined.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg",
|
||||
},
|
||||
id: "t1", name: "Clara J.", handle: "@clarajoy", testimonial: "Everything about this place is refined.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Consistently excellent coffee and vibe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-cup-black-cafe-interior_169016-21462.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark S.", handle: "@marks", testimonial: "Consistently excellent coffee and vibe.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-cup-black-cafe-interior_169016-21462.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "My morning sanctuary. Absolutely divine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-glasses-office_23-2148218574.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", handle: "@elena_r", testimonial: "My morning sanctuary. Absolutely divine.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-glasses-office_23-2148218574.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James B.",
|
||||
handle: "@j_bond",
|
||||
testimonial: "Best service in the entire city. Period.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-having-coffee-counter_107420-96254.jpg",
|
||||
},
|
||||
id: "t4", name: "James B.", handle: "@j_bond", testimonial: "Best service in the entire city. Period.", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-having-coffee-counter_107420-96254.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sara K.",
|
||||
handle: "@sarak",
|
||||
testimonial: "The almond danish is life-changing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-male-barista-wearing-denim-shirt-grey-striped-apron_176420-7879.jpg",
|
||||
},
|
||||
id: "t5", name: "Sara K.", handle: "@sarak", testimonial: "The almond danish is life-changing.", imageSrc: "http://img.b2bpic.net/free-photo/nice-male-barista-wearing-denim-shirt-grey-striped-apron_176420-7879.jpg"},
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="What our patrons have to say about their Loulok experience."
|
||||
@@ -316,14 +192,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Artisan Roast",
|
||||
"Velvet Beans",
|
||||
"Pure Grind",
|
||||
"Morning Brew",
|
||||
"Local Bakery",
|
||||
"Fresh Harvest",
|
||||
"City Roasters",
|
||||
]}
|
||||
"Artisan Roast", "Velvet Beans", "Pure Grind", "Morning Brew", "Local Bakery", "Fresh Harvest", "City Roasters"]}
|
||||
title="Trusted by Peers"
|
||||
description="Collaborating with premium brands and local icons."
|
||||
/>
|
||||
@@ -336,20 +205,12 @@ export default function LandingPage() {
|
||||
description="Questions? Reservations? We love hearing from our guests."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help!",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us how we can help!"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-holding-pizza-full-shot_23-2149872414.jpg"
|
||||
imageAlt="Cafe entrance"
|
||||
/>
|
||||
@@ -364,4 +225,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user