Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,55 +32,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kultúra"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Kultúra: Where Coffee Meets Culture"
|
||||
description="Experience the authentic taste of tradition in every cup. Kultúra brings you the finest selection of hand-roasted beans, crafted with passion for our local community."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-coffee-cup_23-2148352294.jpg?_wi=1",
|
||||
imageAlt: "cozy coffee shop interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoon-with-roasted-coffee-beans_23-2148251692.jpg?_wi=1",
|
||||
imageAlt: "fresh coffee beans macro shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-nice-bar_23-2147897025.jpg?_wi=1",
|
||||
imageAlt: "warm coffee shop window seat",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg",
|
||||
imageAlt: "cozy coffee shop interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-beans-close-up_23-2148337613.jpg",
|
||||
imageAlt: "fresh coffee beans macro shot",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-coffee-cup_23-2148352294.jpg", imageAlt: "cozy coffee shop interior warm lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoon-with-roasted-coffee-beans_23-2148251692.jpg", imageAlt: "fresh coffee beans macro shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-nice-bar_23-2147897025.jpg", imageAlt: "warm coffee shop window seat" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -92,18 +62,9 @@ export default function LandingPage() {
|
||||
title="Our Coffee Journey"
|
||||
description="At Kultúra, we believe coffee is more than a beverage—it's a ritual. We source sustainably, roast locally, and serve with heart, creating a space where stories are shared over every pour."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Cups Served",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Bean Varieties",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Locally Roasted",
|
||||
},
|
||||
{ value: "10k+", title: "Cups Served" },
|
||||
{ value: "50+", title: "Bean Varieties" },
|
||||
{ value: "100%", title: "Locally Roasted" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-hand-holding-portafilter-with-coffee_23-2147830571.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -117,41 +78,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Espresso Kultúra",
|
||||
price: "$3.50",
|
||||
variant: "Dark Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-mocha-coffee-with-cake_1339-2387.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Velvet Latte",
|
||||
price: "$4.50",
|
||||
variant: "Medium Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-glass_23-2148251672.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Golden Mocha",
|
||||
price: "$5.00",
|
||||
variant: "Sweet/Bold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-filled-with-coffee-coffee-beans_23-2148254970.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cold Drip Special",
|
||||
price: "$5.50",
|
||||
variant: "Refreshing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-flavor-table-black-wood_1172-467.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ethiopian Heirloom",
|
||||
price: "$6.00",
|
||||
variant: "Single Origin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee_23-2149703761.jpg",
|
||||
},
|
||||
{ id: "1", name: "Espresso Kultúra", price: "$3.50", variant: "Dark Roast", imageSrc: "http://img.b2bpic.net/free-photo/hot-mocha-coffee-with-cake_1339-2387.jpg" },
|
||||
{ id: "2", name: "Velvet Latte", price: "$4.50", variant: "Medium Roast", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-glass_23-2148251672.jpg" },
|
||||
{ id: "3", name: "Golden Mocha", price: "$5.00", variant: "Sweet/Bold", imageSrc: "http://img.b2bpic.net/free-photo/glass-filled-with-coffee-coffee-beans_23-2148254970.jpg" },
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Discover our carefully curated menu, featuring everything from classic espressos to exotic single-origin pours, all roasted to perfection."
|
||||
@@ -163,46 +92,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best in town",
|
||||
quote: "Kultúra serves the most authentic espresso I've found in years.",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Coffee Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-cheerful-relaxed-black-girl-with-curly-hair-holds-mug-coffee-enjoys-pastime-visits-exotic-cafeteria-has-summer-holidays-abroad-looks-aside_273609-29077.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "My morning spot",
|
||||
quote: "The staff are incredibly friendly, and the coffee is always consistent.",
|
||||
name: "Omar Khalil",
|
||||
role: "Local Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-holding-cup-sitting-sofa_176420-1914.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Cozy vibes",
|
||||
quote: "Perfect for working or catching up with friends. Such a warm atmosphere.",
|
||||
name: "Layla Ibrahim",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-woman-is-sitting-street-drinking-coffee_291650-1174.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great roast",
|
||||
quote: "I love that they roast their own beans. You can truly taste the quality.",
|
||||
name: "Jad Mansour",
|
||||
role: "Food Blogger",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-tanned-woman-red-dress-stylish-beret-beige-trench-coat-eyeglasses-sits-cozy-street-cafe-smiles-enjoys-dessert-coffee_197531-29282.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Excellent service",
|
||||
quote: "Kultúra is a gem in our neighborhood. High recommended!",
|
||||
name: "Zainab Fakhoury",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg",
|
||||
},
|
||||
{ id: "1", title: "Best in town", quote: "Kultúra serves the most authentic espresso I've found in years.", name: "Sarah Ahmed", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/photo-cheerful-relaxed-black-girl-with-curly-hair-holds-mug-coffee-enjoys-pastime-visits-exotic-cafeteria-has-summer-holidays-abroad-looks-aside_273609-29077.jpg" },
|
||||
{ id: "2", title: "My morning spot", quote: "The staff are incredibly friendly, and the coffee is always consistent.", name: "Omar Khalil", role: "Local Regular", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-holding-cup-sitting-sofa_176420-1914.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Heartfelt feedback from our wonderful community."
|
||||
@@ -215,21 +106,9 @@ export default function LandingPage() {
|
||||
title="The Science of Coffee"
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
description: "Sourced Ethically",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
description: "Peak Freshness Window",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Arabica Quality",
|
||||
},
|
||||
{ id: "m1", value: "95%", description: "Sourced Ethically" },
|
||||
{ id: "m2", value: "24h", description: "Peak Freshness Window" },
|
||||
{ id: "m3", value: "100%", description: "Arabica Quality" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -239,22 +118,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Meet Our Baristas"
|
||||
tag="Our Team"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ali Hassan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dreaming-while-sitting-table-cafe_171337-16321.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maya Nouri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-woman-drinking-coffee_23-2148395483.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Samir Farid",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ali Hassan", imageSrc: "http://img.b2bpic.net/free-photo/woman-dreaming-while-sitting-table-cafe_171337-16321.jpg" },
|
||||
{ id: "t2", name: "Maya Nouri", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-woman-drinking-coffee_23-2148395483.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -267,41 +134,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Indoor Comfort",
|
||||
description: "Warm, cozy seating for everyone.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-cappuccino-blank-white-cup-spills-milk-foam-heart-shape-cafe-shop_346278-513.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-coffee-cup_23-2148352294.jpg?_wi=2",
|
||||
imageAlt: "cozy coffee shop interior warm lighting",
|
||||
title: "Indoor Comfort", description: "Warm, cozy seating for everyone.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-cappuccino-blank-white-cup-spills-milk-foam-heart-shape-cafe-shop_346278-513.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Outdoor Patio",
|
||||
description: "Enjoy your latte in the fresh air.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-165303.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-coffee-cup-with-plants_23-2150708126.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoon-with-roasted-coffee-beans_23-2148251692.jpg?_wi=2",
|
||||
imageAlt: "cozy coffee shop interior warm lighting",
|
||||
},
|
||||
{
|
||||
title: "Free Wi-Fi",
|
||||
description: "Perfect for freelancers and students.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6421.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-roasted-coffee-beans_181624-59061.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-nice-bar_23-2147897025.jpg?_wi=2",
|
||||
imageAlt: "cozy coffee shop interior warm lighting",
|
||||
},
|
||||
title: "Outdoor Patio", description: "Enjoy your latte in the fresh air.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-165303.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-coffee-cup-with-plants_23-2150708126.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Visit Kultúra"
|
||||
@@ -313,15 +152,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Meta",
|
||||
"Netflix",
|
||||
]}
|
||||
names={["Microsoft", "Google", "Apple", "Amazon", "Tesla"]}
|
||||
title="Trusted Partners"
|
||||
description="We partner with top-tier suppliers for our beans."
|
||||
/>
|
||||
@@ -330,9 +161,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Join Our Community"
|
||||
description="Sign up for updates on special roasts and events."
|
||||
@@ -344,29 +173,15 @@ export default function LandingPage() {
|
||||
logoText="Kultúra"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Menu", href: "#products" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@kultura.com",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Email", href: "mailto:hello@kultura.com" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user