Update src/app/page.tsx

Merge version_1 into main

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?_wi=2" },
+              { title: "Dreads", description: "Styling 2", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-with-braids-watching-camera_633478-1410.jpg?_wi=2" },
+              { title: "Extensions", description: "Styling 3", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg?_wi=2" },
+              { 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?_wi=2" }
+            ]}
+          />
+        </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>
+  );
+}

src/app/page.tsx

@@ -7,9 +7,8 @@ import FeatureCardThree from '@/components/sections/feature/featureCardThree/Fea
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { Sparkles, Star } from "lucide-react";
+import { Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,25 +29,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Gallery",
-          id: "gallery",
-        },
+          name: "Gallery",          id: "/gallery"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="African Indian Queen"
     />
@@ -64,25 +53,15 @@ export default function LandingPage() {
       textPosition="bottom"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg",
-          alt: "Happy Customer 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg",          alt: "Happy Customer 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
-          alt: "Happy Customer 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",          alt: "Happy Customer 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",
-          alt: "Happy Customer 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",          alt: "Happy Customer 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg",
-          alt: "Happy Customer 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg",          alt: "Happy Customer 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg",
-          alt: "Happy Customer 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg",          alt: "Happy Customer 5"},
       ]}
       avatarText="Über 500 zufriedene Kunden"
     />
@@ -109,94 +88,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Braids",
-          description: "Klassisch oder modern, wir beherrschen alle Zopf-Techniken.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-arranging-hair-with-mirror_23-2149635033.jpg",
-        },
+          title: "Braids",          description: "Klassisch oder modern, wir beherrschen alle Zopf-Techniken.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-arranging-hair-with-mirror_23-2149635033.jpg?_wi=1"},
         {
-          title: "Dreads",
-          description: "Authentische Dreads mit höchster Präzision gestaltet.",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-with-braids-watching-camera_633478-1410.jpg",
-        },
+          title: "Dreads",          description: "Authentische Dreads mit höchster Präzision gestaltet.",          imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-with-braids-watching-camera_633478-1410.jpg?_wi=1"},
         {
-          title: "Extensions",
-          description: "Langes Haar voller Volumen und natürlichem Glanz.",
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg",
-        },
+          title: "Extensions",          description: "Langes Haar voller Volumen und natürlichem Glanz.",          imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg?_wi=1"},
         {
-          title: "Locken",
-          description: "Perfekt definierte Locken, die lange halten.",
-          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",
-        },
+          title: "Locken",          description: "Perfekt definierte Locken, die lange halten.",          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?_wi=1"},
         {
-          title: "Glätten",
-          description: "Seidig glattes Haar für einen eleganten Look.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130987.jpg",
-        },
+          title: "Glätten",          description: "Seidig glattes Haar für einen eleganten Look.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130987.jpg"},
         {
-          title: "Produkte & Mehr",
-          description: "Wir lernen stetig dazu und bieten exklusive Pflege.",
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-arranged-shelf_23-2150718057.jpg",
-        },
+          title: "Produkte & Mehr",          description: "Wir lernen stetig dazu und bieten exklusive Pflege.",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-arranged-shelf_23-2150718057.jpg"},
       ]}
       title="Unsere Dienstleistungen"
       description="Vom Braids bis zum Glätten bieten wir ein exzellentes Portfolio für Ihren individuellen Stil."
     />
   </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Unsere Pakete"
-      description="Entdecken Sie unsere hochwertigen Styling-Pakete, perfekt abgestimmt auf Ihre Bedürfnisse."
-      plans={[
-        {
-          id: "basic",
-          badge: "Standard",
-          price: "ab 45€",
-          subtitle: "Basis-Haarpflege & Schnitt",
-          features: [
-            "Professioneller Schnitt",
-            "Haarwäsche inklusive",
-            "Styling-Beratung",
-          ],
-          buttons: [
-            {
-              text: "Jetzt buchen",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "premium",
-          badge: "Empfohlen",
-          badgeIcon: Star,
-          price: "ab 120€",
-          subtitle: "Komplettes Styling-Erlebnis",
-          features: [
-            "Individuelle Braids",
-            "Extensions Anwendung",
-            "After-Care Produktpaket",
-          ],
-          buttons: [
-            {
-              text: "Jetzt buchen",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="10+ Jahre Erfahrung"
       title="Kontakt & Öffnungszeiten"
       description="Besuchen Sie uns in der Karlstraße 10, 38106 Braunschweig."
@@ -209,13 +122,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="African Indian Queen"
       leftLink={{
-        text: "Instagram: @African.indian.queen.salon",
-        href: "https://instagram.com/African.indian.queen.salon",
-      }}
+        text: "Instagram: @African.indian.queen.salon",        href: "https://instagram.com/African.indian.queen.salon"}}
       rightLink={{
-        text: "WhatsApp: 015234150175",
-        href: "https://wa.me/4915234150175",
-      }}
+        text: "WhatsApp: 015234150175",        href: "https://wa.me/4915234150175"}}
     />
   </div>
       </ReactLenis>