Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 08262df14d | |||
| 1dfc295830 | |||
| 125c513d4c |
287
src/app/page.tsx
287
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Startseite",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Startseite", id: "hero"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "leistungen",
|
||||
},
|
||||
name: "Leistungen", id: "leistungen"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "ueber-uns",
|
||||
},
|
||||
name: "Über uns", id: "ueber-uns"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "kontakt",
|
||||
},
|
||||
name: "Kontakt", id: "kontakt"},
|
||||
]}
|
||||
brandName="Zahnarztpraxis Praxisname"
|
||||
/>
|
||||
@@ -56,74 +48,37 @@ export default function LandingPage() {
|
||||
description="Einfühlsame Behandlung, moderne Technik, 4.8★ Bewertungen für Ihr Lächeln."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@patient",
|
||||
testimonial: "Endlich keine Angst mehr. Super einfühlsam.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1652.jpg?_wi=1",
|
||||
imageAlt: "smiling dentist professional office",
|
||||
},
|
||||
name: "Sarah M.", handle: "@patient", testimonial: "Endlich keine Angst mehr. Super einfühlsam.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1652.jpg?_wi=1", imageAlt: "smiling dentist professional office"},
|
||||
{
|
||||
name: "Markus K.",
|
||||
handle: "@patient",
|
||||
testimonial: "Hervorragende moderne Praxis.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=1",
|
||||
imageAlt: "calm patient dental chair",
|
||||
},
|
||||
name: "Markus K.", handle: "@patient", testimonial: "Hervorragende moderne Praxis.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=1", imageAlt: "calm patient dental chair"},
|
||||
{
|
||||
name: "Julia P.",
|
||||
handle: "@patient",
|
||||
testimonial: "Sehr beruhigendes Team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg?_wi=1",
|
||||
imageAlt: "happy dental patient portrait",
|
||||
},
|
||||
name: "Julia P.", handle: "@patient", testimonial: "Sehr beruhigendes Team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg?_wi=1", imageAlt: "happy dental patient portrait"},
|
||||
{
|
||||
name: "Thomas L.",
|
||||
handle: "@patient",
|
||||
testimonial: "Kompetent und stressfrei.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg?_wi=1",
|
||||
imageAlt: "happy dental patient portrait",
|
||||
},
|
||||
name: "Thomas L.", handle: "@patient", testimonial: "Kompetent und stressfrei.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg?_wi=1", imageAlt: "happy dental patient portrait"},
|
||||
{
|
||||
name: "Anna S.",
|
||||
handle: "@patient",
|
||||
testimonial: "Tolle Erfahrung.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=2",
|
||||
imageAlt: "happy dental patient portrait",
|
||||
},
|
||||
name: "Anna S.", handle: "@patient", testimonial: "Tolle Erfahrung.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=2", imageAlt: "happy dental patient portrait"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Termin vereinbaren",
|
||||
href: "#kontakt",
|
||||
},
|
||||
text: "Jetzt Termin vereinbaren", href: "#kontakt"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1652.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg", alt: "Patient 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg", alt: "Patient 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg", alt: "Patient 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg", alt: "Patient 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133061.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133061.jpg", alt: "Patient 5"},
|
||||
]}
|
||||
avatarText="Mehr als 1000 zufriedene Patienten vertrauen uns."
|
||||
/>
|
||||
@@ -136,29 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Einfühlsam",
|
||||
tags: [
|
||||
"Stressfrei",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=3",
|
||||
},
|
||||
id: "f1", title: "Einfühlsam", tags: [
|
||||
"Stressfrei"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=3"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Erklärend",
|
||||
tags: [
|
||||
"Transparent",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=4",
|
||||
},
|
||||
id: "f2", title: "Erklärend", tags: [
|
||||
"Transparent"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=4"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Stressfrei",
|
||||
tags: [
|
||||
"Ruhig",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=5",
|
||||
},
|
||||
id: "f3", title: "Stressfrei", tags: [
|
||||
"Ruhig"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=5"},
|
||||
]}
|
||||
title="Ihr Vertrauen steht an erster Stelle"
|
||||
description="Wir sind spezialisiert auf Angstpatienten und bieten eine stressfreie Umgebung."
|
||||
@@ -173,59 +116,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Pro",
|
||||
name: "Allgemeine Zahnheilkunde",
|
||||
price: "Beratung",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=6",
|
||||
},
|
||||
id: "p1", brand: "Pro", name: "Allgemeine Zahnheilkunde", price: "Beratung", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=6"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Pro",
|
||||
name: "Wurzelbehandlung",
|
||||
price: "Modern",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=7",
|
||||
},
|
||||
id: "p2", brand: "Pro", name: "Wurzelbehandlung", price: "Modern", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=7"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Pro",
|
||||
name: "Prophylaxe",
|
||||
price: "Vorsorge",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=8",
|
||||
},
|
||||
id: "p3", brand: "Pro", name: "Prophylaxe", price: "Vorsorge", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=8"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Pro",
|
||||
name: "Zahnersatz",
|
||||
price: "Hochwertig",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=9",
|
||||
},
|
||||
id: "p4", brand: "Pro", name: "Zahnersatz", price: "Hochwertig", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=9"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Pro",
|
||||
name: "Ästhetik",
|
||||
price: "Strahlend",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=10",
|
||||
},
|
||||
id: "p5", brand: "Pro", name: "Ästhetik", price: "Strahlend", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=10"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Pro",
|
||||
name: "Kinderzahnarzt",
|
||||
price: "Sanft",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=11",
|
||||
},
|
||||
id: "p6", brand: "Pro", name: "Kinderzahnarzt", price: "Sanft", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=11"},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Professionelle Zahnheilkunde auf höchstem Niveau."
|
||||
@@ -237,8 +144,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Ihr Zahnarzt in der Praxis"
|
||||
description={[
|
||||
"Wir verstehen, dass der Gang zum Zahnarzt Überwindung kosten kann. Unser Ziel ist es, Ihnen ein Lächeln zu schenken – ohne Schmerzen und ohne Angst.",
|
||||
]}
|
||||
"Wir verstehen, dass der Gang zum Zahnarzt Überwindung kosten kann. Unser Ziel ist es, Ihnen ein Lächeln zu schenken – ohne Schmerzen und ohne Angst."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -249,59 +155,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Patient",
|
||||
company: "Hamburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah", role: "Patient", company: "Hamburg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Markus",
|
||||
role: "Patient",
|
||||
company: "Hamburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Markus", role: "Patient", company: "Hamburg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julia",
|
||||
role: "Patient",
|
||||
company: "Hamburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=12",
|
||||
},
|
||||
id: "3", name: "Julia", role: "Patient", company: "Hamburg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=12"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas",
|
||||
role: "Patient",
|
||||
company: "Hamburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
|
||||
},
|
||||
id: "4", name: "Thomas", role: "Patient", company: "Hamburg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna",
|
||||
role: "Patient",
|
||||
company: "Hamburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133061.jpg",
|
||||
},
|
||||
id: "5", name: "Anna", role: "Patient", company: "Hamburg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133061.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Google Bewertung",
|
||||
},
|
||||
value: "4.8", label: "Google Bewertung"},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Glückliche Patienten",
|
||||
},
|
||||
value: "1000+", label: "Glückliche Patienten"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Jahre Erfahrung",
|
||||
},
|
||||
value: "15+", label: "Jahre Erfahrung"},
|
||||
]}
|
||||
title="Was Patienten sagen"
|
||||
description="Erfahrungen unserer zufriedenen Patienten."
|
||||
@@ -309,49 +184,35 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Rufen Sie uns an unter 040 123 456 78 oder besuchen Sie uns in der Hauptstraße 1, 20095 Hamburg."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+494012345678",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Kontakt"
|
||||
title="Vereinbaren Sie Ihren Termin"
|
||||
description="Wir sind bereit, Ihnen zu einem strahlenden Lächeln zu verhelfen. Kontaktieren Sie uns noch heute für ein Beratungsgespräch."
|
||||
buttons={[{ text: "Jetzt anrufen", href: "tel:+494012345678" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterMedia
|
||||
logoText="Zahnarzt Praxisname"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Start",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Start", href: "#hero"},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#leistungen",
|
||||
},
|
||||
label: "Leistungen", href: "#leistungen"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "040 123 456 78",
|
||||
href: "tel:+494012345678",
|
||||
},
|
||||
label: "040 123 456 78", href: "tel:+494012345678"},
|
||||
{
|
||||
label: "Hauptstraße 1, Hamburg",
|
||||
href: "#kontakt",
|
||||
},
|
||||
label: "Hauptstraße 1, Hamburg", href: "#kontakt"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -360,4 +221,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user