Update src/app/page.tsx
This commit is contained in:
288
src/app/page.tsx
288
src/app/page.tsx
@@ -31,70 +31,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Preise",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Galerie",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Bewertungen",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Leistungen", id: "#services" },
|
||||
{ name: "Preise", id: "#pricing" },
|
||||
{ name: "Über mich", id: "#about" },
|
||||
{ name: "Bewertungen", id: "#testimonials" }
|
||||
]}
|
||||
brandName="Crocus Beauty"
|
||||
brandName="Creative Studio"
|
||||
button={{
|
||||
text: "Online Termin",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Kontakt aufnehmen", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Nagelstudio in Göppingen – Perfektion bei Crocus Beauty"
|
||||
description="Russische Maniküre, Pediküre & Wimpern – präzise Handarbeit, sterile Instrumente und Ergebnisse, die 3–4 Wochen halten."
|
||||
title="Kreative Visionen, die begeistern"
|
||||
description="Ich helfe Marken dabei, durch kreatives Design und durchdachte Konzepte sichtbar zu werden. Lass uns gemeinsam dein nächstes Projekt verwirklichen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Termin buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Gutschein kaufen",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Projekte ansehen", href: "#services" },
|
||||
{ text: "Kontaktieren", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg"
|
||||
imageAlt="Nagelstudio Göppingen Crocus Beauty"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262902.jpg",
|
||||
alt: "Happy customer smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-s-arms-posing-with-peach_23-2149640614.jpg",
|
||||
alt: "Happy customer smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265951.jpg",
|
||||
alt: "Happy customer smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265937.jpg",
|
||||
alt: "Happy customer smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-model-holding-fairy-wand_23-2148376683.jpg",
|
||||
alt: "Happy customer smiling",
|
||||
},
|
||||
]}
|
||||
avatarText="Über 500+ zufriedene Kundinnen"
|
||||
imageSrc="https://images.unsplash.com/photo-1542744094-24638752d529?q=80&w=2000"
|
||||
imageAlt="Kreatives Studio Portfolio"
|
||||
avatarText="Kreative Zusammenarbeit für Marken & Einzelpersonen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,21 +62,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Keine Stresssituationen",
|
||||
"Keine Kompromisse bei der Hygiene",
|
||||
"Keine unsauberen Ergebnisse",
|
||||
],
|
||||
items: ["Keine standardisierten 08/15 Designs", "Keine fehlende Markenidentität", "Keine mangelnde Kommunikation"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Sterile Instrumente (Heißluftsterilisation)",
|
||||
"Präzise Trockenmaniküre",
|
||||
"Langanhaltende Gel-Beschichtung",
|
||||
],
|
||||
items: ["Individuelles Design-Konzept", "Strategischer Aufbau", "Klare visuelle Kommunikation"],
|
||||
}}
|
||||
title="Warum Crocus Beauty"
|
||||
description="Wir sorgen dafür, dass du strahlend wiederkommst. Kein Stress, keine langen Wartezeiten – nur erstklassige Ergebnisse."
|
||||
title="Mein Arbeitsansatz"
|
||||
description="Design bedeutet für mich nicht nur Ästhetik, sondern eine funktionale Lösung für deine Ziele."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,63 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Maniküre",
|
||||
name: "Russische Maniküre",
|
||||
price: "ab 35€",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262929.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Nägel",
|
||||
name: "Gel-Beschichtung",
|
||||
price: "ab 45€",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Wimpern",
|
||||
name: "Classic Set",
|
||||
price: "ab 60€",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-testing-lipstick-product_23-2148398614.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Wimpern",
|
||||
name: "Volumen-Look",
|
||||
price: "ab 85€",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Pflege",
|
||||
name: "Pediküre mit Massage",
|
||||
price: "ab 40€",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottles-woman-s-dressing-table_53876-94360.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Design",
|
||||
name: "French-Finish",
|
||||
price: "ab 10€",
|
||||
rating: 5,
|
||||
reviewCount: "70+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-caucasian-young-woman-is-sitting-table-with-moisturizing-cosmetic-skin-care-product-brunette-green-shirt-looks-into-camera-while-room-natural-cosmetics-concept_197531-32260.jpg",
|
||||
},
|
||||
{ id: "s1", brand: "Design", name: "Branding & CI", price: "ab 500€", rating: 5, reviewCount: "15+", imageSrc: "https://images.unsplash.com/photo-1626785774573-4b799315347d?q=80&w=800" },
|
||||
{ id: "s2", brand: "Digital", name: "Webdesign", price: "ab 800€", rating: 5, reviewCount: "20+", imageSrc: "https://images.unsplash.com/photo-1547658719-da2b51169165?q=80&w=800" },
|
||||
{ id: "s3", brand: "Print", name: "Printmedien", price: "ab 300€", rating: 5, reviewCount: "10+", imageSrc: "https://images.unsplash.com/photo-1586717791821-3f44a563daae?q=80&w=800" }
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Vom eleganten Nageldesign bis zur professionellen Wimpernverlängerung – individuell abgestimmt auf deine Wünsche."
|
||||
title="Leistungsspektrum"
|
||||
description="Ich unterstütze dich von der Konzeption bis zur finalen Umsetzung deiner kreativen Projekte."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -195,53 +94,21 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "loyalty",
|
||||
badge: "Treue",
|
||||
price: "50% Rabatt",
|
||||
subtitle: "Nach dem 5. Besuch",
|
||||
buttons: [
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Kein Code",
|
||||
"Automatische Zählung",
|
||||
"50% auf 6. Termin",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
badge: "Gratis",
|
||||
price: "11. Besuch",
|
||||
subtitle: "Vollständig gratis",
|
||||
buttons: [
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Treue belohnt",
|
||||
"Kein Antrag nötig",
|
||||
"Nach 10 Besuchen",
|
||||
],
|
||||
},
|
||||
{ id: "starter", badge: "Start", price: "Ab 500€", subtitle: "Kleine Projekte", buttons: [{ text: "Starten", href: "#contact" }], features: ["Individuelle Analyse", "3 Designvorschläge", "Quelldaten inklusive"] },
|
||||
{ id: "pro", badge: "Premium", price: "Ab 1500€", subtitle: "Vollumfängliche Markenarbeit", buttons: [{ text: "Starten", href: "#contact" }], features: ["Umfassendes Branding", "Social Media Assets", "Priority Support"] }
|
||||
]}
|
||||
title="Treue zahlt sich aus"
|
||||
description="Unsere Treueprogramme für zufriedene Kundinnen."
|
||||
title="Investition in deine Marke"
|
||||
description="Transparente Pakete für deinen kreativen Erfolg."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Über Crocus Beauty"
|
||||
description="Crocus Beauty steht für Präzision, Hygiene und ästhetische Ergebnisse. Als Expertin für russische Maniküre und Wimpernverlängerungen lege ich Wert auf Qualität, die nicht nur kurzzeitig glänzt, sondern Wochen hält."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg"
|
||||
imageAlt="Inhaberin Crocus Beauty"
|
||||
title="Wer steckt hinter dem Studio?"
|
||||
description="Ich bin ein kreativer Kopf mit Leidenschaft für Ästhetik und Funktion. Nach Jahren der Erfahrung im Designbereich habe ich mein eigenes Studio gegründet, um Menschen wie dir zu helfen, sich authentisch zu präsentieren."
|
||||
imageSrc="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=1200"
|
||||
imageAlt="Über mich"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -251,44 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sophie Krämer",
|
||||
handle: "@sophie",
|
||||
testimonial: "Sehr saubere und präzise Arbeit. Meine Nägel sehen natürlich aus und halten wirklich lange.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-holding-hands_23-2148238253.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marlene Vogt",
|
||||
handle: "@marlene",
|
||||
testimonial: "Die Pediküre war angenehm und hygienisch. Besonders die Fußmassage war ein echtes Highlight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-by-yellow-wall_1303-22991.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Leonie H.",
|
||||
handle: "@leonie",
|
||||
testimonial: "Sehr schönes Ergebnis – nicht zu künstlich, genau wie ich es wollte.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-is-sitting-high-chair-professional-make-up-procedure_231208-3562.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anna S.",
|
||||
handle: "@anna",
|
||||
testimonial: "Habe mich vom ersten Moment an wohlgefühlt. Top Studio!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-talking-cafe_23-2147785301.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia P.",
|
||||
handle: "@julia",
|
||||
testimonial: "Immer wieder gerne, die Wimpern sind perfekt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101183.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah M.", handle: "@sarah", testimonial: "Die Arbeit mit diesem Studio war eine absolute Bereicherung. Sehr professionell und kreativ!", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=400" },
|
||||
{ id: "t2", name: "Markus W.", handle: "@markus", testimonial: "Endlich ein Design, das perfekt zu meiner Marke passt.", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=400" }
|
||||
]}
|
||||
title="Was unsere Kundinnen sagen"
|
||||
description="Über 500 zufriedene Kundinnen vertrauen auf unsere Technik."
|
||||
title="Stimmen meiner Partner"
|
||||
description="Kunden, die auf Qualität und Kreativität setzen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -297,26 +131,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wie lange halten die Nägel?",
|
||||
content: "Die Ergebnisse halten bei guter Pflege etwa 3–4 Wochen.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wie hygienisch sind die Instrumente?",
|
||||
content: "Wir nutzen ausschließlich Heißluftsterilisation bei 180°C nach jedem Kunden.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bieten Sie auch Gutscheine an?",
|
||||
content: "Ja, Gutscheine ab 30€ sind online oder im Studio erhältlich.",
|
||||
},
|
||||
{ id: "f1", title: "Wie läuft der Prozess ab?", content: "Wir beginnen mit einem kostenlosen Erstgespräch, danach folgt die Konzeption und Umsetzung." },
|
||||
{ id: "f2", title: "Wie lange dauert ein Projekt?", content: "Je nach Umfang planen wir etwa 2 bis 6 Wochen ein." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-friend-surprising-woman_23-2149315322.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&w=1000"
|
||||
mediaAnimation="slide-up"
|
||||
title="Häufige Fragen"
|
||||
description="Alles Wichtige für deinen Studiobesuch."
|
||||
title="Fragen & Antworten"
|
||||
description="Hier findest du alle wichtigen Informationen vorab."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -324,37 +145,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Bereit für strahlende Nägel? Buche jetzt deinen Termin bei Crocus Beauty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin online buchen",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Kontakt",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Lass uns gemeinsam Großes erschaffen. Kontaktiere mich für eine unverbindliche Anfrage."
|
||||
buttons={[{ text: "E-Mail schreiben", href: "mailto:hallo@studio.de" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Crocus Beauty Studio"
|
||||
leftLink={{
|
||||
text: "Impressum",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Datenschutz",
|
||||
href: "#",
|
||||
}}
|
||||
logoText="Creative Studio"
|
||||
leftLink={{ text: "Impressum", href: "#" }}
|
||||
rightLink={{ text: "Datenschutz", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user