Merge version_1 into main #2
313
src/app/page.tsx
313
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="KULMA"
|
||||
/>
|
||||
@@ -56,97 +44,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="KULMA Speciality Coffee"
|
||||
description="Your peaceful escape in the heart of Al Olaya. Experience expertly crafted specialty coffee in a calm, modern setting."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rei",
|
||||
handle: "@localguide",
|
||||
testimonial: "Tucked between the bustling streets of Olaya is a small coffee shop where you can relax.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tray-with-ground-whole-coffee-beans-cup-coffee_114579-44829.jpg?_wi=1",
|
||||
imageAlt: "cozy specialty coffee shop interior",
|
||||
},
|
||||
{
|
||||
name: "Local Guide",
|
||||
handle: "@reviewer",
|
||||
testimonial: "A calm and pleasant specialty coffee spot located in Al Olaya, away from the city hustle.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-cappuccino-blank-white-cup-spills-milk-foam-heart-shape-cafe-shop_346278-513.jpg?_wi=1",
|
||||
imageAlt: "cozy specialty coffee shop interior",
|
||||
},
|
||||
{
|
||||
name: "Ahmed",
|
||||
handle: "@coffeeaddict",
|
||||
testimonial: "Best flat white in town, incredible beans and a perfect atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate-high-angle_23-2149703762.jpg?_wi=1",
|
||||
imageAlt: "cozy specialty coffee shop interior",
|
||||
},
|
||||
{
|
||||
name: "Sarah",
|
||||
handle: "@visitriyadh",
|
||||
testimonial: "The atmosphere is serene, making it the perfect spot for quiet reading.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-black-tea_1339-7162.jpg?_wi=1",
|
||||
imageAlt: "cozy specialty coffee shop interior",
|
||||
},
|
||||
{
|
||||
name: "Omar",
|
||||
handle: "@coffeelover",
|
||||
testimonial: "Excellent service and consistently great coffee every time I visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg?_wi=1",
|
||||
imageAlt: "cozy specialty coffee shop interior",
|
||||
},
|
||||
{ name: "Rei", handle: "@localguide", testimonial: "Tucked between the bustling streets of Olaya is a small coffee shop where you can relax.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tray-with-ground-whole-coffee-beans-cup-coffee_114579-44829.jpg", imageAlt: "cozy specialty coffee shop interior" },
|
||||
{ name: "Local Guide", handle: "@reviewer", testimonial: "A calm and pleasant specialty coffee spot located in Al Olaya, away from the city hustle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-cappuccino-blank-white-cup-spills-milk-foam-heart-shape-cafe-shop_346278-513.jpg", imageAlt: "cozy specialty coffee shop interior" },
|
||||
{ name: "Ahmed", handle: "@coffeeaddict", testimonial: "Best flat white in town, incredible beans and a perfect atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate-high-angle_23-2149703762.jpg", imageAlt: "cozy specialty coffee shop interior" },
|
||||
{ name: "Sarah", handle: "@visitriyadh", testimonial: "The atmosphere is serene, making it the perfect spot for quiet reading.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cup-black-tea_1339-7162.jpg", imageAlt: "cozy specialty coffee shop interior" },
|
||||
{ name: "Omar", handle: "@coffeelover", testimonial: "Excellent service and consistently great coffee every time I visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg", imageAlt: "cozy specialty coffee shop interior" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tray-with-ground-whole-coffee-beans-cup-coffee_114579-44829.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tray-with-ground-whole-coffee-beans-cup-coffee_114579-44829.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-young-smiling-asian-woman-reading-book-sitting-cafe-eating-croissant-drinking-coffee_1258-198933.jpg",
|
||||
alt: "Customer Photo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-asian-woman-with-book-hands-sitting-cafe-drinking-coffee-eating_1258-199209.jpg",
|
||||
alt: "Customer Photo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-young-smiling-asian-woman-reading-book-sitting-cafe-eating-croissant-drinking-coffee-i_1258-127556.jpg",
|
||||
alt: "Customer Photo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cup-coffee-table-front-woman-reading-book_23-2147862855.jpg",
|
||||
alt: "Customer Photo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-girl-drinking-coffee-cafe_1157-20655.jpg",
|
||||
alt: "Customer Photo",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/dreamy-young-smiling-asian-woman-reading-book-sitting-cafe-eating-croissant-drinking-coffee_1258-198933.jpg", alt: "Customer Photo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-asian-woman-with-book-hands-sitting-cafe-drinking-coffee-eating_1258-199209.jpg", alt: "Customer Photo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dreamy-young-smiling-asian-woman-reading-book-sitting-cafe-eating-croissant-drinking-coffee-i_1258-127556.jpg", alt: "Customer Photo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cup-coffee-table-front-woman-reading-book_23-2147862855.jpg", alt: "Customer Photo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-girl-drinking-coffee-cafe_1157-20655.jpg", alt: "Customer Photo" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Brewing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Al Olaya Hub",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quiet Vibe",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Beans",
|
||||
},
|
||||
{ type: "text", text: "Artisan Brewing" },
|
||||
{ type: "text", text: "Al Olaya Hub" },
|
||||
{ type: "text", text: "Freshly Roasted" },
|
||||
{ type: "text", text: "Quiet Vibe" },
|
||||
{ type: "text", text: "Premium Beans" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,21 +77,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
metrics={[
|
||||
{
|
||||
label: "Years of Excellence",
|
||||
value: "5+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Review Rating",
|
||||
value: "4.4",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
label: "Happy Guests",
|
||||
value: "500+",
|
||||
icon: Coffee,
|
||||
},
|
||||
{ label: "Years of Excellence", value: "5+", icon: Award },
|
||||
{ label: "Review Rating", value: "4.4", icon: Star },
|
||||
{ label: "Happy Guests", value: "500+", icon: Coffee },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -183,42 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hot Spanish Latte",
|
||||
price: "SAR 18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate-high-angle_23-2149703762.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Iced Coffee",
|
||||
price: "SAR 15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-black-tea_1339-7162.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cortado",
|
||||
price: "SAR 14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "V60 Pour Over",
|
||||
price: "SAR 20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-brewing-gadgets-wooden-bar-counter_176420-7894.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "House Blend Beans",
|
||||
price: "SAR 45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-concept-wooden-table_23-2148464808.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisan Pastry",
|
||||
price: "SAR 12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toasts-with-fig-confiture-glass-tea_114579-4535.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Hot Spanish Latte", price: "SAR 18", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate-high-angle_23-2149703762.jpg" },
|
||||
{ id: "p2", name: "Iced Coffee", price: "SAR 15", imageSrc: "http://img.b2bpic.net/free-photo/cup-black-tea_1339-7162.jpg" },
|
||||
{ id: "p3", name: "Cortado", price: "SAR 14", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg" },
|
||||
{ id: "p4", name: "V60 Pour Over", price: "SAR 20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-brewing-gadgets-wooden-bar-counter_176420-7894.jpg" },
|
||||
{ id: "p5", name: "House Blend Beans", price: "SAR 45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-concept-wooden-table_23-2148464808.jpg" },
|
||||
{ id: "p6", name: "Artisan Pastry", price: "SAR 12", imageSrc: "http://img.b2bpic.net/free-photo/toasts-with-fig-confiture-glass-tea_114579-4535.jpg" },
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Explore our curated menu of specialty coffees and seasonal favorites."
|
||||
@@ -227,49 +106,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Modern Interior",
|
||||
description: "Designed for relaxation and quiet focus.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10725.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tray-with-ground-whole-coffee-beans-cup-coffee_114579-44829.jpg?_wi=3",
|
||||
imageAlt: "modern coffee shop interior design",
|
||||
},
|
||||
{
|
||||
title: "Expert Baristas",
|
||||
description: "Passionate about the perfect extraction.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talanted-barista-is-prepairing-coffee-clients-posh-restaurant-using-coffee-machine_613910-3256.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-making-drip-fresh-coffee-vintage-coffee-shop_1150-14509.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-cappuccino-blank-white-cup-spills-milk-foam-heart-shape-cafe-shop_346278-513.jpg?_wi=2",
|
||||
imageAlt: "modern coffee shop interior design",
|
||||
},
|
||||
{
|
||||
title: "Quiet Sanctuary",
|
||||
description: "Escape the city noise in our peaceful corners.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-using-laptop-cafe_23-2147785330.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-woman-with-book-cafe_23-2147778683.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate-high-angle_23-2149703762.jpg?_wi=3",
|
||||
imageAlt: "modern coffee shop interior design",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Experience the Vibe"
|
||||
description="More than just a coffee shop—KULMA is your sanctuary in Riyadh."
|
||||
features={[
|
||||
{
|
||||
title: "Modern Interior", description: "Designed for relaxation and quiet focus.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10725.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Expert Baristas", description: "Passionate about the perfect extraction.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/talanted-barista-is-prepairing-coffee-clients-posh-restaurant-using-coffee-machine_613910-3256.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-making-drip-fresh-coffee-vintage-coffee-shop_1150-14509.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Quiet Sanctuary", description: "Escape the city noise in our peaceful corners.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-using-laptop-cafe_23-2147785330.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/relaxed-woman-with-book-cafe_23-2147778683.jpg" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -278,14 +134,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Al Olaya Locals",
|
||||
"Riyadh Coffee Enthusiasts",
|
||||
"Artisan Brew Fans",
|
||||
"Specialty Coffee Lovers",
|
||||
"City Professionals",
|
||||
"Reading Enthusiasts",
|
||||
"Design Focused Peers",
|
||||
]}
|
||||
"Al Olaya Locals", "Riyadh Coffee Enthusiasts", "Artisan Brew Fans", "Specialty Coffee Lovers", "City Professionals", "Reading Enthusiasts", "Design Focused Peers"]}
|
||||
title="Proudly Serving Our Community"
|
||||
description="Building connections, one cup at a time."
|
||||
/>
|
||||
@@ -298,26 +147,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Rei, Local Guide"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-young-smiling-asian-woman-reading-book-sitting-cafe-eating-croissant-drinking-coffee_1258-198933.jpg",
|
||||
alt: "Customer Photo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-asian-woman-with-book-hands-sitting-cafe-drinking-coffee-eating_1258-199209.jpg",
|
||||
alt: "Customer Photo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-young-smiling-asian-woman-reading-book-sitting-cafe-eating-croissant-drinking-coffee-i_1258-127556.jpg",
|
||||
alt: "Customer Photo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cup-coffee-table-front-woman-reading-book_23-2147862855.jpg",
|
||||
alt: "Customer Photo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg",
|
||||
alt: "Customer Photo",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/dreamy-young-smiling-asian-woman-reading-book-sitting-cafe-eating-croissant-drinking-coffee_1258-198933.jpg", alt: "Customer Photo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-asian-woman-with-book-hands-sitting-cafe-drinking-coffee-eating_1258-199209.jpg", alt: "Customer Photo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dreamy-young-smiling-asian-woman-reading-book-sitting-cafe-eating-croissant-drinking-coffee-i_1258-127556.jpg", alt: "Customer Photo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cup-coffee-table-front-woman-reading-book_23-2147862855.jpg", alt: "Customer Photo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg", alt: "Customer Photo" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -329,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily and close at 1 AM.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located in the heart of Al Olaya, Riyadh.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we support no-contact delivery options.",
|
||||
},
|
||||
{ id: "1", title: "What are your opening hours?", content: "We are open daily and close at 1 AM." },
|
||||
{ id: "2", title: "Where are you located?", content: "We are located in the heart of Al Olaya, Riyadh." },
|
||||
{ id: "3", title: "Do you offer delivery?", content: "Yes, we support no-contact delivery options." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our menu or location?"
|
||||
@@ -354,9 +176,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
background={{ variant: "cell-wave" }}
|
||||
tag="Visit Us"
|
||||
title="Let's Keep in Touch"
|
||||
description="Follow us on social media for seasonal menu updates and special events."
|
||||
@@ -369,25 +189,14 @@ export default function LandingPage() {
|
||||
logoText="KULMA"
|
||||
columns={[
|
||||
{
|
||||
title: "Locations",
|
||||
items: [
|
||||
{
|
||||
label: "Al Olaya, Riyadh",
|
||||
href: "#",
|
||||
},
|
||||
title: "Locations", items: [
|
||||
{ label: "Al Olaya, Riyadh", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -396,4 +205,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user