Merge version_1 into main #2
290
src/app/page.tsx
290
src/app/page.tsx
@@ -26,215 +26,99 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="minimal med"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="minimal med"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Minimal med – Ästhetische Medizin in München"
|
||||
description="Erleben Sie ästhetische Medizin auf höchstem Niveau – individuell, präzise und mit Fokus auf natürliche Ergebnisse."
|
||||
tag="Moderne Schönheitsbehandlungen"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=1",
|
||||
imageAlt: "Praxis Minimal Med",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-gloves-mask-holding-syringe-his-hand-side-view_176474-1843.jpg?_wi=1",
|
||||
imageAlt: "Behandlung",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=2",
|
||||
imageAlt: "Moderne Räume",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-gloves-mask-holding-syringe-his-hand-side-view_176474-1843.jpg?_wi=2",
|
||||
imageAlt: "Professionelle Beratung",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=3",
|
||||
imageAlt: "Minimalistisches Design",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top bewertete Praxis"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Minimal med – Ästhetische Medizin in München"
|
||||
description="Erleben Sie ästhetische Medizin auf höchstem Niveau – individuell, präzise und mit Fokus auf natürliche Ergebnisse."
|
||||
tag="Moderne Schönheitsbehandlungen"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg", imageAlt: "Praxis Minimal Med" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-gloves-mask-holding-syringe-his-hand-side-view_176474-1843.jpg", imageAlt: "Behandlung" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top bewertete Praxis"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Willkommen bei minimal med – Ihrer Adresse für moderne Ästhetik"
|
||||
tag="Expertise"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Willkommen bei minimal med – Ihrer Adresse für moderne Ästhetik"
|
||||
tag="Expertise"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Botox",
|
||||
title: "Faltenbehandlung",
|
||||
subtitle: "Sicher & natürlich",
|
||||
description: "Gezielte Entspannung der mimischen Muskulatur für ein frisches Aussehen.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l2h6jd",
|
||||
imageAlt: "Botox Behandlung",
|
||||
},
|
||||
{
|
||||
tag: "Filler",
|
||||
title: "Hyaluronbehandlung",
|
||||
subtitle: "Volumenaufbau",
|
||||
description: "Sanfte Modellierung Ihrer Gesichtszüge mit hochwertigen Hyaluronpräparaten.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-concept_23-2150039746.jpg",
|
||||
imageAlt: "Hyaluron Behandlung",
|
||||
},
|
||||
{
|
||||
tag: "Therapie",
|
||||
title: "Spezialisierte Therapien",
|
||||
subtitle: "Ganzheitlich",
|
||||
description: "Lipolyse und individuelle Infusionen für Ihr persönliches Wohlbefinden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-background_93675-129984.jpg",
|
||||
imageAlt: "Spezialtherapien",
|
||||
},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Präzise Behandlungen für ein harmonisches und natürliches Aussehen."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Botox", title: "Faltenbehandlung", subtitle: "Sicher & natürlich", description: "Gezielte Entspannung der mimischen Muskulatur für ein frisches Aussehen.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l2h6jd", imageAlt: "Botox Behandlung" },
|
||||
{ tag: "Filler", title: "Hyaluronbehandlung", subtitle: "Volumenaufbau", description: "Sanfte Modellierung Ihrer Gesichtszüge mit hochwertigen Hyaluronpräparaten.", imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-concept_23-2150039746.jpg", imageAlt: "Hyaluron Behandlung" },
|
||||
{ tag: "Therapie", title: "Spezialisierte Therapien", subtitle: "Ganzheitlich", description: "Lipolyse und individuelle Infusionen für Ihr persönliches Wohlbefinden.", imageSrc: "http://img.b2bpic.net/free-photo/medical-background_93675-129984.jpg", imageAlt: "Spezialtherapien" }
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Präzise Behandlungen für ein harmonisches und natürliches Aussehen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-lingerie-bed_1301-2324.jpg",
|
||||
imageAlt: "Patientin",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julia P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-holding-patient-s-hands_23-2149389040.jpg",
|
||||
imageAlt: "Patientin",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Markus K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184348.jpg",
|
||||
imageAlt: "Patient",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-getting-stronger-together_23-2149125929.jpg",
|
||||
imageAlt: "Patientin",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie H.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg",
|
||||
imageAlt: "Patientin",
|
||||
},
|
||||
]}
|
||||
cardTitle="Was unsere Patienten sagen"
|
||||
cardAnimation="slide-up"
|
||||
cardTag="Erfahrungsberichte"
|
||||
cardTagIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-lingerie-bed_1301-2324.jpg", imageAlt: "Patientin" },
|
||||
{ id: "2", name: "Julia P.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-holding-patient-s-hands_23-2149389040.jpg", imageAlt: "Patientin" },
|
||||
{ id: "3", name: "Markus K.", imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184348.jpg", imageAlt: "Patient" },
|
||||
{ id: "4", name: "Elena W.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-getting-stronger-together_23-2149125929.jpg", imageAlt: "Patientin" },
|
||||
{ id: "5", name: "Sophie H.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg", imageAlt: "Patientin" }
|
||||
]}
|
||||
cardTitle="Was unsere Patienten sagen"
|
||||
cardAnimation="slide-up"
|
||||
cardTag="Erfahrungsberichte"
|
||||
cardTagIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ihr Termin bei uns"
|
||||
description="Fühlen Sie sich vom ersten Moment an gut aufgehoben – wir beraten Sie gerne."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-Mail",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht oder Anliegen...",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ihr Termin bei uns"
|
||||
description="Fühlen Sie sich vom ersten Moment an gut aufgehoben – wir beraten Sie gerne."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Ihre Nachricht oder Anliegen...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="minimal med"
|
||||
columns={[
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
{
|
||||
label: "Botox",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Filler",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 minimal med"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="minimal med"
|
||||
columns={[
|
||||
{ title: "Service", items: [{ label: "Botox", href: "#" }, { label: "Filler", href: "#" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 minimal med"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user