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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Kardamom and Koffee"
|
||||
/>
|
||||
@@ -55,105 +40,38 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Where Art Meets Culinary Excellence"
|
||||
description="Experience the unique blend of high-end coffee and fine art in the heart of Kololo, Uganda."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing_23-2148015205.jpg?_wi=1",
|
||||
imageAlt: "Coffee and Art",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/drawing_23-2148015205.jpg", imageAlt: "Coffee and Art" },
|
||||
{ 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={[
|
||||
{
|
||||
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/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",
|
||||
},
|
||||
{ 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/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" }]}
|
||||
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-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",
|
||||
},
|
||||
{ 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-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"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Kardamom & Koffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Roasts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fine Art Gallery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kololo Uganda",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Culinary Art",
|
||||
},
|
||||
{ type: "text", text: "Kardamom & Koffee" },
|
||||
{ type: "text", text: "Artisan Roasts" },
|
||||
{ type: "text", text: "Fine Art Gallery" },
|
||||
{ type: "text", text: "Kololo Uganda" },
|
||||
{ type: "text", text: "Culinary Art" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,16 +83,8 @@ export default function LandingPage() {
|
||||
title="Common Questions"
|
||||
description="Find answers to frequently asked questions about our services."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
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.",
|
||||
},
|
||||
{ id: "1", 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"
|
||||
/>
|
||||
@@ -189,35 +99,12 @@ export default function LandingPage() {
|
||||
description="Become a member for exclusive coffee benefits and gallery access."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Standard",
|
||||
price: "$10/mo",
|
||||
features: [
|
||||
"1 Coffee per day",
|
||||
"Gallery access",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "p1", name: "Standard", price: "$10/mo", features: ["1 Coffee per day", "Gallery access"],
|
||||
buttons: [{ text: "Join", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium",
|
||||
price: "$25/mo",
|
||||
features: [
|
||||
"Unlimited Coffee",
|
||||
"Private event invites",
|
||||
"Gallery VIP access",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "p2", name: "Premium", 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."
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Leadership", members: [
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
],
|
||||
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>
|
||||
@@ -266,15 +139,7 @@ export default function LandingPage() {
|
||||
description="Insights from the world of art and coffee."
|
||||
blogs={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -284,29 +149,15 @@ export default function LandingPage() {
|
||||
logoText="Kardamom and Koffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
title: "Menu", items: [
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "About", href: "/about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user