Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-15 04:28:56 +00:00

View File

@@ -28,403 +28,74 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Naba Cafe"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Naba Cafe"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
title="A Hidden Bistro Escape in the Heart of DIFC"
description="Fresh food. Signature juices. Cozy luxury. Minutes from the Museum of the Future."
testimonials={[
{
name: "Eileen",
handle: "@eileen",
testimonial: "A hidden gem near the Museum of the Future.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg?_wi=1",
imageAlt: "cinematic coffee pour",
},
{
name: "Hussain",
handle: "@hussain",
testimonial: "Dina is a Rockstar.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-friends-talking_23-2147680738.jpg?_wi=1",
imageAlt: "cinematic coffee pour",
},
{
name: "Sabreen",
handle: "@sabreen",
testimonial: "Perfect for everything from coffee runs to dinners.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg?_wi=1",
imageAlt: "cinematic coffee pour",
},
{
name: "Alex",
handle: "@alex",
testimonial: "The atmosphere is unmatched in DIFC.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-ice-cream-table_140725-6739.jpg?_wi=1",
imageAlt: "cinematic coffee pour",
},
{
name: "Sarah",
handle: "@sarah",
testimonial: "Consistently great coffee and service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-tomato-sauce-parmesan-vegetables-meat-side-view_141793-12462.jpg?_wi=1",
imageAlt: "cinematic coffee pour",
},
]}
buttons={[
{
text: "Reserve a Table",
href: "#contact",
},
{
text: "View Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg?_wi=2"
imageAlt="Naba Cafe atmosphere"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg",
alt: "Customer portrait",
},
]}
avatarText="Loved by our regulars"
marqueeItems={[
{
type: "text-icon",
text: "Fresh Organic Ingredients",
icon: Leaf,
},
{
type: "text-icon",
text: "Minutes from Museum of Future",
icon: MapPin,
},
{
type: "text-icon",
text: "Daily Signature Juices",
icon: Coffee,
},
{
type: "text-icon",
text: "Cozy Modern Atmosphere",
icon: Star,
},
{
type: "text-icon",
text: "Open Daily for Lunch & Dinner",
icon: Clock,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "gradient-bars" }}
title="A Hidden Bistro Escape in the Heart of DIFC"
description="Fresh food. Signature juices. Cozy luxury. Minutes from the Museum of the Future."
testimonials={[
{ name: "Eileen", handle: "@eileen", testimonial: "A hidden gem near the Museum of the Future.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg", imageAlt: "cinematic coffee pour" },
{ name: "Hussain", handle: "@hussain", testimonial: "Dina is a Rockstar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-friends-talking_23-2147680738.jpg", imageAlt: "cinematic coffee pour" },
{ name: "Sabreen", handle: "@sabreen", testimonial: "Perfect for everything from coffee runs to dinners.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg", imageAlt: "cinematic coffee pour" },
{ name: "Alex", handle: "@alex", testimonial: "The atmosphere is unmatched in DIFC.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-ice-cream-table_140725-6739.jpg", imageAlt: "cinematic coffee pour" },
{ name: "Sarah", handle: "@sarah", testimonial: "Consistently great coffee and service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-tomato-sauce-parmesan-vegetables-meat-side-view_141793-12462.jpg", imageAlt: "cinematic coffee pour" },
]}
buttons={[{ text: "Reserve a Table", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg"
imageAlt="Naba Cafe atmosphere"
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg", alt: "Customer portrait" }]}
avatarText="Loved by our regulars"
marqueeItems={[{ type: "text-icon", text: "Fresh Organic Ingredients", icon: Leaf }, { type: "text-icon", text: "Minutes from Museum of Future", icon: MapPin }, { type: "text-icon", text: "Daily Signature Juices", icon: Coffee }, { type: "text-icon", text: "Cozy Modern Atmosphere", icon: Star }, { type: "text-icon", text: "Open Daily for Lunch & Dinner", icon: Clock }]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Best juices",
"Hidden gem",
"Unbeatable view",
"Everyday lunch spot",
"Amazing atmosphere",
"Exceptional service",
"Loved by locals",
]}
title="Local Favorite"
description="Voted 4.9 Stars by our guests."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne textboxLayout="default" useInvertedBackground={false} names={["Best juices", "Hidden gem", "Unbeatable view", "Everyday lunch spot", "Amazing atmosphere", "Exceptional service", "Loved by locals"]} title="Local Favorite" description="Voted 4.9 Stars by our guests." />
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="More Than a Cafe"
description="Naba Cafe was built to be the kind of place people return to daily — for morning coffee, relaxed lunches, sunset dinners, and conversations that last longer than planned. Hidden beside Dubais iconic skyline, Naba blends fresh ingredients, comforting hospitality, and a calm modern atmosphere into one unforgettable experience."
imageSrc="http://img.b2bpic.net/free-photo/two-friends-talking_23-2147680738.jpg?_wi=2"
/>
</div>
<div id="about" data-section="about">
<MediaAbout useInvertedBackground={false} title="More Than a Cafe" description="Naba Cafe was built to be the kind of place people return to daily — for morning coffee, relaxed lunches, sunset dinners, and conversations that last longer than planned. Hidden beside Dubais iconic skyline, Naba blends fresh ingredients, comforting hospitality, and a calm modern atmosphere into one unforgettable experience." imageSrc="http://img.b2bpic.net/free-photo/two-friends-talking_23-2147680738.jpg" />
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Oven Roast Salmon",
price: "AED 85",
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg?_wi=2",
},
{
id: "p2",
name: "Signature Smoothie",
price: "AED 35",
imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-ice-cream-table_140725-6739.jpg?_wi=2",
},
{
id: "p3",
name: "Smash Beef Burger",
price: "AED 65",
imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-tomato-sauce-parmesan-vegetables-meat-side-view_141793-12462.jpg?_wi=2",
},
{
id: "p4",
name: "Stuffed Ravioli",
price: "AED 75",
imageSrc: "http://img.b2bpic.net/free-photo/fettuccine-pasta-with-black-truffle-slices-dark-marble-background_84443-94449.jpg",
},
{
id: "p5",
name: "English Breakfast",
price: "AED 55",
imageSrc: "http://img.b2bpic.net/free-photo/eggs-benedict-with-salmon_74190-700.jpg",
},
{
id: "p6",
name: "Fresh Pressed Juices",
price: "AED 30",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-crackers-with-cherry-confiture-glass-dishes_114579-17148.jpg",
},
]}
title="Signature Dishes"
description="Carefully curated flavors prepared fresh daily."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree animationType="slide-up" textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={false} products={[{ id: "p1", name: "Oven Roast Salmon", price: "AED 85", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg" }, { id: "p2", name: "Signature Smoothie", price: "AED 35", imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-ice-cream-table_140725-6739.jpg" }, { id: "p3", name: "Smash Beef Burger", price: "AED 65", imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-tomato-sauce-parmesan-vegetables-meat-side-view_141793-12462.jpg" }, { id: "p4", name: "Stuffed Ravioli", price: "AED 75", imageSrc: "http://img.b2bpic.net/free-photo/fettuccine-pasta-with-black-truffle-slices-dark-marble-background_84443-94449.jpg" }, { id: "p5", name: "English Breakfast", price: "AED 55", imageSrc: "http://img.b2bpic.net/free-photo/eggs-benedict-with-salmon_74190-700.jpg" }, { id: "p6", name: "Fresh Pressed Juices", price: "AED 30", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-crackers-with-cherry-confiture-glass-dishes_114579-17148.jpg" }]} title="Signature Dishes" description="Carefully curated flavors prepared fresh daily." />
</div>
<div id="experience" data-section="experience">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Fresh Ingredients",
description: "Premium quality ingredients prepared fresh daily.",
icon: Leaf,
},
{
title: "Skyline Views",
description: "Steps away from the Museum of the Future.",
icon: Mountain,
},
{
title: "Hospitality",
description: "Friendly service guests remember and return for.",
icon: Heart,
},
]}
title="The Naba Experience"
description="Discover what makes us your new favorite DIFC escape."
/>
</div>
<div id="experience" data-section="experience">
<FeatureBorderGlow animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Fresh Ingredients", description: "Premium quality ingredients prepared fresh daily.", icon: Leaf }, { title: "Skyline Views", description: "Steps away from the Museum of the Future.", icon: Mountain }, { title: "Hospitality", description: "Friendly service guests remember and return for.", icon: Heart }]} title="The Naba Experience" description="Discover what makes us your new favorite DIFC escape." />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Ahmad",
role: "Visitor",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
},
{
id: "t2",
name: "Eileen",
role: "Resident",
company: "DIFC",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
},
{
id: "t3",
name: "Hussain",
role: "Dina Fan",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
},
{
id: "t4",
name: "Sabreen",
role: "Regular",
company: "DIFC",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
},
{
id: "t5",
name: "Alex",
role: "Foodie",
company: "Dubai",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
},
]}
title="What Guests Say"
description="Authentic experiences from our daily community."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne animationType="blur-reveal" textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={true} testimonials={[{ id: "t1", name: "Ahmad", role: "Visitor", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg" }, { id: "t2", name: "Eileen", role: "Resident", company: "DIFC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" }, { id: "t3", name: "Hussain", role: "Dina Fan", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg" }, { id: "t4", name: "Sabreen", role: "Regular", company: "DIFC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg" }, { id: "t5", name: "Alex", role: "Foodie", company: "Dubai", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" }]} title="What Guests Say" description="Authentic experiences from our daily community." />
</div>
<div id="gallery" data-section="gallery">
<FeatureBorderGlow
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Sunset Vibes",
description: "Evening glow at Naba.",
icon: Sun,
},
{
title: "Coffee Rituals",
description: "Expertly crafted brews.",
icon: Coffee,
},
{
title: "DIFC Views",
description: "Urban oasis atmosphere.",
icon: Camera,
},
]}
title="Naba Gallery"
description="A glimpse into our daily atmosphere."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureBorderGlow animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Sunset Vibes", description: "Evening glow at Naba.", icon: Sun }, { title: "Coffee Rituals", description: "Expertly crafted brews.", icon: Coffee }, { title: "DIFC Views", description: "Urban oasis atmosphere.", icon: Camera }]} title="Naba Gallery" description="A glimpse into our daily atmosphere." />
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
text="Visit us in DIFC. Minutes from the Museum of the Future. Open daily for coffee, lunch, and sunset dinners."
buttons={[
{
text: "WhatsApp Reservation",
href: "https://wa.me/yournumber",
},
{
text: "Find Us on Maps",
href: "https://maps.google.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText useInvertedBackground={true} background={{ variant: "radial-gradient" }} text="Visit us in DIFC. Minutes from the Museum of the Future. Open daily for coffee, lunch, and sunset dinners." buttons={[{ text: "WhatsApp Reservation", href: "https://wa.me/yournumber" }, { text: "Find Us on Maps", href: "https://maps.google.com" }]} />
</div>
<div id="final-cta" data-section="final-cta">
<ContactText
useInvertedBackground={false}
background={{
variant: "cell-wave",
}}
text="Your New Favorite Spot in DIFC. Reserve your table today."
buttons={[
{
text: "Reserve Now",
href: "#contact",
},
{
text: "Order Online",
href: "#",
},
]}
/>
</div>
<div id="final-cta" data-section="final-cta">
<ContactText useInvertedBackground={false} background={{ variant: "cell-wave" }} text="Your New Favorite Spot in DIFC. Reserve your table today." buttons={[{ text: "Reserve Now", href: "#contact" }, { text: "Order Online", href: "#" }]} />
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/new-york-city_649448-3524.jpg"
logoText="Naba Cafe"
columns={[
{
title: "Navigation",
items: [
{
label: "About",
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
{
label: "Reserve",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia imageSrc="http://img.b2bpic.net/free-photo/new-york-city_649448-3524.jpg" logoText="Naba Cafe" columns={[{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Reserve", href: "#contact" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} />
</div>
</ReactLenis>
</ThemeProvider>
);