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"
-            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" }}
-                />
-                <FeatureCardMedia
-                    title="Our Gallery"
-                    description="Visual glimpses of the dining experience at Federico."
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    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" },
-                    ]}
-                />
-                <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>
-    );
+  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"
+        />
+      </div>
+      <div id="features" data-section="features">
+        <FeatureCardSeven
+          title="Our Gallery"
+          description="Explore our featured collection."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              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"
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
 }