Update src/app/gallery/page.tsx

src/app/gallery/page.tsx

@@ -1,58 +1,50 @@
 "use client";
 
-import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
-import FooterCard from "@/components/sections/footer/FooterCard";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Instagram, Facebook, Linkedin } from "lucide-react";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 
 export default function GalleryPage() {
   return (
     <ThemeProvider
-            defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-            background="none"
-            cardStyle="solid"
-            primaryButtonStyle="shadow"
-            secondaryButtonStyle="solid"
-            headingFontWeight="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
-            <ReactLenis root>
+      <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           navItems={[
-                        { name: "Overview", id: "/" },
+            { name: "Home", id: "/" },
             { name: "Gallery", id: "/gallery" },
-                        { name: "Reservations", id: "/reservations" },
             { name: "Contact", id: "/contact" },
           ]}
-                    brandName="FEDERICO"
-                    button={{ text: "Book Table", href: "/reservations" }}
+          brandName="Gallery"
         />
-                <FeatureCardMedia
+      </div>
+      <div id="features" data-section="features">
+        <FeatureCardSeven
           title="Our Gallery"
-                    description="Visual glimpses of the dining experience at Federico."
-                    textboxLayout="default"
+          description="Explore our featured collection."
           animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
           features={[
-                        { id: "1", title: "Dining Hall", tag: "Interior", description: "Elegant indoor dining", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg" },
-                        { id: "2", title: "Gourmet Pasta", tag: "Cuisine", description: "Freshly prepared pasta", imageSrc: "http://img.b2bpic.net/free-photo/delicious-penne-pasta-with-tomato-sauce-fresh-basil-grated-parmesan-cheese_84443-81547.jpg" },
-                        { id: "3", title: "Elegant Setting", tag: "Atmosphere", description: "Atmospheric dining", imageSrc: "http://img.b2bpic.net/free-photo/waiter-is-serving-dinner-two-pretty-friends-women-elegant-restaurant_8353-10575.jpg" },
+            {
+              id: "1",              title: "Feature One",              description: "Description one.",              imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb",              imageAlt: "Feature one"
+            },
+            {
+              id: "2",              title: "Feature Two",              description: "Description two.",              imageSrc: "https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05",              imageAlt: "Feature two"
+            }
           ]}
         />
-                <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>
+      </div>
     </ThemeProvider>
   );
 }