Update src/app/page.tsx
This commit is contained in:
237
src/app/page.tsx
237
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home",
|
{ name: "Services", id: "/services" },
|
||||||
id: "/",
|
{ name: "About", id: "/about" },
|
||||||
},
|
{ name: "Reviews", id: "/reviews" },
|
||||||
{
|
{ name: "Contact", id: "/contact" },
|
||||||
name: "Services",
|
|
||||||
id: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "/reviews",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Kardamom and Koffee"
|
brandName="Kardamom and Koffee"
|
||||||
/>
|
/>
|
||||||
@@ -55,105 +40,38 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Where Art Meets Culinary Excellence"
|
title="Where Art Meets Culinary Excellence"
|
||||||
description="Experience the unique blend of high-end coffee and fine art in the heart of Kololo, Uganda."
|
description="Experience the unique blend of high-end coffee and fine art in the heart of Kololo, Uganda."
|
||||||
leftCarouselItems={[
|
leftCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/drawing_23-2148015205.jpg", imageAlt: "Coffee and Art" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing_23-2148015205.jpg?_wi=1",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/drawing_23-2148015203.jpg", imageAlt: "Coffee and Art" },
|
||||||
imageAlt: "Coffee and Art",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/brush-notebook-near-coffee-earphones_23-2147823752.jpg", imageAlt: "Brush on notebook near coffee and earphones" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-artistic-pencil-drawing-with-cup-coffee_23-2148563658.jpg", imageAlt: "Top view artistic pencil drawing with cup of coffee" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-watercolors_23-2148563646.jpg", imageAlt: "Top view cup of coffee with watercolors" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing_23-2148015203.jpg",
|
|
||||||
imageAlt: "Coffee and Art",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/brush-notebook-near-coffee-earphones_23-2147823752.jpg",
|
|
||||||
imageAlt: "Brush on notebook near coffee and earphones",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-artistic-pencil-drawing-with-cup-coffee_23-2148563658.jpg",
|
|
||||||
imageAlt: "Top view artistic pencil drawing with cup of coffee",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-watercolors_23-2148563646.jpg",
|
|
||||||
imageAlt: "Top view cup of coffee with watercolors",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-stands-wooden-table-all-photos_8353-1368.jpg", imageAlt: "Coffee and Art" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-stands-wooden-table-all-photos_8353-1368.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-authentic-dining-room-interior-design-with-picture-frame_53876-111108.jpg", imageAlt: "Coffee and Art" },
|
||||||
imageAlt: "Coffee and Art",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-artist-concept-with-watercolor-elements_23-2148002083.jpg", imageAlt: "Colorful artist concept with watercolor elements" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-with-colored-pencils_23-2148815778.jpg", imageAlt: "Top view of coffee cup with colored pencils" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002179.jpg", imageAlt: "Modern artist concept with top view of desk" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-authentic-dining-room-interior-design-with-picture-frame_53876-111108.jpg",
|
|
||||||
imageAlt: "Coffee and Art",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-artist-concept-with-watercolor-elements_23-2148002083.jpg",
|
|
||||||
imageAlt: "Colorful artist concept with watercolor elements",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-with-colored-pencils_23-2148815778.jpg",
|
|
||||||
imageAlt: "Top view of coffee cup with colored pencils",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-top-view-desk_23-2148002179.jpg",
|
|
||||||
imageAlt: "Modern artist concept with top view of desk",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Explore",
|
|
||||||
href: "/services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
buttons={[{ text: "Explore", href: "/services" }]}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Portrait of a pretty young woman sitting" },
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756313.jpg", alt: "Portrait of a young woman enjoying coffee" },
|
||||||
alt: "Portrait of a pretty young woman sitting",
|
{ src: "http://img.b2bpic.net/free-photo/cropped-photo-man-white-shirt-holding-hot-coffee-cup_171337-9996.jpg", alt: "Cropped photo of man in white shirt holding hot coffee cup" },
|
||||||
},
|
{ src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg", alt: "Positive smiling woman with collected hair wearing white shirt" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/high-angle-woman-with-coffee-cup_23-2150244095.jpg", alt: "High angle woman with coffee cup" },
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756313.jpg",
|
|
||||||
alt: "Portrait of a young woman enjoying coffee",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/cropped-photo-man-white-shirt-holding-hot-coffee-cup_171337-9996.jpg",
|
|
||||||
alt: "Cropped photo of man in white shirt holding hot coffee cup",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
|
|
||||||
alt: "Positive smiling woman with collected hair wearing white shirt",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-with-coffee-cup_23-2150244095.jpg",
|
|
||||||
alt: "High angle woman with coffee cup",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join our artistic community"
|
avatarText="Join our artistic community"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Kardamom & Koffee" },
|
||||||
type: "text",
|
{ type: "text", text: "Artisan Roasts" },
|
||||||
text: "Kardamom & Koffee",
|
{ type: "text", text: "Fine Art Gallery" },
|
||||||
},
|
{ type: "text", text: "Kololo Uganda" },
|
||||||
{
|
{ type: "text", text: "Culinary Art" },
|
||||||
type: "text",
|
|
||||||
text: "Artisan Roasts",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Fine Art Gallery",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Kololo Uganda",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Culinary Art",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -165,16 +83,8 @@ export default function LandingPage() {
|
|||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
description="Find answers to frequently asked questions about our services."
|
description="Find answers to frequently asked questions about our services."
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "Do you offer private events?", content: "Yes, we host private art and coffee events." },
|
||||||
id: "1",
|
{ id: "2", title: "Is the gallery open to the public?", content: "Our gallery is open to all cafe patrons." },
|
||||||
title: "Do you offer private events?",
|
|
||||||
content: "Yes, we host private art and coffee events.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Is the gallery open to the public?",
|
|
||||||
content: "Our gallery is open to all cafe patrons.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -189,35 +99,12 @@ export default function LandingPage() {
|
|||||||
description="Become a member for exclusive coffee benefits and gallery access."
|
description="Become a member for exclusive coffee benefits and gallery access."
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Standard", price: "$10/mo", features: ["1 Coffee per day", "Gallery access"],
|
||||||
name: "Standard",
|
buttons: [{ text: "Join", href: "#" }],
|
||||||
price: "$10/mo",
|
|
||||||
features: [
|
|
||||||
"1 Coffee per day",
|
|
||||||
"Gallery access",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Join",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Premium", price: "$25/mo", features: ["Unlimited Coffee", "Private event invites", "Gallery VIP access"],
|
||||||
name: "Premium",
|
buttons: [{ text: "Join", href: "#" }],
|
||||||
price: "$25/mo",
|
|
||||||
features: [
|
|
||||||
"Unlimited Coffee",
|
|
||||||
"Private event invites",
|
|
||||||
"Gallery VIP access",
|
|
||||||
],
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Join",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -232,27 +119,13 @@ export default function LandingPage() {
|
|||||||
description="The creative minds behind your favorite cafe experiences."
|
description="The creative minds behind your favorite cafe experiences."
|
||||||
groups={[
|
groups={[
|
||||||
{
|
{
|
||||||
id: "g1",
|
id: "g1", groupTitle: "Leadership", members: [
|
||||||
groupTitle: "Leadership",
|
|
||||||
members: [
|
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", title: "Founder", subtitle: "Curator", detail: "Leading our artistic vision.", imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg"},
|
||||||
title: "Founder",
|
|
||||||
subtitle: "Curator",
|
|
||||||
detail: "Leading our artistic vision.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", title: "Head Barista", subtitle: "Expert", detail: "Crafting the perfect brew.", imageSrc: "http://img.b2bpic.net/free-photo/female-barista-with-apron-holding-decorated-coffee-glass_23-2148824459.jpg"},
|
||||||
title: "Head Barista",
|
|
||||||
subtitle: "Expert",
|
|
||||||
detail: "Crafting the perfect brew.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-barista-with-apron-holding-decorated-coffee-glass_23-2148824459.jpg",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing_23-2148015205.jpg?_wi=2",
|
imageAlt: "Positive smiling woman with collected hair wearing white shirt"},
|
||||||
imageAlt: "Positive smiling woman with collected hair wearing white shirt",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -266,15 +139,7 @@ export default function LandingPage() {
|
|||||||
description="Insights from the world of art and coffee."
|
description="Insights from the world of art and coffee."
|
||||||
blogs={[
|
blogs={[
|
||||||
{
|
{
|
||||||
id: "b1",
|
id: "b1", category: "Art", title: "Coffee and Creativity", excerpt: "How caffeine fuels our art projects.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-sketching_23-2151951143.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/young-smiling-pretty-positive-woman-drinking-her-favorite-morning-coffee-have-nice-natural-make-up-perfect-skin_291049-325.jpg", date: "Oct 2024"},
|
||||||
category: "Art",
|
|
||||||
title: "Coffee and Creativity",
|
|
||||||
excerpt: "How caffeine fuels our art projects.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-sketching_23-2151951143.jpg",
|
|
||||||
authorName: "Admin",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-smiling-pretty-positive-woman-drinking-her-favorite-morning-coffee-have-nice-natural-make-up-perfect-skin_291049-325.jpg",
|
|
||||||
date: "Oct 2024",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -284,29 +149,15 @@ export default function LandingPage() {
|
|||||||
logoText="Kardamom and Koffee"
|
logoText="Kardamom and Koffee"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Menu",
|
title: "Menu", items: [
|
||||||
items: [
|
{ label: "Services", href: "/services" },
|
||||||
{
|
{ label: "About", href: "/about" },
|
||||||
label: "Services",
|
|
||||||
href: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
{ label: "Contact", href: "/contact" },
|
||||||
{
|
{ label: "Reviews", href: "/reviews" },
|
||||||
label: "Contact",
|
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Reviews",
|
|
||||||
href: "/reviews",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user