Add src/app/gallery/page.tsx

2026-04-10 00:04:10 +00:00
parent 2c23476764
commit bc91c3902c
1 changed files with 64 additions and 0 deletions
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="largeSmallSizeMediumTitles"
+        background="aurora"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/" },
+              { name: "Services", id: "/" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Contact", id: "/" },
+            ]}
+            brandName="African Indian Queen"
+          />
+        </div>
+
+        <div id="gallery" data-section="gallery" className="pt-32 pb-20">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            title="Unsere Galerie"
+            description="Impressionen aus unserem Salon und zufriedene Kundenergebnisse."
+            features={[
+              { title: "Braids", description: "Styling 1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-arranging-hair-with-mirror_23-2149635033.jpg" },
+              { title: "Dreads", description: "Styling 2", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-with-braids-watching-camera_633478-1410.jpg" },
+              { title: "Extensions", description: "Styling 3", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg" },
+              { title: "Locken", description: "Styling 4", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-woman-with-curly-hair-bright-neon-makeup-pattern-face-same-like-her-sweatshirt_633478-2208.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="African Indian Queen"
+            leftLink={{ text: "Instagram", href: "https://instagram.com/African.indian.queen.salon" }}
+            rightLink={{ text: "WhatsApp", href: "https://wa.me/4915234150175" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}