185 lines
8.3 KiB
TypeScript
185 lines
8.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Calendar, CheckCircle, Facebook, Instagram, Leaf, Utensils, Wine, Globe } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
{
|
|
name: "🌐", id: "lang-selector"},
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:0537738515"}}
|
|
brandName="Restaurant de la Libération"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "plain"}}
|
|
title="A Taste of Tradition in the Heart of Rabat"
|
|
description="Experience the perfect blend of traditional Moroccan flavors and modern urban dining on Avenue Mohammed V."
|
|
buttons={[
|
|
{
|
|
text: "Reserve a Table", href: "#contact"},
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/plates-cutlery-glasses-flat-lay_23-2148914878.jpg"
|
|
imageAlt="Restaurant dining room interior"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-cafe-while-talking-waiter_637285-579.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-hugging-man-table_23-2148014530.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-delicious-food_23-2150168094.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/showing-important-message_1098-19454.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg", alt: "Customer 5"},
|
|
]}
|
|
avatarText="Loved by 500+ happy guests"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Authentic Cuisine", icon: Utensils,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Halal Certified", icon: CheckCircle,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Vegan Options", icon: Leaf,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Fine Dining", icon: Wine,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Event Catering", icon: Calendar,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Welcome to Restaurant de la Libération"
|
|
description="Family-owned and operated since our inception, we pride ourselves on delivering authentic Halal and vegan-friendly dishes in a warm, sophisticated setting. Join us on Avenue Mohammed V for a truly unique dining experience."
|
|
imageSrc="http://img.b2bpic.net/free-photo/italian-chef-uniform-is-preparing-pastry-pizza-kitchen_613910-14090.jpg"
|
|
imageAlt="Our chefs preparing fresh meals"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "m1", name: "Traditional Breakfast", price: "60 MAD", variant: "Authentic local ingredients", imageSrc: "http://img.b2bpic.net/free-photo/leaves-dolma-with-sour-yogurt_140725-3777.jpg"},
|
|
{
|
|
id: "m2", name: "Gourmet Lunch Set", price: "120 MAD", variant: "Chef's daily special", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-delicious-food_23-2148948998.jpg"},
|
|
{
|
|
id: "m3", name: "Vegan Tagine Delight", price: "145 MAD", variant: "Fresh seasonal vegetables", imageSrc: "http://img.b2bpic.net/free-photo/christmas-sweets-platter_114579-24488.jpg"},
|
|
{
|
|
id: "m4", name: "Signature Dinner Plate", price: "180 MAD", variant: "Premium Halal meat", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-chocolate-eclairs-currants-grey-plate-tarts-cookies-lemon-cinnamon-tea-white-wooden-table_140725-91503.jpg"},
|
|
{
|
|
id: "m5", name: "Dessert Selection", price: "45 MAD", variant: "Hand-crafted sweets", imageSrc: "http://img.b2bpic.net/free-photo/boiled-piece-potato-plate_140725-684.jpg"},
|
|
{
|
|
id: "m6", name: "Special Catering Menu", price: "Contact us", variant: "Tailored for events", imageSrc: "http://img.b2bpic.net/free-photo/lateral-view-sprinkling-with-spices-tuna-dish-with-glass-white-wine-restaurant_8353-10586.jpg"},
|
|
]}
|
|
title="Explore Our Menu"
|
|
description="From classic breakfast staples to gourmet dinner selections, we cater to all tastes with fresh, local ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Yassine S.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-cafe-while-talking-waiter_637285-579.jpg"},
|
|
{
|
|
id: "t2", name: "Family El-Amrani", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hugging-man-table_23-2148014530.jpg"},
|
|
{
|
|
id: "t3", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-delicious-food_23-2150168094.jpg"},
|
|
{
|
|
id: "t4", name: "Dr. Ahmed Mansouri", imageSrc: "http://img.b2bpic.net/free-photo/showing-important-message_1098-19454.jpg"},
|
|
{
|
|
id: "t5", name: "Fatima Z.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg"},
|
|
]}
|
|
cardTitle="Loved by locals and visitors alike"
|
|
cardTag="4.1 Star Rating"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contact Us"
|
|
title="Table Reservations & Catering"
|
|
description="Have questions about a reservation or large event? Get in touch today. Our team is here to assist you."
|
|
imageSrc="http://img.b2bpic.net/free-photo/famous-parasol-structure-sevilla_268835-15528.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
buttonText="Send Inquiry"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Restaurant de la Libération"
|
|
copyrightText="© 2025 Restaurant de la Libération. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "#", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Instagram"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|