Update src/app/page.tsx
This commit is contained in:
183
src/app/page.tsx
183
src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Activity, Scan, Shield, Heart } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,89 +32,56 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "services",
|
||||
},
|
||||
name: "Leistungen", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="MedPraxis"
|
||||
button={{
|
||||
text: "Termin buchen",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Termin buchen", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ihre Gesundheit in besten Händen"
|
||||
description="Erfahrene medizinische Betreuung in einer modernen und beruhigenden Umgebung. Wir sind für Sie da."
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin vereinbaren",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Termin vereinbaren", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-shot-empty-modern-clean-medical-room-hospital-interior-computer-desk-with-examining-appointment-data-list-clinical-office-equipment-doctor-medical-space_482257-64608.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/computer-with-covid19-illustration-screen-standing-desk-empty-office-room-global-pandemic-modern-hospital-room-equipped-with-professional-medical-instruments-virus-cell-image_482257-38407.jpg",
|
||||
alt: "Doctor 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/computer-with-covid19-illustration-screen-standing-desk-empty-office-room-global-pandemic-modern-hospital-room-equipped-with-professional-medical-instruments-virus-cell-image_482257-38407.jpg", alt: "Doctor 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nobody-empty-waiting-room-lobby-with-desktop-reception-helping-patients-with-medical-insurance-attend-checkup-visit-appointment-waiting-area-with-counter-hospital_482257-47691.jpg",
|
||||
alt: "Doctor 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/nobody-empty-waiting-room-lobby-with-desktop-reception-helping-patients-with-medical-insurance-attend-checkup-visit-appointment-waiting-area-with-counter-hospital_482257-47691.jpg", alt: "Doctor 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-reception-desk-appointments-medical-facility-waiting-area-with-chairs-sit-rows-before-attending-checkup-consultation-healthcare-clinical-space-emergency-center_482257-46930.jpg",
|
||||
alt: "Doctor 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-reception-desk-appointments-medical-facility-waiting-area-with-chairs-sit-rows-before-attending-checkup-consultation-healthcare-clinical-space-emergency-center_482257-46930.jpg", alt: "Doctor 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-with-brain-body-imaging_482257-110144.jpg",
|
||||
alt: "Staff 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-with-brain-body-imaging_482257-110144.jpg", alt: "Staff 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor-work_23-2149726937.jpg",
|
||||
alt: "Staff 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor-work_23-2149726937.jpg", alt: "Staff 2"},
|
||||
]}
|
||||
avatarText="Vertrauen von über 5.000 Patienten"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Allgemeinmedizin",
|
||||
},
|
||||
type: "text", text: "Allgemeinmedizin"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vorsorge & Check-up",
|
||||
},
|
||||
type: "text", text: "Vorsorge & Check-up"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Moderne Diagnostik",
|
||||
},
|
||||
type: "text", text: "Moderne Diagnostik"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Patientenzentrierte Therapie",
|
||||
},
|
||||
type: "text", text: "Patientenzentrierte Therapie"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Schnelle Terminvergabe",
|
||||
},
|
||||
type: "text", text: "Schnelle Terminvergabe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,9 +92,7 @@ export default function LandingPage() {
|
||||
title="Über unsere Praxis"
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#",
|
||||
},
|
||||
text: "Mehr erfahren", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,28 +103,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Allgemeinmedizin",
|
||||
description: "Vorsorge und Behandlung akuter Beschwerden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-doctors-treatment-center-reviewing-brain-scan-results_482257-123222.jpg",
|
||||
buttonIcon: "Activity",
|
||||
title: "Allgemeinmedizin", description: "Vorsorge und Behandlung akuter Beschwerden.", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-doctors-treatment-center-reviewing-brain-scan-results_482257-123222.jpg", buttonIcon: Activity,
|
||||
},
|
||||
{
|
||||
title: "Diagnostik",
|
||||
description: "Moderne Untersuchungsverfahren für präzise Ergebnisse.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-medic-measuring-insulin-level-glucose-using-glucometer-taking-blood-sample-examination-with-asian-patient-with-diabetes-specialist-doing-medical-test-hospital-reception_482257-61692.jpg",
|
||||
buttonIcon: "Scan",
|
||||
title: "Diagnostik", description: "Moderne Untersuchungsverfahren für präzise Ergebnisse.", imageSrc: "http://img.b2bpic.net/free-photo/senior-medic-measuring-insulin-level-glucose-using-glucometer-taking-blood-sample-examination-with-asian-patient-with-diabetes-specialist-doing-medical-test-hospital-reception_482257-61692.jpg", buttonIcon: Scan,
|
||||
},
|
||||
{
|
||||
title: "Vorsorgeuntersuchungen",
|
||||
description: "Regelmäßige Checks zur langfristigen Gesundheitserhaltung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-treatment-room_181624-30807.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Vorsorgeuntersuchungen", description: "Regelmäßige Checks zur langfristigen Gesundheitserhaltung.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-treatment-room_181624-30807.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Beratungsgespräche",
|
||||
description: "Individuelle Therapieplanung für Ihr Wohlbefinden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pediatrician-nurse-with-protective-face-mask-against-covid19-holding-tablet-computer-with-bones-radiography-screen-african-american-doctor-explaining-medical-expertise-hospital-office_482257-30351.jpg",
|
||||
buttonIcon: "Heart",
|
||||
title: "Beratungsgespräche", description: "Individuelle Therapieplanung für Ihr Wohlbefinden.", imageSrc: "http://img.b2bpic.net/free-photo/pediatrician-nurse-with-protective-face-mask-against-covid19-holding-tablet-computer-with-bones-radiography-screen-african-american-doctor-explaining-medical-expertise-hospital-office_482257-30351.jpg", buttonIcon: Heart,
|
||||
},
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
@@ -172,20 +126,11 @@ export default function LandingPage() {
|
||||
title="Unser Ärzteteam"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. med. Sarah Klein",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-nurse-with-stethoscope_23-2149308271.jpg",
|
||||
},
|
||||
id: "1", name: "Dr. med. Sarah Klein", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-nurse-with-stethoscope_23-2149308271.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. med. Thomas Weber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-clinic_23-2151997606.jpg",
|
||||
},
|
||||
id: "2", name: "Dr. med. Thomas Weber", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-clinic_23-2151997606.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dr. med. Julia Schmidt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-doctor-wearing-medical-robe-stethoscope-sitting-desk-with-work-tools-putting-hands-desk-isolated-pink-wall_141793-97604.jpg",
|
||||
},
|
||||
id: "3", name: "Dr. med. Julia Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-doctor-wearing-medical-robe-stethoscope-sitting-desk-with-work-tools-putting-hands-desk-isolated-pink-wall_141793-97604.jpg"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="blur-reveal"
|
||||
@@ -198,30 +143,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-preparing-consult_23-2149309927.jpg",
|
||||
},
|
||||
id: "1", name: "Anna M.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-preparing-consult_23-2149309927.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-consulting-doctor_1170-2122.jpg",
|
||||
},
|
||||
id: "2", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/patient-consulting-doctor_1170-2122.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carla F.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-talking-with-her-patient_1139-318.jpg",
|
||||
},
|
||||
id: "3", name: "Carla F.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-talking-with-her-patient_1139-318.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hans W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-taking-notes-about-patient_23-2148757365.jpg",
|
||||
},
|
||||
id: "4", name: "Hans W.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-taking-notes-about-patient_23-2148757365.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-experts-having-health-seminar-hospital-conference-room-discussing-about-symptoms-patients-clinic-therapist-talking-with-colleagues-about-disease-treatment-development_482257-3658.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa K.", imageSrc: "http://img.b2bpic.net/free-photo/medical-experts-having-health-seminar-hospital-conference-room-discussing-about-symptoms-patients-clinic-therapist-talking-with-colleagues-about-disease-treatment-development_482257-3658.jpg"},
|
||||
]}
|
||||
cardTitle="Patientenstimmen"
|
||||
cardAnimation="blur-reveal"
|
||||
@@ -235,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wie vereinbare ich einen Termin?",
|
||||
content: "Sie können uns telefonisch oder online über das Formular erreichen.",
|
||||
},
|
||||
id: "1", title: "Wie vereinbare ich einen Termin?", content: "Sie können uns telefonisch oder online über das Formular erreichen."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Gibt es Parkplätze?",
|
||||
content: "Ja, direkt hinter dem Praxisgebäude stehen Patientenparkplätze bereit.",
|
||||
},
|
||||
id: "2", title: "Gibt es Parkplätze?", content: "Ja, direkt hinter dem Praxisgebäude stehen Patientenparkplätze bereit."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Werden neue Patienten aufgenommen?",
|
||||
content: "Wir freuen uns über neue Patienten in unserer Praxis.",
|
||||
},
|
||||
id: "3", title: "Werden neue Patienten aufgenommen?", content: "Wir freuen uns über neue Patienten in unserer Praxis."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles Wichtige für Ihren Besuch."
|
||||
@@ -263,22 +184,14 @@ export default function LandingPage() {
|
||||
description="Wir freuen uns auf Ihre Nachricht."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Ihr Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ihre E-Mail",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Ihre E-Mail", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Wie können wir Ihnen helfen?",
|
||||
required: true,
|
||||
name: "message", placeholder: "Wie können wir Ihnen helfen?", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-hospital-reception-diverse-group-people-waiting-doctor-appointment-while-talking-about-medical-problems-professional-nurse-checking-appointment-mother-child_482257-45912.jpg"
|
||||
/>
|
||||
@@ -289,29 +202,19 @@ export default function LandingPage() {
|
||||
logoText="MedPraxis"
|
||||
columns={[
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
{
|
||||
label: "Termin",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Termin", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user