bender/b30fdc72-c07e-44cc-9315-ee2cabe89de5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-17 16:25:31 +00:00
parent 89b4401862
commit e1c9d0c477
1 changed files with 41 additions and 322 deletions
Download Patch File Download Diff File Expand all files Collapse all files

363
src/app/page.tsx
View File

@@ -31,38 +31,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Reservations",
id: "reservations",
},
{
name: "Events",
id: "events",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Location",
id: "location",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Reservations", id: "reservations" },
{ name: "Events", id: "events" },
{ name: "Gallery", id: "gallery" },
{ name: "Location", id: "location" },
{ name: "Contact", id: "contact" },
]}
brandName="Kladi Cafe"
/>
@@ -72,158 +48,39 @@ export default function LandingPage() {
<HeroOverlayTestimonial
title="Baghdad's Premier Fine Dining Destination"
description="Experience unparalleled hospitality and exquisite culinary artistry in the heart of Baghdad."
buttons={[
{
text: "Reserve a Table",
href: "#reservations",
},
{
text: "Explore Menu",
href: "#menu",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eet5ru&_wi=1"
buttons={[{ text: "Reserve a Table", href: "#reservations" }, { text: "Explore Menu", href: "#menu" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eet5ru"
imageAlt="Luxurious Kladi Cafe interior view"
testimonials={[
{
name: "Layla A.",
handle: "@layla_travels",
testimonial: "The atmosphere is unmatched in Baghdad. Truly a world-class experience.",
rating: 5,
imageSrc: "asset://hero-avatar-1",
},
{
name: "Omar K.",
handle: "@omar_gourmet",
testimonial: "Exquisite culinary artistry. The saffron risotto was divine.",
rating: 5,
imageSrc: "asset://hero-avatar-2",
},
{
name: "Sara H.",
handle: "@sara_luxury",
testimonial: "Perfect for our anniversary. The service was impeccable.",
rating: 5,
imageSrc: "asset://hero-avatar-3",
},
{
name: "Zaid M.",
handle: "@zaid_business",
testimonial: "The best spot for high-end business dinners in the city.",
rating: 5,
imageSrc: "asset://hero-avatar-4",
},
{
name: "Fatima N.",
handle: "@fatima_cuisine",
testimonial: "A breath of fresh air in fine dining. Simply exceptional.",
rating: 5,
imageSrc: "asset://hero-avatar-5",
},
{ name: "Layla A.", handle: "@layla_travels", testimonial: "The atmosphere is unmatched in Baghdad. Truly a world-class experience.", rating: 5, imageSrc: "asset://hero-avatar-1" },
{ name: "Omar K.", handle: "@omar_gourmet", testimonial: "Exquisite culinary artistry. The saffron risotto was divine.", rating: 5, imageSrc: "asset://hero-avatar-2" },
{ name: "Sara H.", handle: "@sara_luxury", testimonial: "Perfect for our anniversary. The service was impeccable.", rating: 5, imageSrc: "asset://hero-avatar-3" },
{ name: "Zaid M.", handle: "@zaid_business", testimonial: "The best spot for high-end business dinners in the city.", rating: 5, imageSrc: "asset://hero-avatar-4" },
{ name: "Fatima N.", handle: "@fatima_cuisine", testimonial: "A breath of fresh air in fine dining. Simply exceptional.", rating: 5, imageSrc: "asset://hero-avatar-5" }
]}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eet5ru",
alt: "Customer Review",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ieh0v0",
alt: "Customer Review",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4obed5",
alt: "Customer Review",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qmuu71",
alt: "Customer Review",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7lxd51",
alt: "Customer Review",
},
]}
avatarText="Loved by 1000+ patrons"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "The Essence of Luxury Dining",
},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ieh0v0",
alt: "Signature Dish",
},
]}
heading={[{ type: "text", content: "The Essence of Luxury Dining" }, { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ieh0v0", alt: "Signature Dish" }]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="opacity"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Starters",
name: "Saffron Infused Risotto",
price: "45,000 IQD",
rating: 5,
reviewCount: "120",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4obed5&_wi=1",
},
{
id: "2",
brand: "Grills",
name: "Dry Aged Angus Tenderloin",
price: "85,000 IQD",
rating: 5,
reviewCount: "205",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qmuu71",
},
{
id: "3",
brand: "Seafood",
name: "Mediterranean Seabass",
price: "75,000 IQD",
rating: 5,
reviewCount: "98",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7lxd51",
},
{
id: "4",
brand: "Desserts",
name: "Cardamom Crème Brûlée",
price: "25,000 IQD",
rating: 5,
reviewCount: "150",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zvxyta",
},
{
id: "5",
brand: "VIP Specials",
name: "Chef's Tasting Menu",
price: "150,000 IQD",
rating: 5,
reviewCount: "85",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dx6ft9",
},
{
id: "6",
brand: "Drinks",
name: "Signature Gold Latte",
price: "15,000 IQD",
rating: 5,
reviewCount: "300",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvc7fy",
},
{ id: "1", brand: "Starters", name: "Saffron Infused Risotto", price: "45,000 IQD", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4obed5" },
{ id: "2", brand: "Grills", name: "Dry Aged Angus Tenderloin", price: "85,000 IQD", rating: 5, reviewCount: "205", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qmuu71" },
{ id: "3", brand: "Seafood", name: "Mediterranean Seabass", price: "75,000 IQD", rating: 5, reviewCount: "98", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7lxd51" },
{ id: "4", brand: "Desserts", name: "Cardamom Crème Brûlée", price: "25,000 IQD", rating: 5, reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zvxyta" },
{ id: "5", brand: "VIP Specials", name: "Chef's Tasting Menu", price: "150,000 IQD", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dx6ft9" },
{ id: "6", brand: "Drinks", name: "Signature Gold Latte", price: "15,000 IQD", rating: 5, reviewCount: "300", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvc7fy" }
]}
title="Signature Culinary Collection"
description="A refined journey through flavors, curated by our expert chefs."
@@ -232,39 +89,13 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<FeatureCardTwelve
animationType="opacity"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "g1",
label: "Ambiance",
title: "Golden Hour Interiors",
items: [
"Mood Lighting",
"Designer Decor",
"Private Atmosphere",
],
},
{
id: "g2",
label: "Hospitality",
title: "Elite Service Standards",
items: [
"Personalized Care",
"Attentive Staff",
"Luxury Comfort",
],
},
{
id: "g3",
label: "Occasions",
title: "Bespoke Event Hosting",
items: [
"Engagements",
"Business Dinners",
"Special Anniversaries",
],
},
{ id: "g1", label: "Ambiance", title: "Golden Hour Interiors", items: ["Mood Lighting", "Designer Decor", "Private Atmosphere"] },
{ id: "g2", label: "Hospitality", title: "Elite Service Standards", items: ["Personalized Care", "Attentive Staff", "Luxury Comfort"] },
{ id: "g3", label: "Occasions", title: "Bespoke Event Hosting", items: ["Engagements", "Business Dinners", "Special Anniversaries"] }
]}
title="Visual Atmosphere"
description="A glimpse into the luxurious ambiance of Baghdad's finest establishment."
@@ -273,57 +104,13 @@ export default function LandingPage() {
<div id="events" data-section="events">
<PricingCardNine
animationType="opacity"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "e1",
title: "Boutique Celebration",
price: "From 500k IQD",
period: " per event",
features: [
"Decoration Included",
"Custom Menu",
"Private Staff",
],
button: {
text: "Book Occasion",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eet5ru&_wi=2",
imageAlt: "luxury restaurant cinematic interior",
},
{
id: "e2",
title: "Corporate Gala",
price: "From 1.2M IQD",
period: " per event",
features: [
"AV Equipment",
"Full Catering",
"VIP Access",
],
button: {
text: "Inquire Corporate",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ieh0v0",
imageAlt: "luxury restaurant cinematic interior",
},
{
id: "e3",
title: "Engagements",
price: "Custom Pricing",
period: " upon request",
features: [
"Floral Styling",
"Music Selection",
"Private Lounge",
],
button: {
text: "Consult Planner",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4obed5&_wi=2",
imageAlt: "luxury restaurant cinematic interior",
},
{ id: "e1", title: "Boutique Celebration", price: "From 500k IQD", period: " per event", features: ["Decoration Included", "Custom Menu", "Private Staff"], button: { text: "Book Occasion" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eet5ru", imageAlt: "luxury restaurant cinematic interior" },
{ id: "e2", title: "Corporate Gala", price: "From 1.2M IQD", period: " per event", features: ["AV Equipment", "Full Catering", "VIP Access"], button: { text: "Inquire Corporate" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ieh0v0", imageAlt: "luxury restaurant cinematic interior" },
{ id: "e3", title: "Engagements", price: "Custom Pricing", period: " upon request", features: ["Floral Styling", "Music Selection", "Private Lounge"], button: { text: "Consult Planner" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4obed5", imageAlt: "luxury restaurant cinematic interior" }
]}
title="Host Your Private Event"
description="Create lasting memories in our exclusive event spaces."
@@ -332,31 +119,14 @@ export default function LandingPage() {
<div id="location" data-section="location">
<MetricCardOne
animationType="opacity"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "Baghdad",
title: "City Centre",
description: "Located in the heart of Al Mansour",
icon: MapPin,
},
{
id: "m2",
value: "12PM-2AM",
title: "Operating Hours",
description: "Open Daily for your pleasure",
icon: Clock,
},
{
id: "m3",
value: "Valet",
title: "Parking Available",
description: "Complimentary service for VIPs",
icon: Car,
},
{ id: "m1", value: "Baghdad", title: "City Centre", description: "Located in the heart of Al Mansour", icon: MapPin },
{ id: "m2", value: "12PM-2AM", title: "Operating Hours", description: "Open Daily for your pleasure", icon: Clock },
{ id: "m3", value: "Valet", title: "Parking Available", description: "Complimentary service for VIPs", icon: Car }
]}
title="Find Us in Baghdad"
description="Centrally located for your convenience."
@@ -365,23 +135,12 @@ export default function LandingPage() {
<div id="reservations" data-section="reservations">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Secure Your Table"
title="Private Fine Dining"
description="Book your exclusive dining experience at Kladi Cafe."
buttons={[
{
text: "Book via WhatsApp",
href: "https://wa.me/yournumber",
},
{
text: "Confirm Reservation",
href: "#",
},
]}
buttons={[{ text: "Book via WhatsApp", href: "https://wa.me/yournumber" }, { text: "Confirm Reservation", href: "#" }]}
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
/>
</div>
@@ -390,49 +149,9 @@ export default function LandingPage() {
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bxs8fw"
logoText="KLADI CAFE"
columns={[
{
title: "Navigation",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "Reservations",
href: "#reservations",
},
{
label: "Location",
href: "#location",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "https://instagram.com/kladi_cafe",
},
{
label: "WhatsApp",
href: "#",
},
],
},
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "Reservations", href: "#reservations" }, { label: "Location", href: "#location" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
{ title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/kladi_cafe" }, { label: "WhatsApp", href: "#" }] }
]}
/>
</div>