Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 55ad44c0ad | |||
| 2d7bc3a641 |
209
src/app/page.tsx
209
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Hazem Chaabna"
|
||||
/>
|
||||
@@ -55,59 +47,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Excellence in Every Cup"
|
||||
description="Cafés Hazem Chaabna brings you the finest selection of roasted coffee, crafted with tradition and passion to elevate your daily ritual."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-drinking-coffee-their-room-vacation_23-2149369737.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-drinking-coffee-their-room-vacation_23-2149369737.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/illustrated-christmas-pattern_23-2151845409.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/illustrated-christmas-pattern_23-2151845409.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg", alt: "Customer"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Our Coffee",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Our Coffee", href: "#products"},
|
||||
{
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Roasted",
|
||||
},
|
||||
type: "text", text: "Artisan Roasted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fair Trade Sourced",
|
||||
},
|
||||
type: "text", text: "Fair Trade Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Ground",
|
||||
},
|
||||
type: "text", text: "Freshly Ground"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Since 1974",
|
||||
},
|
||||
type: "text", text: "Since 1974"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,41 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Roast",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-roasted-coffee-beans_181624-59061.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Signature Roast", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-roasted-coffee-beans_181624-59061.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Morning Espresso",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-chocolate_23-2148173345.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Morning Espresso", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-chocolate_23-2148173345.jpg?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Dark Origin",
|
||||
price: "$20.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-aromatic-chocolate-coffee-beans-freshly-baked-hot-cool-dawn-inside-best-professional-roasting-machine_346278-553.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Dark Origin", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/dark-aromatic-chocolate-coffee-beans-freshly-baked-hot-cool-dawn-inside-best-professional-roasting-machine_346278-553.jpg?_wi=1"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hazelnut Blend",
|
||||
price: "$16.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-powder-strainer-coffee-beans_23-2148453604.jpg",
|
||||
},
|
||||
id: "p4", name: "Hazelnut Blend", price: "$16.50", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-powder-strainer-coffee-beans_23-2148453604.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Arabica Gold",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg",
|
||||
},
|
||||
id: "p5", name: "Arabica Gold", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Estate Reserve",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/delicious-coffee-happy-hour-poster-template_23-2148297045.jpg",
|
||||
},
|
||||
id: "p6", name: "Estate Reserve", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-vector/delicious-coffee-happy-hour-poster-template_23-2148297045.jpg"},
|
||||
]}
|
||||
title="Our Signature Blends"
|
||||
description="Discover our carefully curated collection of premium coffee beans, each roasted to perfection to bring out unique flavor profiles."
|
||||
@@ -177,31 +124,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Tradition",
|
||||
"Craft",
|
||||
],
|
||||
id: "m1", value: "50+", title: "Years Experience", items: [
|
||||
"Tradition", "Craft"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Sourced Ethically",
|
||||
items: [
|
||||
"Fair Trade",
|
||||
"Sustainable",
|
||||
],
|
||||
id: "m2", value: "100%", title: "Sourced Ethically", items: [
|
||||
"Fair Trade", "Sustainable"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15",
|
||||
title: "Signature Blends",
|
||||
items: [
|
||||
"Unique",
|
||||
"Expertly Crafted",
|
||||
],
|
||||
id: "m3", value: "15", title: "Signature Blends", items: [
|
||||
"Unique", "Expertly Crafted"],
|
||||
},
|
||||
]}
|
||||
title="Quality Defined"
|
||||
@@ -215,60 +147,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Ahmed",
|
||||
date: "2024-05",
|
||||
title: "Coffee Enthusiast",
|
||||
quote: "The best roast I've ever tasted.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-fairskinned-adult-woman-smiling-looking-camera-while-drinking-coffee-morning-standing-by-window-concept-rest-recovery_197531-31124.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roasted-coffee-beans-lights-with-blurred-edges_181624-14430.jpg",
|
||||
imageAlt: "happy coffee shop customer portrait",
|
||||
},
|
||||
id: "t1", name: "Sarah Ahmed", date: "2024-05", title: "Coffee Enthusiast", quote: "The best roast I've ever tasted.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-fairskinned-adult-woman-smiling-looking-camera-while-drinking-coffee-morning-standing-by-window-concept-rest-recovery_197531-31124.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roasted-coffee-beans-lights-with-blurred-edges_181624-14430.jpg", imageAlt: "happy coffee shop customer portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Omar K.",
|
||||
date: "2024-04",
|
||||
title: "Daily Drinker",
|
||||
quote: "Hazem Chaabna never disappoints me.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-drinking-from-cup_23-2148184642.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-female-hand-making-turkish-coffee-sand-caf_23-2148209253.jpg",
|
||||
imageAlt: "happy coffee shop customer portrait",
|
||||
},
|
||||
id: "t2", name: "Omar K.", date: "2024-04", title: "Daily Drinker", quote: "Hazem Chaabna never disappoints me.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-drinking-from-cup_23-2148184642.jpg", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-female-hand-making-turkish-coffee-sand-caf_23-2148209253.jpg", imageAlt: "happy coffee shop customer portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Nour H.",
|
||||
date: "2024-03",
|
||||
title: "Loyal Customer",
|
||||
quote: "Their blends are truly unique.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-roasted-coffee-beans_181624-59061.jpg?_wi=2",
|
||||
imageAlt: "happy coffee shop customer portrait",
|
||||
},
|
||||
id: "t3", name: "Nour H.", date: "2024-03", title: "Loyal Customer", quote: "Their blends are truly unique.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-roasted-coffee-beans_181624-59061.jpg?_wi=2", imageAlt: "happy coffee shop customer portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Youssef M.",
|
||||
date: "2024-02",
|
||||
title: "Coffee Lover",
|
||||
quote: "High quality every single time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-having-coffee_23-2147859252.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-chocolate_23-2148173345.jpg?_wi=2",
|
||||
imageAlt: "happy coffee shop customer portrait",
|
||||
},
|
||||
id: "t4", name: "Youssef M.", date: "2024-02", title: "Coffee Lover", quote: "High quality every single time.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-having-coffee_23-2147859252.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-chocolate_23-2148173345.jpg?_wi=2", imageAlt: "happy coffee shop customer portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lina T.",
|
||||
date: "2024-01",
|
||||
title: "Regular Client",
|
||||
quote: "The service is as good as the coffee.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-aromatic-chocolate-coffee-beans-freshly-baked-hot-cool-dawn-inside-best-professional-roasting-machine_346278-553.jpg?_wi=2",
|
||||
imageAlt: "happy coffee shop customer portrait",
|
||||
},
|
||||
id: "t5", name: "Lina T.", date: "2024-01", title: "Regular Client", quote: "The service is as good as the coffee.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dark-aromatic-chocolate-coffee-beans-freshly-baked-hot-cool-dawn-inside-best-professional-roasting-machine_346278-553.jpg?_wi=2", imageAlt: "happy coffee shop customer portrait"},
|
||||
]}
|
||||
title="What Our Coffee Lovers Say"
|
||||
description="Hear from those who make our coffee a part of their daily routine."
|
||||
@@ -281,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is the coffee sourced?",
|
||||
content: "We source our beans directly from sustainable farms.",
|
||||
},
|
||||
id: "q1", title: "How is the coffee sourced?", content: "We source our beans directly from sustainable farms."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we ship nationwide with premium care.",
|
||||
},
|
||||
id: "q2", title: "Do you offer shipping?", content: "Yes, we ship nationwide with premium care."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I visit your cafe?",
|
||||
content: "Absolutely, visit us to experience the full menu.",
|
||||
},
|
||||
id: "q3", title: "Can I visit your cafe?", content: "Absolutely, visit us to experience the full menu."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -306,8 +184,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Have questions about our blends? Contact us today for personalized coffee recommendations."
|
||||
/>
|
||||
</div>
|
||||
@@ -316,13 +193,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Cafés Hazem Chaabna"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user