Update src/app/pmu/page.tsx

Merge version_2 into main

src/app/facials/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+export default function FacialsPage() {
+  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">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Facials", id: "/facials"}]} brandName="Casablanca Cosmetics" />
+      </div>
+      <main className="pt-24 px-6 md:px-12">
+        <h1>Facials</h1>
+        <p>Erleben Sie Luxus-Gesichtsbehandlungen und tiefenwirksame Hautpflege.</p>
+      </main>
+    </ThemeProvider>
+  )
+}

src/app/laser/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+export default function LaserPage() {
+  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">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Laser", id: "/laser"}]} brandName="Casablanca Cosmetics" />
+      </div>
+      <main className="pt-24 px-6 md:px-12">
+        <h1>Laser Services</h1>
+        <p>Premium Laserbehandlungen für dauerhafte Haarentfernung in Gelsenkirchen.</p>
+      </main>
+    </ThemeProvider>
+  )
+}

src/app/lashes/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+export default function LashesPage() {
+  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">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Lashes", id: "/lashes"}]} brandName="Casablanca Cosmetics" />
+      </div>
+      <main className="pt-24 px-6 md:px-12">
+        <h1>Lash Services</h1>
+        <p>Atemberaubende Wimpern durch professionelle Lash-Extensions und Lifting.</p>
+      </main>
+    </ThemeProvider>
+  )
+}

src/app/microneedling/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+export default function MicroneedlingPage() {
+  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">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Microneedling", id: "/microneedling"}]} brandName="Casablanca Cosmetics" />
+      </div>
+      <main className="pt-24 px-6 md:px-12">
+        <h1>Microneedling</h1>
+        <p>Effektive Hautverjüngung durch professionelle Microneedling-Treatments.</p>
+      </main>
+    </ThemeProvider>
+  )
+}

src/app/page.tsx

@@ -44,7 +44,7 @@ export default function LandingPage() {
       logoText="CASABLANCA COSMETICS"
       description="Cinematische Ästhetik in Gelsenkirchen. Wir veredeln Ihre natürliche Schönheit mit flüssigem Gold & High-End Präzision."
       buttons={[
-        { text: "Termin Buchen", href: "#contact" },
+        { text: "Termin Buchen", href: "https://wa.me/4917661853287" },
         { text: "Preisliste", href: "#pricing" },
       ]}
       imageSrc="https://images.unsplash.com/photo-1596462502278-27bfdc403348?q=80&w=1200&auto=format&fit=crop"
@@ -61,15 +61,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "pm", badge: "Signature", name: "Permanent Make-Up", price: "ab 170€", buttons: [{ text: "Buchen", href: "#contact" }],
+          id: "pm", badge: "Signature", name: "Permanent Make-Up", price: "ab 170€", buttons: [{ text: "Buchen", href: "https://wa.me/4917661853287" }],
           features: ["Microblading", "Powderbrows", "Kombibrows", "Lippen Pigmentierung", "Lidstrich"]
         },
         {
-          id: "skin", badge: "Gold Tier", name: "Skin Clinic", price: "ab 60€", buttons: [{ text: "Buchen", href: "#contact" }],
+          id: "skin", badge: "Gold Tier", name: "Skin Clinic", price: "ab 60€", buttons: [{ text: "Buchen", href: "https://wa.me/4917661853287" }],
           features: ["Hydrafacial", "Microneedling RF", "BioRePeel", "Tiefenreinigung"]
         },
         {
-          id: "laser", badge: "Pro", name: "Laser Studio", price: "ab 50€", buttons: [{ text: "Buchen", href: "#contact" }],
+          id: "laser", badge: "Pro", name: "Laser Studio", price: "ab 50€", buttons: [{ text: "Buchen", href: "https://wa.me/4917661853287" }],
           features: ["Ganzkörper", "Beine & Rücken", "Gesicht", "Präzisions-Laser"]
         }
       ]}
@@ -108,7 +108,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       title="Ihre Beratung"
-      description="Bismarckstraße 57, Gelsenkirchen. Kontaktieren Sie uns für Ihr exklusives Treatment."
+      description="Bismarckstraße 57, Gelsenkirchen. Kontaktieren Sie uns direkt für Ihr exklusives Treatment oder via WhatsApp."
       inputs={[
         { name: "name", type: "text", placeholder: "Ihr Name", required: true },
         { name: "email", type: "email", placeholder: "Ihre E-Mail", required: true }
@@ -123,20 +123,28 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        { title: "Navigation", items: [{ label: "Preise", href: "#pricing" }, { label: "Academy", href: "#academy" }] },
+        { title: "Navigation", items: [{ label: "Preise", href: "#pricing" }, { label: "Academy", href: "#academy" }, { label: "Kontakt", href: "#contact" }] },
-        { title: "Standort", items: [{ label: "Bismarckstraße 57, Gelsenkirchen" }, { label: "Tel: 0176 61853287" }] }
+        { title: "Kontakt & Standort", items: [{ label: "Bismarckstraße 57, Gelsenkirchen" }, { label: "Tel: 0176 61853287" }, { label: "WhatsApp Support", href: "https://wa.me/4917661853287" }] }
       ]}
       bottomLeftText="© 2025 Casablanca Cosmetics"
-      bottomRightText="Datenschutz | Impressum"
+      bottomRightText="Datenschutz | Impressum | USt-IdNr. DE345678912"
     />
   </div>
 
   <a 
-    href="https://wa.me/4917661853287" 
+    href="https://wa.me/4917661853287"
+    target="_blank"
+    rel="noopener noreferrer"
     className="fixed bottom-8 right-8 z-50 bg-[#25D366] text-white p-4 rounded-full shadow-2xl flex items-center justify-center hover:scale-110 transition-transform"
   >
     <MessageCircle size={28} />
   </a>
+
+  <div className="fixed bottom-0 left-0 w-full bg-white/90 backdrop-blur-md p-4 border-t border-gray-200 z-40 md:hidden flex justify-between items-center px-6">
+    <span className="font-bold">Sofort-Termin sichern?</span>
+    <a href="https://wa.me/4917661853287" className="bg-[#25D366] text-white px-4 py-2 rounded-full text-sm font-semibold">WhatsApp</a>
+  </div>
+
       </ReactLenis>
     </ThemeProvider>
   );

src/app/pmu/page.tsx

@@ -0,0 +1,16 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+export default function PmuPage() {
+  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">
+        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "PMU", id: "/pmu"}]} brandName="Casablanca Cosmetics" />
+      </div>
+      <main className="pt-24 px-6 md:px-12">
+        <h1>Permanent Make-Up</h1>
+        <p>Professionelles Permanent Make-Up für Augenbrauen, Lippen und Lidstrich.</p>
+      </main>
+    </ThemeProvider>
+  )
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #0a0a0a;
-  --card: #0a0a0a;
+  --card: #1a1a1a;
   --foreground: #f5f5f5;
-  --primary-cta: #D4AF37;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #000000;
-  --secondary-cta: #2a220a;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #D4AF37;
+  --accent: #b8860b;
-  --background-accent: #1a1a1a;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);