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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-28 10:56:27 +00:00
parent ed5b0a8848
commit f7c2c8a96d
1 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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>
);