Merge version_2 into main #1
168
src/app/page.tsx
168
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "reservation",
|
||||
},
|
||||
name: "Reserve", id: "reservation"},
|
||||
]}
|
||||
brandName="Leopard"
|
||||
/>
|
||||
@@ -50,41 +44,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Casablanca Nights Start at Leopard"
|
||||
description="Mediterranean & Lebanese flavors. Signature cocktails. A nightlife atmosphere that lingers until 2AM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#reservation",
|
||||
},
|
||||
text: "Reserve Your Table", href: "#reservation"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-woman-with-glass-cocktail-garnished-with-burning-clothespin_140725-5267.jpg",
|
||||
imageAlt: "Cocktail Bar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-woman-with-glass-cocktail-garnished-with-burning-clothespin_140725-5267.jpg", imageAlt: "Cocktail Bar"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-rice-with-peeled-orange_23-2148469878.jpg",
|
||||
imageAlt: "Gourmet Dining",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-rice-with-peeled-orange_23-2148469878.jpg", imageAlt: "Gourmet Dining"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-couple-sitting-pup-holding-drinks_23-2147859648.jpg",
|
||||
imageAlt: "Social Scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-couple-sitting-pup-holding-drinks_23-2147859648.jpg", imageAlt: "Social Scene"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-standing-night-club-with-colorful-bright-neon-red-lights_1157-51868.jpg",
|
||||
imageAlt: "Bar Ambiance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-standing-night-club-with-colorful-bright-neon-red-lights_1157-51868.jpg", imageAlt: "Bar Ambiance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg",
|
||||
imageAlt: "Delicious Plating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg", imageAlt: "Delicious Plating"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -97,17 +76,11 @@ export default function LandingPage() {
|
||||
description="Dine, indulge, and stay late. We transform from a refined Mediterranean restaurant into the heartbeat of Casablanca nightlife."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.5",
|
||||
title: "Guest Rating",
|
||||
},
|
||||
value: "4.5", title: "Guest Rating"},
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Satisfied Guests",
|
||||
},
|
||||
value: "1000+", title: "Satisfied Guests"},
|
||||
{
|
||||
value: "02:00",
|
||||
title: "Closing Time",
|
||||
},
|
||||
value: "02:00", title: "Closing Time"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059655.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -120,28 +93,16 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Reserve Now", href: "#reservation" }
|
||||
]}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Cuisine",
|
||||
description: "Authentic mezze, Lebanese classics, and Mediterranean grills prepared with flair.",
|
||||
tag: "Dining",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-prawns-olives-bread-top-view_141793-4451.jpg",
|
||||
},
|
||||
id: "1", title: "Cuisine", description: "Authentic mezze, Lebanese classics, and Mediterranean grills prepared with flair.", tag: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/grilled-prawns-olives-bread-top-view_141793-4451.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Cocktails",
|
||||
description: "From classic Negronis to bold signature whiskey sours, crafted for the night.",
|
||||
tag: "Bar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparing-refreshing-cocktail-bar_23-2148176758.jpg",
|
||||
},
|
||||
id: "2", title: "Cocktails", description: "From classic Negronis to bold signature whiskey sours, crafted for the night.", tag: "Bar", imageSrc: "http://img.b2bpic.net/free-photo/preparing-refreshing-cocktail-bar_23-2148176758.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Atmosphere",
|
||||
description: "Dim lights, curated music, and high energy as the night unfolds.",
|
||||
tag: "Nightlife",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg",
|
||||
},
|
||||
id: "3", title: "Atmosphere", description: "Dim lights, curated music, and high energy as the night unfolds.", tag: "Nightlife", imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg"},
|
||||
]}
|
||||
title="Culinary & Bar Offerings"
|
||||
description="A refined fusion of Lebanese and Mediterranean flavors paired with signature cocktails."
|
||||
@@ -156,20 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5*",
|
||||
description: "Atmosphere",
|
||||
},
|
||||
id: "1", value: "5*", description: "Atmosphere"},
|
||||
{
|
||||
id: "2",
|
||||
value: "Fresh",
|
||||
description: "Ingredients",
|
||||
},
|
||||
id: "2", value: "Fresh", description: "Ingredients"},
|
||||
{
|
||||
id: "3",
|
||||
value: "Late",
|
||||
description: "Nightlife",
|
||||
},
|
||||
id: "3", value: "Late", description: "Nightlife"},
|
||||
]}
|
||||
title="Why Choose Leopard"
|
||||
description="Experience excellence in taste, service, and vibe."
|
||||
@@ -181,30 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-lady-velvet-dress-holds-martini-glass_197531-15681.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/pretty-lady-velvet-dress-holds-martini-glass_197531-15681.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg",
|
||||
},
|
||||
id: "2", name: "Michael", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-young-couple_23-2148140843.jpg",
|
||||
},
|
||||
id: "3", name: "Emily", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-young-couple_23-2148140843.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-smiling-woman-sitting-hipster-cafe-sofa-wearing-shirt-blue-sunglasses_285396-268.jpg",
|
||||
},
|
||||
id: "4", name: "David", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-smiling-woman-sitting-hipster-cafe-sofa-wearing-shirt-blue-sunglasses_285396-268.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-enjoying-drinking-tequila-bar_23-2147883763.jpg",
|
||||
},
|
||||
id: "5", name: "Anna", imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-enjoying-drinking-tequila-bar_23-2147883763.jpg"},
|
||||
]}
|
||||
cardTitle="Guest Stories"
|
||||
cardTag="Reviews"
|
||||
@@ -218,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Address",
|
||||
content: "20 Bd Driss Slaoui, Casablanca",
|
||||
},
|
||||
id: "1", title: "Address", content: "20 Bd Driss Slaoui, Casablanca"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Hours",
|
||||
content: "Open until 02:00 AM daily",
|
||||
},
|
||||
id: "2", title: "Hours", content: "Open until 02:00 AM daily"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Phone",
|
||||
content: "06 69 06 06 79",
|
||||
},
|
||||
id: "3", title: "Phone", content: "06 69 06 06 79"},
|
||||
]}
|
||||
title="Find Us"
|
||||
description="Located at the heart of Casablanca nightlife."
|
||||
@@ -243,8 +171,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Reservations"
|
||||
title="Secure Your Table Tonight"
|
||||
description="Limited availability after 9PM. Book your spot now."
|
||||
@@ -256,38 +183,25 @@ export default function LandingPage() {
|
||||
logoText="Leopard Casablanca"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "#reservation",
|
||||
},
|
||||
label: "Reserve", href: "#reservation"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "06 69 06 06 79",
|
||||
href: "tel:0669060679",
|
||||
},
|
||||
label: "06 69 06 06 79", href: "tel:0669060679"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -296,4 +210,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user