Merge version_2 into main #4
262
src/app/page.tsx
262
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -26,143 +26,139 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Startseite", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Dr. Failer"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Startseite", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Dr. Failer"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ihr Lächeln in kompetenten Händen"
|
||||
description="Willkommen in der Praxis von Dr. med. dent. Andrea Failer. Wir bieten Ihnen moderne Zahnmedizin in einer entspannten und freundlichen Atmosphäre im Herzen von München."
|
||||
buttons={[{ text: "Termin vereinbaren", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-male-doctor_171337-1485.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg", alt: "Patient 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg", alt: "Patient 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentist-examining-patient-teeth-dental-office_651396-3413.jpg", alt: "Patient 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentist-talking-with-female-patient-while-working-dental-jaw_23-2147862038.jpg", alt: "Patient 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461554.jpg", alt: "Patient 5" },
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Patienten"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Moderne Zahnheilkunde" },
|
||||
{ type: "text", text: "Angstfreie Behandlung" },
|
||||
{ type: "text", text: "Zentrale Lage München" },
|
||||
{ type: "text", text: "Individuelle Beratung" },
|
||||
{ type: "text", text: "Langjährige Erfahrung" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ihr Lächeln in kompetenten Händen"
|
||||
description="Willkommen in der Praxis von Dr. med. dent. Andrea Failer. Wir bieten Ihnen moderne Zahnmedizin in einer entspannten und freundlichen Atmosphäre im Herzen von München."
|
||||
buttons={[{ text: "Termin vereinbaren", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-male-doctor_171337-1485.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg", alt: "Patient 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg", alt: "Patient 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentist-examining-patient-teeth-dental-office_651396-3413.jpg", alt: "Patient 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentist-talking-with-female-patient-while-working-dental-jaw_23-2147862038.jpg", alt: "Patient 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461554.jpg", alt: "Patient 5" },
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Patienten"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Moderne Zahnheilkunde" },
|
||||
{ type: "text", text: "Angstfreie Behandlung" },
|
||||
{ type: "text", text: "Zentrale Lage München" },
|
||||
{ type: "text", text: "Individuelle Beratung" },
|
||||
{ type: "text", text: "Langjährige Erfahrung" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Kompetenz und Menschlichkeit"
|
||||
description="Frau Dr. Failer und ihr Team setzen auf eine individuelle und angstfreie Behandlung. Wir nehmen uns die Zeit, jeden Schritt verständlich zu erklären, damit Sie sich rundum wohlfühlen."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Jahre Erfahrung" },
|
||||
{ value: "24+", title: "Positive Bewertungen" },
|
||||
{ value: "4.8", title: "Sterne Durchschnitt" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stomatologist-consulting-patient-with-caries-problem-dentistry-office-using-dental-tools-instrument-medic-assistant-preparing-surgery-procedure-with-drill-intrument_482257-37312.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Kompetenz und Menschlichkeit"
|
||||
description="Frau Dr. Failer und ihr Team setzen auf eine individuelle und angstfreie Behandlung. Wir nehmen uns die Zeit, jeden Schritt verständlich zu erklären, damit Sie sich rundum wohlfühlen."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Jahre Erfahrung" },
|
||||
{ value: "24+", title: "Positive Bewertungen" },
|
||||
{ value: "4.8", title: "Sterne Durchschnitt" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stomatologist-consulting-patient-with-caries-problem-dentistry-office-using-dental-tools-instrument-medic-assistant-preparing-surgery-procedure-with-drill-intrument_482257-37312.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Unsere Leistungen"
|
||||
description="Ein umfassendes Spektrum für Ihre Zahngesundheit."
|
||||
features={[
|
||||
{
|
||||
title: "Vorsorge & Prophylaxe", description: "Professionelle Zahnreinigung und regelmäßige Kontrollen für langfristig gesunde Zähne.", icon: Shield,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-hands-holding-dentist-tools-dental-clinic_651396-2604.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-hands-holding-dentist-tools-dental-clinic_651396-2604.jpg?_wi=2" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Ästhetische Zahnheilkunde", description: "Von Aufhellungen bis hin zu hochwertigen Restaurationen – für Ihr schönstes Lächeln.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg?_wi=2" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Kinderzahnheilkunde", description: "Wir begleiten unsere kleinsten Patienten einfühlsam und geduldig in einer kindgerechten Umgebung.", icon: Award,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/child-patient-leaning-dental-chair-clinic_23-2147906075.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/child-patient-leaning-dental-chair-clinic_23-2147906075.jpg?_wi=2" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Unsere Leistungen"
|
||||
description="Ein umfassendes Spektrum für Ihre Zahngesundheit."
|
||||
features={[
|
||||
{
|
||||
title: "Vorsorge & Prophylaxe", description: "Professionelle Zahnreinigung und regelmäßige Kontrollen für langfristig gesunde Zähne.", icon: Shield,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-hands-holding-dentist-tools-dental-clinic_651396-2604.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-hands-holding-dentist-tools-dental-clinic_651396-2604.jpg?_wi=2" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Ästhetische Zahnheilkunde", description: "Von Aufhellungen bis hin zu hochwertigen Restaurationen – für Ihr schönstes Lächeln.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg?_wi=2" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Kinderzahnheilkunde", description: "Wir begleiten unsere kleinsten Patienten einfühlsam und geduldig in einer kindgerechten Umgebung.", icon: Award,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/child-patient-leaning-dental-chair-clinic_23-2147906075.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/child-patient-leaning-dental-chair-clinic_23-2147906075.jpg?_wi=2" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Nesrin Bgc", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg" },
|
||||
{ id: "2", name: "Elena S", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg" },
|
||||
{ id: "3", name: "Mustafa Erciyas", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-patient-teeth-dental-office_651396-3413.jpg" },
|
||||
{ id: "4", name: "Patient 4", imageSrc: "http://img.b2bpic.net/free-photo/dentist-talking-with-female-patient-while-working-dental-jaw_23-2147862038.jpg" },
|
||||
{ id: "5", name: "Patient 5", imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461554.jpg" },
|
||||
]}
|
||||
cardTitle="Was unsere Patienten sagen"
|
||||
cardTag="Erfahrungen"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Nesrin Bgc", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg" },
|
||||
{ id: "2", name: "Elena S", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg" },
|
||||
{ id: "3", name: "Mustafa Erciyas", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-patient-teeth-dental-office_651396-3413.jpg" },
|
||||
{ id: "4", name: "Patient 4", imageSrc: "http://img.b2bpic.net/free-photo/dentist-talking-with-female-patient-while-working-dental-jaw_23-2147862038.jpg" },
|
||||
{ id: "5", name: "Patient 5", imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461554.jpg" },
|
||||
]}
|
||||
cardTitle="Was unsere Patienten sagen"
|
||||
cardTag="Erfahrungen"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Vereinbaren Sie Ihren Termin"
|
||||
description="Rankestraße 9, 80796 München | Telefon: 089 3084343. Wir freuen uns auf Ihren Besuch."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408807.jpg"
|
||||
mediaPosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Kontakt"
|
||||
title="Vereinbaren Sie Ihren Termin"
|
||||
description="Rankestraße 9, 80796 München | Telefon: 089 3084343. Wir freuen uns auf Ihren Besuch."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Dr. Failer"
|
||||
columns={[
|
||||
{
|
||||
title: "Praxis", items: [
|
||||
{ label: "Startseite", href: "#hero" },
|
||||
{ label: "Über uns", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Impressum", href: "#" },
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Dr. med. dent. Andrea Failer"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="Dr. Failer"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408807.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Praxis", items: [
|
||||
{ label: "Startseite", href: "#hero" },
|
||||
{ label: "Über uns", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Impressum", href: "#" },
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Dr. med. dent. Andrea Failer"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--background: #fafffb;
|
||||
--card: #f7fffa;
|
||||
--foreground: #001a0a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #a8d9be;
|
||||
--background-accent: #6bbf8e;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user