Switch to version 2: added src/app/gallery/page.tsx

src/app/gallery/page.tsx

@@ -0,0 +1,51 @@
+"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>
+  );
+}