Merge version_1 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kaldi's Coffee Dubai"
|
||||
/>
|
||||
@@ -57,14 +45,9 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="Kaldi's Coffee Dubai"
|
||||
description="Excellence in every cup. Bringing the finest artisan-roasted specialty coffee to the heart of Dubai."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg"
|
||||
imageAlt="Luxury coffee shop interior Dubai"
|
||||
/>
|
||||
</div>
|
||||
@@ -75,16 +58,10 @@ export default function LandingPage() {
|
||||
title="Our Heritage in Dubai"
|
||||
description="At Kaldi’s Coffee, we are dedicated to the art of coffee. Since our inception, we have traveled the globe to source the most ethical and high-quality beans for the discerning palates of Dubai."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Single Origins",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Ethically Sourced",
|
||||
},
|
||||
{ value: "15+", title: "Single Origins" },
|
||||
{ value: "100%", title: "Ethically Sourced" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans_23-2148173344.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans_23-2148173344.jpg"
|
||||
imageAlt="Expert coffee roasting process"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -98,67 +75,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Roasting",
|
||||
description: "Small-batch roasting to lock in flavor.",
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Fresh roasted weekly",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Consistent profiles",
|
||||
},
|
||||
title: "Artisan Roasting", description: "Small-batch roasting to lock in flavor.", items: [
|
||||
{ icon: CheckCircle, text: "Fresh roasted weekly" },
|
||||
{ icon: Shield, text: "Consistent profiles" },
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmers-who-grow-women-are-happy-dry-coffee-beans_1150-5762.jpg",
|
||||
imageAlt: "Sustainable coffee farming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg?_wi=2",
|
||||
imageAlt: "sustainable coffee farming",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/farmers-who-grow-women-are-happy-dry-coffee-beans_1150-5762.jpg", imageAlt: "Sustainable coffee farming" }
|
||||
},
|
||||
{
|
||||
title: "Global Sourcing",
|
||||
description: "Direct partnerships with farmers.",
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Fair prices for farmers",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Direct trade quality",
|
||||
},
|
||||
title: "Global Sourcing", description: "Direct partnerships with farmers.", items: [
|
||||
{ icon: CheckCircle, text: "Fair prices for farmers" },
|
||||
{ icon: CheckCircle, text: "Direct trade quality" },
|
||||
],
|
||||
reverse: true,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg",
|
||||
imageAlt: "Sustainable coffee farming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148173344.jpg?_wi=2",
|
||||
imageAlt: "sustainable coffee farming",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Sustainable coffee farming" }
|
||||
},
|
||||
{
|
||||
title: "Dubai Perfection",
|
||||
description: "Local expert delivery.",
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Same day delivery",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Expert brewing advice",
|
||||
},
|
||||
title: "Dubai Perfection", description: "Local expert delivery.", items: [
|
||||
{ icon: CheckCircle, text: "Same day delivery" },
|
||||
{ icon: CheckCircle, text: "Expert brewing advice" },
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans_23-2148937254.jpg",
|
||||
imageAlt: "Sustainable coffee farming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-roasted-coffee-beans-falling-out-burlap-bag-red-background_141793-25505.jpg?_wi=1",
|
||||
imageAlt: "sustainable coffee farming",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans_23-2148937254.jpg", imageAlt: "Sustainable coffee farming" }
|
||||
},
|
||||
]}
|
||||
title="Why Choose Kaldi's"
|
||||
@@ -173,42 +111,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ethiopian Yirgacheffe",
|
||||
price: "AED 85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-roasted-coffee-beans-falling-out-burlap-bag-red-background_141793-25505.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Colombian Supremo",
|
||||
price: "AED 75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-coffee-beans-falling-out-burlap-bag-red-background_141793-25624.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Brazil Santos",
|
||||
price: "AED 70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-delivery_346278-734.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sumatra Mandheling",
|
||||
price: "AED 80",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-coffee-label-template_23-2149719026.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Kenya AA",
|
||||
price: "AED 90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/presentation-blank-sealed-white-packages-with-product-inside-ready-sale-delivery_346278-577.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "House Blend Dark",
|
||||
price: "AED 65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spice-seed-seasoning-dark-caffeine_1172-456.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Ethiopian Yirgacheffe", price: "AED 85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-roasted-coffee-beans-falling-out-burlap-bag-red-background_141793-25505.jpg" },
|
||||
{ id: "p2", name: "Colombian Supremo", price: "AED 75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-coffee-beans-falling-out-burlap-bag-red-background_141793-25624.jpg" },
|
||||
{ id: "p3", name: "Brazil Santos", price: "AED 70", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-delivery_346278-734.jpg" },
|
||||
]}
|
||||
title="Premium Coffee Selections"
|
||||
description="Discover our signature roasts."
|
||||
@@ -222,46 +127,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Food Blogger",
|
||||
company: "Dubai Eats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215069.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ahmed",
|
||||
role: "Manager",
|
||||
company: "TechHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039413.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena",
|
||||
role: "Designer",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus",
|
||||
role: "Entrepreneur",
|
||||
company: "Startups",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-cheerful-girl-cozy-sweater-with-coffee-go-happily-looking-camera-yellow-background_574295-3844.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fatima",
|
||||
role: "Editor",
|
||||
company: "Style Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah", role: "Food Blogger", company: "Dubai Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215069.jpg" },
|
||||
{ id: "2", name: "Ahmed", role: "Manager", company: "TechHub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039413.jpg" },
|
||||
{ id: "3", name: "Elena", role: "Designer", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg" },
|
||||
]}
|
||||
title="Loved by Coffee Enthusiasts"
|
||||
description="Hear what our community says."
|
||||
@@ -273,14 +141,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Coffee Collective",
|
||||
"Dubai Roasters Guild",
|
||||
"Elite Offices Dubai",
|
||||
"Marina Cafe Hub",
|
||||
"Burj Gourmet",
|
||||
"Downtown Brews",
|
||||
"Jumeirah Daily",
|
||||
]}
|
||||
"The Coffee Collective", "Dubai Roasters Guild", "Elite Offices Dubai"]}
|
||||
title="Proudly Serving Local Leaders"
|
||||
description="Trusted by cafes, offices, and homes across Dubai."
|
||||
/>
|
||||
@@ -291,21 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you deliver in Dubai?",
|
||||
content: "Yes, we deliver daily across all Dubai regions.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How fresh are your beans?",
|
||||
content: "Our beans are roasted weekly to ensure peak freshness.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer wholesale?",
|
||||
content: "Yes, contact us for our B2B partnership programs.",
|
||||
},
|
||||
{ id: "f1", title: "Do you deliver in Dubai?", content: "Yes, we deliver daily across all Dubai regions." },
|
||||
{ id: "f2", title: "How fresh are your beans?", content: "Our beans are roasted weekly to ensure peak freshness." },
|
||||
{ id: "f3", title: "Do you offer wholesale?", content: "Yes, contact us for our B2B partnership programs." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Your coffee questions answered."
|
||||
@@ -317,9 +166,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact"
|
||||
title="Get In Touch"
|
||||
description="Ready to experience the perfect brew? Contact our team."
|
||||
@@ -331,34 +178,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Kaldi's Coffee Dubai"
|
||||
/>
|
||||
@@ -366,4 +187,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user