Switch to version 1: remove src/app/reservations/page.tsx

Merge version_4 into main

src/app/about/page.tsx

@@ -1,38 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import { Instagram, Facebook, Linkedin } from "lucide-react";
-
-export default function AboutPage() {
-  return (
-    <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="medium"
-        sizing="medium"
-        background="none"
-        cardStyle="solid"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="medium"
-    >
-      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline
-              navItems={[
-                  { name: "Overview", id: "/" },
-                  { name: "Menu", id: "/menu" },
-                  { name: "About", id: "/about" },
-                  { name: "Contact", id: "/#contact" },
-              ]}
-              brandName="FEDERICO"
-              button={{ text: "Book Table", href: "/reservations" }}
-          />
-        </div>
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}

src/app/contact/page.tsx

@@ -1,54 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Instagram, Facebook, Linkedin } from "lucide-react";
-
-export default function ContactPage() {
-    return (
-        <ThemeProvider
-            defaultButtonVariant="icon-arrow"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="rounded"
-            contentWidth="medium"
-            sizing="medium"
-            background="none"
-            cardStyle="solid"
-            primaryButtonStyle="shadow"
-            secondaryButtonStyle="solid"
-            headingFontWeight="medium"
-        >
-            <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={[
-                        { name: "Overview", id: "/" },
-                        { name: "Gallery", id: "/gallery" },
-                        { name: "Reservations", id: "/reservations" },
-                        { name: "Contact", id: "/contact" },
-                    ]}
-                    brandName="FEDERICO"
-                    button={{ text: "Book Table", href: "/reservations" }}
-                />
-                <ContactCenter
-                    tag="Contact"
-                    title="Visit or Reach Out"
-                    description="Locate us at 1 Rue du Lac de Constance, Tunis. We are open for your pleasure."
-                    background={{ variant: "plain" }}
-                    useInvertedBackground={false}
-                />
-                <FooterCard
-                    logoText="FEDERICO"
-                    copyrightText="© 2025 FEDERICO Restaurant. 1 Rue du Lac de Constance, Tunis."
-                    socialLinks={[
-                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-                    ]}
-                />
-            </ReactLenis>
-        </ThemeProvider>
-    );
-}

src/app/gallery/page.tsx

@@ -1,51 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-
-export default function GalleryPage() {
-  return (
-    <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
-      background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
-    >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Gallery", id: "/gallery" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="Gallery"
-          button={{ text: "Get Started", href: "/contact" }}
-        />
-      </div>
-      <div id="features" data-section="features">
-        <FeatureCardSeven
-          title="Our Gallery"
-          description="Explore our featured collection."
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          features={[
-            {
-              title: "Feature One",              description: "Description one.",              imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb",              imageAlt: "Feature one"
-            },
-            {
-              title: "Feature Two",              description: "Description two.",              imageSrc: "https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05",              imageAlt: "Feature two"
-            }
-          ]}
-        />
-      </div>
-    </ThemeProvider>
-  );
-}

src/app/layout.tsx

@@ -6,24 +6,20 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
-import { Open_Sans } from "next/font/google";
-import { DM_Sans } from "next/font/google";
 
-
-
-export const metadata: Metadata = { title: 'FEDERICO | Authentic Italian Dining in Tunis', description: 'Experience the finest Italian cuisine at FEDERICO in Tunis. Join us for an exquisite dining experience featuring authentic flavors, elegant ambiance, and premium service.' };
-
-
-
-const dmSans = DM_Sans({
-  variable: "--font-dm-sans",
+const halant = Halant({
+  variable: "--font-halant",
   subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
 });
+
 const inter = Inter({
   variable: "--font-inter",
   subsets: ["latin"],
 });
 
+export const metadata: Metadata = { title: 'FEDERICO | Authentic Italian Dining in Tunis', description: 'Experience the finest Italian cuisine at FEDERICO in Tunis. Join us for an exquisite dining experience featuring authentic flavors, elegant ambiance, and premium service.' };
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -32,7 +28,9 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
+        <body
+          className={`${halant.variable} ${inter.variable} antialiased`}
+        >
           <Tag />
           {children}
           <script

src/app/menu/page.tsx

@@ -1,61 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { Instagram, Facebook, Linkedin } from "lucide-react";
-
-export default function MenuPage() {
-  return (
-    <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="medium"
-        sizing="medium"
-        background="none"
-        cardStyle="solid"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="medium"
-    >
-      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-            navItems={[
-                { name: "Overview", id: "/" },
-                { name: "Menu", id: "/menu" },
-                { name: "About", id: "/about" },
-                { name: "Contact", id: "/#contact" },
-            ]}
-            brandName="FEDERICO"
-            button={{ text: "Book Table", href: "/reservations" }}
-        />
-        <FeatureCardOne
-            className="py-20"
-            title="Our Menu"
-            description="Savor authentic Italian recipes made fresh daily."
-            gridVariant="three-columns-all-equal-width"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            features={[
-                { title: "Antipasti", description: "Light starters featuring fresh bruschetta and caprese salad.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-bruschetta-with-tomatoes-basil-wooden-table_23-2148184659.jpg" },
-                { title: "Primi Piatti", description: "Signature handmade pasta dishes with authentic sauces.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-penne-pasta-with-tomato-sauce-fresh-basil-grated-parmesan-cheese_84443-81547.jpg" },
-                { title: "Secondi", description: "Premium seafood and meat preparations crafted with passion.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-with-vegetables-served-table_144627-24855.jpg" }
-            ]}
-            animationType="slide-up"
-        />
-        <FooterCard
-            logoText="FEDERICO"
-            copyrightText="© 2025 FEDERICO Restaurant. 1 Rue du Lac de Constance, Tunis."
-            socialLinks={[
-                { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-                { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-                { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-            ]}
-        />
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}

src/app/page.tsx

@@ -30,20 +30,21 @@ export default function FedericoRestaurantPage() {
             <ReactLenis root>
                 <NavbarLayoutFloatingInline
                     navItems={[
-                        { name: "Overview", id: "/" },
-                        { name: "Gallery", id: "/gallery" },
-                        { name: "Reservations", id: "/reservations" },
-                        { name: "Contact", id: "/contact" },
+                        { name: "Overview", id: "overview" },
+                        { name: "Menu", id: "menu" },
+                        { name: "Reviews", id: "reviews" },
+                        { name: "About", id: "about" },
+                        { name: "Contact", id: "contact" },
                     ]}
                     brandName="FEDERICO"
-                    button={{ text: "Book Table", href: "/reservations" }}
+                    button={{ text: "Book Table", href: "#contact" }}
                 />
                 <HeroCarouselLogo
                     logoText="FEDERICO"
                     description="Authentic Italian flavors in the heart of Tunis. Join us for a refined culinary experience at Immeuble El Majd."
                     buttons={[
-                        { text: "View Menu", href: "/" },
-                        { text: "Directions", href: "/contact" },
+                        { text: "View Menu", href: "#menu" },
+                        { text: "Directions", href: "#contact" },
                     ]}
                     slides={[
                         { imageSrc: "http://img.b2bpic.net/free-photo/waiter-is-serving-dinner-two-pretty-friends-women-elegant-restaurant_8353-10575.jpg", imageAlt: "Elegant Italian restaurant dining" },
@@ -53,6 +54,112 @@ export default function FedericoRestaurantPage() {
                     ]}
                     showDimOverlay={true}
                 />
+                <InlineImageSplitTextAbout
+                    className="pt-40"
+                    heading={[
+                        { type: "text", content: "We craft" },
+                        { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-person-holding-dough-spaghetti_23-2148296897.jpg", alt: "Italian Pasta" },
+                        { type: "text", content: "authentic culinary masterpieces using the finest" },
+                        { type: "image", src: "http://img.b2bpic.net/free-photo/wine-drop-glass-red-wine_53876-42361.jpg", alt: "Wine" },
+                        { type: "text", content: "Mediterranean ingredients" },
+                    ]}
+                    buttons={[
+                        { text: "Learn Our Story", href: "#about" },
+                    ]}
+                    useInvertedBackground={false}
+                />
+                <FeatureCardOne
+                    tag="Menu"
+                    tagIcon={Utensils}
+                    title="A Taste of Italy"
+                    description="Traditional recipes prepared with modern elegance and fresh local produce."
+                    textboxLayout="default"
+                    animationType="slide-up"
+                    gridVariant="uniform-all-items-equal"
+                    uniformGridCustomHeightClasses="h-100 2xl:h-110"
+                    useInvertedBackground={false}
+                    features={[
+                        {
+                            title: "Handmade Pasta",                            description: "Fresh daily pasta crafted using authentic techniques.",                            imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-eggs-flour_23-2147849810.jpg",                            imageAlt: "Pasta"},
+                        {
+                            title: "Wood-Fired Pizza",                            description: "Authentic thin-crust pizzas with premium Italian toppings.",                            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-baking-pizza-wood-fired-oven_52683-106696.jpg",                            imageAlt: "Pizza"},
+                        {
+                            title: "Exquisite Seafood",                            description: "Fresh catch of the day prepared with Mediterranean herbs.",                            imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mussels-white-sauce-with-tablecloth-cutlery_23-2148234931.jpg",                            imageAlt: "Seafood"},
+                        {
+                            title: "Premium Wine",                            description: "Curated selection of fine wines from top Italian vineyards.",                            imageSrc: "http://img.b2bpic.net/free-photo/bottle-wine-with-flowers-fruits-gray-background_185193-165647.jpg",                            imageAlt: "Wine"},
+                        {
+                            title: "Dolce Vita",                            description: "Indulgent traditional Italian desserts to finish your meal.",                            imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25267.jpg",                            imageAlt: "Dessert"}
+                    ]}
+                />
+                <FeatureCardNine
+                    tag="Experience"
+                    tagIcon={MapPin}
+                    title="Visit Us in Tunis"
+                    description="Ideally located at Lac de Constance for your lunch or dinner rendezvous."
+                    textboxLayout="default"
+                    showStepNumbers={true}
+                    animationType="slide-up"
+                    useInvertedBackground={false}
+                    features={[
+                        {
+                            title: "Reservation",                            description: "Secure your table via our website or direct call.",                            phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2148896951.jpg", imageAlt: "Table booking" },
+                            phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hands-working-digital-device-network-graphic-overlay_53876-120400.jpg", imageAlt: "Confirmation" },
+                        },
+                        {
+                            title: "The Arrival",                            description: "Find us easily at Immeuble El Majd with convenient parking.",                            phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/popular-resort-amara-dolce-vita-luxury-hotel-with-pools-water-parks-recreational-area-along-sea-coast-turkey-tekirova-kemer_146671-18754.jpg", imageAlt: "Restaurant facade" },
+                            phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/we-re-open-red-sign-window_23-2149168999.jpg", imageAlt: "Entrance" },
+                        },
+                        {
+                            title: "Enjoy",                            description: "Relish the authentic atmosphere and dedicated service.",                            phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/women-table-with-food_23-2147681106.jpg", imageAlt: "Dining" },
+                            phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/luxury-waiter-holding-tray_1368-1693.jpg", imageAlt: "Service" },
+                        },
+                    ]}
+                />
+                <FeatureCardMedia
+                    tag="Ambience"
+                    tagIcon={Sparkles}
+                    title="Atmospheric Excellence"
+                    description="Sophisticated spaces designed for memorable dining moments."
+                    textboxLayout="default"
+                    animationType="slide-up"
+                    useInvertedBackground={false}
+                    features={[
+                        {
+                            id: "1",                            title: "Main Dining",                            description: "Elegant space perfect for group dinners and celebrations.",                            tag: "Interior",                            imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",                            imageAlt: "Main dining hall"},
+                        {
+                            id: "2",                            title: "Private Lounge",                            description: "Exclusive corner for intimate conversations and fine wine.",                            tag: "Lounge",                            imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-wedding-reception-with-sea-view-through-windows_637285-997.jpg",                            imageAlt: "Private lounge"},
+                    ]}
+                />
+                <TestimonialCardFive
+                    tag="Reviews"
+                    tagIcon={Utensils}
+                    title="What Guests Say"
+                    description="Join the hundreds of satisfied diners who enjoy our cuisine."
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                    testimonials={[
+                        {
+                            id: "1",                            name: "Sami Ben Youssef",                            date: "January 2025",                            title: "The best pasta in Tunis!",                            quote: "Truly authentic flavors that transport you directly to Rome. Exceptional service and a beautiful setting.",                            tag: "Dining",                            avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",                            avatarAlt: "Sami",                            imageSrc: "http://img.b2bpic.net/free-photo/close-up-mix-nuts-figs-plate_23-2148352341.jpg",                            imageAlt: "Sami's meal"},
+                    ]}
+                />
+                <ContactSplitForm
+                    title="Connect With Us"
+                    description="Need a reservation or have an inquiry? Get in touch today."
+                    useInvertedBackground={false}
+                    imageSrc="http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167204.jpg"
+                    imageAlt="Contact Us"
+                    mediaPosition="right"
+                    mediaAnimation="slide-up"
+                    buttonText="Send Request"
+                    inputs={[
+                        { name: "name", type: "text", placeholder: "Full Name", required: true },
+                        { name: "email", type: "email", placeholder: "Email Address", required: true },
+                        { name: "phone", type: "tel", placeholder: "Phone Number" },
+                    ]}
+                    textarea={{
+                        name: "message",                        placeholder: "Your reservation details or questions...",                        rows: 4,
+                    }}
+                />
                 <FooterCard
                     logoText="FEDERICO"
                     copyrightText="© 2025 FEDERICO Restaurant. 1 Rue du Lac de Constance, Tunis."
@@ -65,4 +172,4 @@ export default function FedericoRestaurantPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/reservations/page.tsx

@@ -1,61 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Instagram, Facebook, Linkedin } from "lucide-react";
-
-export default function ReservationsPage() {
-    return (
-        <ThemeProvider
-            defaultButtonVariant="icon-arrow"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="rounded"
-            contentWidth="medium"
-            sizing="medium"
-            background="none"
-            cardStyle="solid"
-            primaryButtonStyle="shadow"
-            secondaryButtonStyle="solid"
-            headingFontWeight="medium"
-        >
-            <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={[
-                        { name: "Overview", id: "/" },
-                        { name: "Gallery", id: "/gallery" },
-                        { name: "Reservations", id: "/reservations" },
-                        { name: "Contact", id: "/contact" },
-                    ]}
-                    brandName="FEDERICO"
-                    button={{ text: "Book Table", href: "/reservations" }}
-                />
-                <ContactSplitForm
-                    title="Reserve Your Table"
-                    description="Select your date, time, and party size to confirm your reservation."
-                    imageSrc="http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167204.jpg"
-                    imageAlt="Booking"
-                    useInvertedBackground={false}
-                    inputs={[
-                        { name: "date", type: "date", placeholder: "Date" },
-                        { name: "time", type: "time", placeholder: "Time" },
-                        { name: "guests", type: "number", placeholder: "Guests" },
-                    ]}
-                    textarea={{ name: "requests", placeholder: "Any special requests?" }}
-                    buttonText="Submit Booking"
-                />
-                <FooterCard
-                    logoText="FEDERICO"
-                    copyrightText="© 2025 FEDERICO Restaurant. 1 Rue du Lac de Constance, Tunis."
-                    socialLinks={[
-                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-                    ]}
-                />
-            </ReactLenis>
-        </ThemeProvider>
-    );
-}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
+  --secondary-cta-text: #2b180a;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);