Merge version_1 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -29,78 +29,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Story",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Reservation",
|
||||
id: "#reservation",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reservation", id: "hero" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
brandName="L'Hivernage"
|
||||
button={{ text: "Reserve Now", href: "#hero" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A place that earns its silence."
|
||||
description="Luxury dining in the heart of Marrakech. Every spice, texture, and moment, perfected for your arrival."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sofia L.",
|
||||
handle: "Paris",
|
||||
testimonial: "The lamb was unlike anything I've had in Marrakech.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Karim B.",
|
||||
handle: "London",
|
||||
testimonial: "An exceptional evening, handled perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-watch-standing-near-business-centre_176420-5636.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Amelia R.",
|
||||
handle: "New York",
|
||||
testimonial: "Everything flagged, confirmed, delivered perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Youssef & Laila",
|
||||
handle: "Casablanca",
|
||||
testimonial: "It felt like someone planned the evening for us.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262201.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Marc T.",
|
||||
handle: "Geneva",
|
||||
testimonial: "A masterclass in culinary refinement. Absolute perfection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-watch-standing-near-business-centre_176420-5636.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#reservation",
|
||||
},
|
||||
{ name: "Sofia L.", handle: "Paris", testimonial: "The lamb was unlike anything I've had in Marrakech.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" },
|
||||
{ name: "Karim B.", handle: "London", testimonial: "An exceptional evening, handled perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-watch-standing-near-business-centre_176420-5636.jpg" },
|
||||
{ name: "Amelia R.", handle: "New York", testimonial: "Everything flagged, confirmed, delivered perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg" },
|
||||
{ name: "Youssef & Laila", handle: "Casablanca", testimonial: "It felt like someone planned the evening for us.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262201.jpg" },
|
||||
{ name: "Marc T.", handle: "Geneva", testimonial: "A masterclass in culinary refinement. Absolute perfection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-watch-standing-near-business-centre_176420-5636.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Reserve Now", href: "#hero" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -112,18 +64,9 @@ export default function LandingPage() {
|
||||
title="Our Story"
|
||||
description="L'Hivernage Café Glacier was born from a simple obsession: dining should never be left to chance. Every plate is considered—the spice, the texture, the timing."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision",
|
||||
description: "Every detail considered twice.",
|
||||
},
|
||||
{
|
||||
title: "Heritage",
|
||||
description: "Classic recipes, reimagined.",
|
||||
},
|
||||
{
|
||||
title: "Atmosphere",
|
||||
description: "A place that earns its silence.",
|
||||
},
|
||||
{ title: "Precision", description: "Every detail considered twice." },
|
||||
{ title: "Heritage", description: "Classic recipes, reimagined." },
|
||||
{ title: "Atmosphere", description: "A place that earns its silence." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-female-chef-washing-vegetables-kitchen_23-2148763176.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -137,24 +80,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Briouats au Fromage",
|
||||
price: "95 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-meal-inside-white-plate-along-with-red-wine-table-food-meal-restaurant_140725-28131.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Agneau Confit",
|
||||
price: "280 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-head-with-sliced-vegetables_1304-4033.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Moelleux Chocolat",
|
||||
price: "95 DH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Briouats au Fromage", price: "95 DH", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-meal-inside-white-plate-along-with-red-wine-table-food-meal-restaurant_140725-28131.jpg" },
|
||||
{ id: "m2", name: "Agneau Confit", price: "280 DH", imageSrc: "http://img.b2bpic.net/free-photo/fish-head-with-sliced-vegetables_1304-4033.jpg" },
|
||||
{ id: "m3", name: "Moelleux Chocolat", price: "95 DH", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg" }
|
||||
]}
|
||||
title="The Menu"
|
||||
description="Three books. One evening. Explore our seasonal selection."
|
||||
@@ -167,46 +95,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sofia L.",
|
||||
handle: "Paris",
|
||||
testimonial: "The lamb was unlike anything I've had in Marrakech. Remarkable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Karim B.",
|
||||
handle: "London",
|
||||
testimonial: "The food arrived and I stopped thinking about anything else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-watch-standing-near-business-centre_176420-5636.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amelia R.",
|
||||
handle: "New York",
|
||||
testimonial: "For the first time at a restaurant, I felt completely safe with my allergy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Youssef & Laila",
|
||||
handle: "Casablanca",
|
||||
testimonial: "It felt less like a restaurant and more like someone had planned the entire evening.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262201.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena V.",
|
||||
handle: "Madrid",
|
||||
testimonial: "Unforgettable. The ambiance combined with the menu is unparalleled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg?_wi=3",
|
||||
},
|
||||
{ id: "t1", name: "Sofia L.", handle: "Paris", testimonial: "The lamb was unlike anything I've had in Marrakech. Remarkable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" },
|
||||
{ id: "t2", name: "Karim B.", handle: "London", testimonial: "The food arrived and I stopped thinking about anything else.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-watch-standing-near-business-centre_176420-5636.jpg" },
|
||||
{ id: "t3", name: "Amelia R.", handle: "New York", testimonial: "For the first time at a restaurant, I felt completely safe with my allergy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg" },
|
||||
{ id: "t4", name: "Youssef & Laila", handle: "Casablanca", testimonial: "It felt less like a restaurant and more like someone had planned the entire evening.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262201.jpg" },
|
||||
{ id: "t5", name: "Elena V.", handle: "Madrid", testimonial: "Unforgettable. The ambiance combined with the menu is unparalleled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Words from our table"
|
||||
@@ -214,82 +107,12 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Measuring excellence, one guest at a time."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Guest Satisfaction",
|
||||
value: "4.9/5",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Utensils,
|
||||
title: "Dishes Crafted",
|
||||
value: "15,000+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Calendar,
|
||||
title: "Evenings Hosted",
|
||||
value: "3,200+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reservation",
|
||||
href: "#reservation",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
{
|
||||
label: "Hivernage Quarter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Marrakech, Morocco",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "+212 6XX XXX XXX",
|
||||
href: "tel:+2126XXXXXXXX",
|
||||
},
|
||||
{
|
||||
label: "hello@lhivernage.ma",
|
||||
href: "mailto:hello@lhivernage.ma",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigate", items: [{ label: "Story", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Reservation", href: "#hero" }] },
|
||||
{ title: "Visit", items: [{ label: "Hivernage Quarter", href: "#" }, { label: "Marrakech, Morocco", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "+212 6XX XXX XXX", href: "tel:+2126XXXXXXXX" }, { label: "hello@lhivernage.ma", href: "mailto:hello@lhivernage.ma" }] }
|
||||
]}
|
||||
logoText="L'Hivernage"
|
||||
copyrightText="© 2025 L'Hivernage Café Glacier"
|
||||
|
||||
Reference in New Issue
Block a user