Update src/app/galeria/page.tsx

src/app/galeria/page.tsx

@@ -3,108 +3,37 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TextAbout from '@/components/sections/about/TextAbout';
 
-export default function LandingPage() {
+export default function GalleryPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Gallery",
-          id: "/galeria",
-        },
-        {
-          name: "Explore",
-          id: "/explorar",
-        },
-        {
-          name: "About",
-          id: "/sobre",
-        },
-      ]}
-      brandName="Aura"
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Gallery Metrics"
-      description="Analyzing the reach and engagement of our digital archives."
-      metrics={[
-        {
-          id: "1",
-          value: "500+",
-          description: "High-Res Prints",
-        },
-        {
-          id: "2",
-          value: "120K",
-          description: "Visual Interactions",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="The Curation Philosophy"
-      buttons={[
-        {
-          text: "View Full Manifesto",
-          href: "/sobre",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/abstract-dark-textured-background-minima-1774795232830-733abf77.png?_wi=2"
-      columns={[
-        {
-          title: "Archives",
-          items: [
-            {
-              label: "Gallery",
-              href: "/galeria",
-            },
-            {
-              label: "Explore",
-              href: "/explorar",
-            },
-          ],
-        },
-        {
-          title: "Studio",
-          items: [
-            {
-              label: "About",
-              href: "/sobre",
-            },
-            {
-              label: "Contact",
-              href: "/contato",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/sobre" }]}
+            brandName="Aura"
+            button={{ text: "Get Started", href: "/contato" }}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/abstract-dark-textured-background-minima-1774795232830-733abf77.png"
+            columns={[{ title: "Archives", items: [{ label: "Gallery", href: "/galeria" }] }, { title: "Studio", items: [{ label: "About", href: "/sobre" }] }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}