bender/1fcb2abe-ba37-4eb4-8d7c-9e02a971e64b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #4

Merged
bender merged 7 commits from version_3 into main 2026-04-28 10:56:32 +00:00
Conversation 0 Commits 7 Files Changed 7 +93 -15
7 changed files with 93 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/facials/page.tsx Normal file
View File

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

14
src/app/laser/page.tsx Normal file
View File

@@ -0,0 +1,14 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LaserPage() {
return (
<ThemeProvider>
<NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Laser", id: "/laser"}]} brandName="Casablanca Cosmetics" />
<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>
)
}

14
src/app/lashes/page.tsx Normal file
View File

@@ -0,0 +1,14 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LashesPage() {
return (
<ThemeProvider>
<NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Lashes", id: "/lashes"}]} brandName="Casablanca Cosmetics" />
<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>
)
}

14
src/app/microneedling/page.tsx Normal file
View File

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

26
src/app/page.tsx
View File

@@ -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: "Standort", items: [{ label: "Bismarckstraße 57, Gelsenkirchen" }, { label: "Tel: 0176 61853287" }] }
{ title: "Navigation", items: [{ label: "Preise", href: "#pricing" }, { label: "Academy", href: "#academy" }, { label: "Kontakt", href: "#contact" }] },
{ 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>
);

14
src/app/pmu/page.tsx Normal file
View File

@@ -0,0 +1,14 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function PmuPage() {
return (
<ThemeProvider>
<NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "PMU", id: "/pmu"}]} brandName="Casablanca Cosmetics" />
<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>
)
}

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #000000;
--card: #0a0a0a;
--background: #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;
--background-accent: #1a1a1a;
--accent: #b8860b;
--background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);