Merge version_1 into main #2
313
src/app/page.tsx
313
src/app/page.tsx
@@ -31,65 +31,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="La k’afeteria"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="La k’afeteria"
|
||||
description="Luxury Coffee Experience"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Menu", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-woman-using-mobile-phone-while-having-cup-coffee_107420-63684.jpg?_wi=1",
|
||||
imageAlt: "Coffee shop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg",
|
||||
imageAlt: "Artisanal brewing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
|
||||
imageAlt: "Premium roasts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-cup-with-snowflake-stars_1048-3898.jpg",
|
||||
imageAlt: "Warm atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talanted-barista-is-prepairing-coffee-clients-posh-restaurant-using-coffee-machine_613910-3256.jpg",
|
||||
imageAlt: "Luxury setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",
|
||||
imageAlt: "Barista detail",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mid-section-woman-using-mobile-phone-while-having-cup-coffee_107420-63684.jpg", imageAlt: "Coffee shop interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg", imageAlt: "Artisanal brewing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", imageAlt: "Premium roasts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/red-cup-with-snowflake-stars_1048-3898.jpg", imageAlt: "Warm atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/talanted-barista-is-prepairing-coffee-clients-posh-restaurant-using-coffee-machine_613910-3256.jpg", imageAlt: "Luxury setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg", imageAlt: "Barista detail" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,7 +65,7 @@ export default function LandingPage() {
|
||||
title="Crafting More Than Coffee — Creating Moments."
|
||||
description="At La k’afeteria, we believe every cup is a canvas of flavor. We source only the finest beans to deliver a taste that transcends the ordinary."
|
||||
subdescription="Our passion is refined taste, elegant ambiance, and a commitment to perfection in every pour."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-coffee-concept_23-2148464860.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-coffee-concept_23-2148464860.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Artisanal coffee beans close up"
|
||||
icon={Coffee}
|
||||
@@ -115,42 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "item-1",
|
||||
name: "Espresso Noir",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-cup-plate-white-surface_140725-62157.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "item-2",
|
||||
name: "Velvet Latte",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apple-cocktail-with-flowers-hand_140725-407.jpg",
|
||||
},
|
||||
{
|
||||
id: "item-3",
|
||||
name: "Golden Croissant",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-breads-eggs-red-white-cloth_1150-28521.jpg",
|
||||
},
|
||||
{
|
||||
id: "item-4",
|
||||
name: "Cold Brew Reserve",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-mug-wiiden-board_23-2148453619.jpg",
|
||||
},
|
||||
{
|
||||
id: "item-5",
|
||||
name: "Cappuccino Royale",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-barista-holding-decorated-coffee-glass_23-2148824461.jpg",
|
||||
},
|
||||
{
|
||||
id: "item-6",
|
||||
name: "Almond Danish",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-table-with-blue-plate-eggs-jam-jelly-dark-bread-white-background-coffee-dough-pie-oven-morning-tea-eggs-bun_140725-158377.jpg",
|
||||
},
|
||||
{ id: "item-1", name: "Espresso Noir", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-cup-plate-white-surface_140725-62157.jpg" },
|
||||
{ id: "item-2", name: "Velvet Latte", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/apple-cocktail-with-flowers-hand_140725-407.jpg" },
|
||||
{ id: "item-3", name: "Golden Croissant", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/various-breads-eggs-red-white-cloth_1150-28521.jpg" },
|
||||
{ id: "item-4", name: "Cold Brew Reserve", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-mug-wiiden-board_23-2148453619.jpg" },
|
||||
{ id: "item-5", name: "Cappuccino Royale", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/female-barista-holding-decorated-coffee-glass_23-2148824461.jpg" },
|
||||
{ id: "item-6", name: "Almond Danish", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-table-with-blue-plate-eggs-jam-jelly-dark-bread-white-background-coffee-dough-pie-oven-morning-tea-eggs-bun_140725-158377.jpg" },
|
||||
]}
|
||||
title="Signature Selection"
|
||||
description="Our curated menu of premium roasts and artisanal pastries."
|
||||
@@ -163,83 +97,39 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "We hand-pick beans from sustainable farms worldwide.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg",
|
||||
imageAlt: "Sourcing beans",
|
||||
},
|
||||
title: "Ethical Sourcing", description: "We hand-pick beans from sustainable farms worldwide.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg", imageAlt: "Sourcing beans"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Sustainable",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Direct Trade",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "High Altitude",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Sustainable" },
|
||||
{ icon: CheckCircle, text: "Direct Trade" },
|
||||
{ icon: CheckCircle, text: "High Altitude" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-woman-using-mobile-phone-while-having-cup-coffee_107420-63684.jpg?_wi=2",
|
||||
imageAlt: "artisanal coffee beans close up",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Roasting",
|
||||
description: "Slow-roasted in small batches to preserve richness.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg",
|
||||
imageAlt: "Roasting beans",
|
||||
},
|
||||
title: "Artisanal Roasting", description: "Slow-roasted in small batches to preserve richness.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg", imageAlt: "Roasting beans"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Small Batches",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Perfect Aroma",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Balanced Roast",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Small Batches" },
|
||||
{ icon: CheckCircle, text: "Perfect Aroma" },
|
||||
{ icon: CheckCircle, text: "Balanced Roast" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-concept_23-2148464860.jpg?_wi=2",
|
||||
imageAlt: "artisanal coffee beans close up",
|
||||
},
|
||||
{
|
||||
title: "Expert Brewing",
|
||||
description: "Prepared with precision by our master baristas.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miniature-gardening-tools-wood-table_23-2148269615.jpg",
|
||||
imageAlt: "Brewing coffee",
|
||||
},
|
||||
title: "Expert Brewing", description: "Prepared with precision by our master baristas.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miniature-gardening-tools-wood-table_23-2148269615.jpg", imageAlt: "Brewing coffee"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Precision",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Consistency",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Artistry",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Precision" },
|
||||
{ icon: CheckCircle, text: "Consistency" },
|
||||
{ icon: CheckCircle, text: "Artistry" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-cup-plate-white-surface_140725-62157.jpg?_wi=2",
|
||||
imageAlt: "artisanal coffee beans close up",
|
||||
},
|
||||
]}
|
||||
title="Our Coffee Process"
|
||||
description="From bean to brew, we ensure precision and care."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -249,41 +139,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Coffee Enthusiast",
|
||||
testimonial: "The best coffee shop in town. The espresso noir is truly unforgettable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-iced-coffee-break-outside_23-2149567322.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
role: "Daily Visitor",
|
||||
testimonial: "I love the ambiance here. It’s my go-to place for a quiet morning brew.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma Wilson",
|
||||
role: "Regular Customer",
|
||||
testimonial: "A luxury experience. The velvet latte is perfectly smooth every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-joyful-girl-wears-red-bandana-denim-dress-eyewear-holds-takeaway-coffee-paper-disposable-cup_273609-18986.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Thorne",
|
||||
role: "Business Owner",
|
||||
testimonial: "Exceptional service and high-quality beans. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256893.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia Roberts",
|
||||
role: "Foodie",
|
||||
testimonial: "Their golden croissants are the perfect match for their premium coffee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Coffee Enthusiast", testimonial: "The best coffee shop in town. The espresso noir is truly unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-iced-coffee-break-outside_23-2149567322.jpg" },
|
||||
{ id: "t2", name: "David Chen", role: "Daily Visitor", testimonial: "I love the ambiance here. It’s my go-to place for a quiet morning brew.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg" },
|
||||
{ id: "t3", name: "Emma Wilson", role: "Regular Customer", testimonial: "A luxury experience. The velvet latte is perfectly smooth every time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-joyful-girl-wears-red-bandana-denim-dress-eyewear-holds-takeaway-coffee-paper-disposable-cup_273609-18986.jpg" },
|
||||
{ id: "t4", name: "Marcus Thorne", role: "Business Owner", testimonial: "Exceptional service and high-quality beans. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256893.jpg" },
|
||||
{ id: "t5", name: "Julia Roberts", role: "Foodie", testimonial: "Their golden croissants are the perfect match for their premium coffee.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg" },
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="Hear what our patrons say about their coffee journey."
|
||||
@@ -298,36 +158,9 @@ export default function LandingPage() {
|
||||
title="Coffee Blog"
|
||||
description="Insights, tips, and stories from our passionate baristas."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Tips",
|
||||
title: "Perfecting Latte Art",
|
||||
excerpt: "Master the steam wand and pour like a professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-apron-working-coffee-machine_23-2148366642.jpg",
|
||||
authorName: "La k’afeteria Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-hispanic-tourist-woman-smiling-happy-drinking-coffee-city_839833-25789.jpg",
|
||||
date: "Jan 12, 2026",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Origins",
|
||||
title: "The Journey of the Bean",
|
||||
excerpt: "Discover how coffee goes from farm to your cup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-3d-coffee-drink_23-2151840658.jpg",
|
||||
authorName: "La k’afeteria Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg",
|
||||
date: "Jan 15, 2026",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Brewing",
|
||||
title: "Mastering the Pour Over",
|
||||
excerpt: "The ultimate ritual for a clean, aromatic cup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-30607.jpg",
|
||||
authorName: "La k’afeteria Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-shy-pensive-woman-knitted-sweater-enjoying-coffee-looking-street-indoor-photo-romantic-young-woman-yellow-attire-dreaming-about-something-lunch-cafe_197531-1498.jpg",
|
||||
date: "Jan 20, 2026",
|
||||
},
|
||||
{ id: "b1", category: "Tips", title: "Perfecting Latte Art", excerpt: "Master the steam wand and pour like a professional.", imageSrc: "http://img.b2bpic.net/free-photo/man-apron-working-coffee-machine_23-2148366642.jpg", authorName: "La k’afeteria Team", authorAvatar: "http://img.b2bpic.net/free-photo/young-hispanic-tourist-woman-smiling-happy-drinking-coffee-city_839833-25789.jpg", date: "Jan 12, 2026" },
|
||||
{ id: "b2", category: "Origins", title: "The Journey of the Bean", excerpt: "Discover how coffee goes from farm to your cup.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-3d-coffee-drink_23-2151840658.jpg", authorName: "La k’afeteria Team", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5073.jpg", date: "Jan 15, 2026" },
|
||||
{ id: "b3", category: "Brewing", title: "Mastering the Pour Over", excerpt: "The ultimate ritual for a clean, aromatic cup.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-30607.jpg", authorName: "La k’afeteria Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-shy-pensive-woman-knitted-sweater-enjoying-coffee-looking-street-indoor-photo-romantic-young-woman-yellow-attire-dreaming-about-something-lunch-cafe_197531-1498.jpg", date: "Jan 20, 2026" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,9 +168,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Join the Club"
|
||||
description="Sign up to receive exclusive offers and coffee news."
|
||||
tag="Newsletter"
|
||||
@@ -348,57 +179,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="La k’afeteria"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Coffee",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Pastries",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Full Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Newsletter",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Coffee", href: "#menu" }, { label: "Pastries", href: "#menu" }, { label: "Full Menu", href: "#menu" }] },
|
||||
{ title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Process", href: "#features" }, { label: "Testimonials", href: "#testimonials" }] },
|
||||
{ title: "Contact", items: [{ label: "Location", href: "#contact" }, { label: "Newsletter", href: "#contact" }, { label: "Support", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2026 La k’afeteria | Designed for luxury"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user