Merge version_1_1781411270228 into main #2
@@ -6,270 +6,163 @@ import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TeamListCards from '@/components/sections/team/TeamListCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import { Award, CheckCircle, Shield, Users, Zap } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor-work_23-2149726937.jpg",
|
||||
"http://img.b2bpic.net/free-photo/female-doctor-smiling-blue-uniform-looking-blissful-space-text_176474-19562.jpg",
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67127.jpg",
|
||||
"http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg",
|
||||
]}
|
||||
avatarText="Trusted by 5000+ patients"
|
||||
title="Excellence in Digital Implant Dentistry"
|
||||
description="Providing world-class care in the heart of London. Expert implant, aesthetic, and restorative services using cutting-edge digital planning."
|
||||
primaryButton={{
|
||||
text: "Book a Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
}}
|
||||
names={[
|
||||
"Prof. Dr. Christian Mehl",
|
||||
"Dr. Sarah Jensen",
|
||||
"Dr. Mark Thorne",
|
||||
"Dr. Elena Rossi",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor-work_23-2149726937.jpg", "http://img.b2bpic.net/free-photo/female-doctor-smiling-blue-uniform-looking-blissful-space-text_176474-19562.jpg", "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67127.jpg", "http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg"]}
|
||||
avatarText="Trusted by 5000+ patients"
|
||||
title="Excellence in Digital Implant Dentistry"
|
||||
description="Providing world-class care in the heart of London. Expert implant, aesthetic, and restorative services using cutting-edge digital planning."
|
||||
primaryButton={{ text: "Book a Consultation", href: "#contact" }}
|
||||
secondaryButton={{ text: "Our Services", href: "#features" }}
|
||||
names={["Prof. Dr. Christian Mehl", "Dr. Sarah Jensen", "Dr. Mark Thorne", "Dr. Elena Rossi"]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="About Us"
|
||||
title="A Legacy of Innovation and Care"
|
||||
description="Prof Dr Christian Mehl brings over 18 years of academic and clinical excellence. We focus on computer-guided implant placement, combining digital precision with immediate restoration for seamless, controlled treatment outcomes."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surgery-medical-team-operating-surgery-room-hospital-surgeon-leading-operation-profession-professionalism-occupation-teamwork-medical-people-doctors-concept_657921-1121.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="About Us"
|
||||
title="A Legacy of Innovation and Care"
|
||||
description="Prof Dr Christian Mehl brings over 18 years of academic and clinical excellence. We focus on computer-guided implant placement, combining digital precision with immediate restoration for seamless, controlled treatment outcomes."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surgery-medical-team-operating-surgery-room-hospital-surgeon-leading-operation-profession-professionalism-occupation-teamwork-medical-people-doctors-concept_657921-1121.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Our Expertise"
|
||||
title="Advanced Digital Dentistry Services"
|
||||
description="We leverage state-of-the-art technology to ensure precision, comfort, and long-term oral health."
|
||||
features={[
|
||||
{
|
||||
title: "Computer-Guided Surgery",
|
||||
description: "Precision planning and execution of complex implant cases.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Accuracy",
|
||||
value: "99.9%",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Safety",
|
||||
value: "Highest",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Standard",
|
||||
value: "Global",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg",
|
||||
imageAlt: "Concept interior of new modern dental clinic office. Dental equipment.",
|
||||
},
|
||||
{
|
||||
title: "Immediate Implants",
|
||||
description: "Completed in a single, controlled procedure.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "The Process",
|
||||
subheading: "Fast and Effective",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "Digital Planning",
|
||||
detail: "Customized 3D mapping",
|
||||
},
|
||||
{
|
||||
label: "Guided Surgery",
|
||||
detail: "Less invasive procedure",
|
||||
},
|
||||
{
|
||||
label: "Immediate Restoration",
|
||||
detail: "Walk out with confidence",
|
||||
},
|
||||
],
|
||||
completedLabel: "Done",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg?_wi=2",
|
||||
imageAlt: "Concept interior of new modern dental clinic office. Dental equipment.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Expertise"
|
||||
title="Advanced Digital Dentistry Services"
|
||||
description="We leverage state-of-the-art technology to ensure precision, comfort, and long-term oral health."
|
||||
features={[
|
||||
{
|
||||
title: "Computer-Guided Surgery", description: "Precision planning and execution of complex implant cases.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Zap", label: "Accuracy", value: "99.9%" },
|
||||
{ icon: "Shield", label: "Safety", value: "Highest" },
|
||||
{ icon: "Award", label: "Standard", value: "Global" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Immediate Implants", description: "Completed in a single, controlled procedure.", bentoComponent: "checklist-timeline", heading: "The Process", subheading: "Fast and Effective", checklistItems: [
|
||||
{ label: "Digital Planning", detail: "Customized 3D mapping" },
|
||||
{ label: "Guided Surgery", detail: "Less invasive procedure" },
|
||||
{ label: "Immediate Restoration", detail: "Walk out with confidence" },
|
||||
],
|
||||
completedLabel: "Done"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Clinical Excellence in Numbers"
|
||||
description="Years of expertise and high patient satisfaction define our practice."
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
title: "Years of Academic Link",
|
||||
value: "18+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Patients Served",
|
||||
value: "5k+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Implants Placed",
|
||||
value: "10k+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Clinical Excellence in Numbers"
|
||||
description="Years of expertise and high patient satisfaction define our practice."
|
||||
metrics={[
|
||||
{ icon: "Award", title: "Years of Academic Link", value: "18+" },
|
||||
{ icon: "Users", title: "Patients Served", value: "5k+" },
|
||||
{ icon: "CheckCircle", title: "Implants Placed", value: "10k+" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamListCards
|
||||
tag="Meet our Experts"
|
||||
title="World-Class Dental Team"
|
||||
description="Our team consists of leading specialists dedicated to providing exceptional patient care."
|
||||
groups={[
|
||||
{
|
||||
title: "Consultants",
|
||||
members: [
|
||||
{
|
||||
name: "Prof. Dr. Christian Mehl",
|
||||
role: "Chief Implantologist",
|
||||
detail: "Expert in guided digital implant dentistry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-with-uniform-using-laptop-cabinet-working-checkup-appointments-desk-health-specialist-with-stethoscope-helping-with-prescription-medicine-treatment_482257-39448.jpg",
|
||||
},
|
||||
{
|
||||
name: "Dr. Sarah Jensen",
|
||||
role: "Aesthetic Specialist",
|
||||
detail: "Transforming smiles with personalized care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780322.jpg",
|
||||
},
|
||||
{
|
||||
name: "Dr. Mark Thorne",
|
||||
role: "Restorative Expert",
|
||||
detail: "Dedicated to long-term oral health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-using-digital-tablet_107420-74079.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg?_wi=3",
|
||||
imageAlt: "dentist portrait male professional",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Meet our Experts"
|
||||
title="World-Class Dental Team"
|
||||
description="Our team consists of leading specialists dedicated to providing exceptional patient care."
|
||||
groups={[
|
||||
{
|
||||
title: "Consultants", members: [
|
||||
{
|
||||
name: "Prof. Dr. Christian Mehl", role: "Chief Implantologist", detail: "Expert in guided digital implant dentistry.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-with-uniform-using-laptop-cabinet-working-checkup-appointments-desk-health-specialist-with-stethoscope-helping-with-prescription-medicine-treatment_482257-39448.jpg"},
|
||||
{
|
||||
name: "Dr. Sarah Jensen", role: "Aesthetic Specialist", detail: "Transforming smiles with personalized care.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780322.jpg"},
|
||||
{
|
||||
name: "Dr. Mark Thorne", role: "Restorative Expert", detail: "Dedicated to long-term oral health.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-using-digital-tablet_107420-74079.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Patient Stories"
|
||||
title="Why Patients Trust Us"
|
||||
description="Our patients value our precision, care, and the life-changing results of our procedures."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Patient",
|
||||
quote: "The entire experience was seamless and highly professional. My implants feel natural and perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168436.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael T.",
|
||||
role: "Patient",
|
||||
quote: "Prof. Dr. Mehl is an expert of the highest caliber. I am very satisfied with my results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-teeth-clinic_107420-65383.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
role: "Patient",
|
||||
quote: "Professional, clean, and incredibly efficient. The best dental clinic in London.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-sitting-beside-patient-dental-office_651396-3411.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
role: "Patient",
|
||||
quote: "I've never felt more comfortable in a dental chair. Truly world-class services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica R.",
|
||||
role: "Patient",
|
||||
quote: "Excellence in every step. Would highly recommend their services to everyone.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-standing-with-arms-crossed-clinic_107420-65527.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Patient Stories"
|
||||
title="Why Patients Trust Us"
|
||||
description="Our patients value our precision, care, and the life-changing results of our procedures."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", role: "Patient", quote: "The entire experience was seamless and highly professional. My implants feel natural and perfect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168436.jpg"},
|
||||
{
|
||||
name: "Michael T.", role: "Patient", quote: "Prof. Dr. Mehl is an expert of the highest caliber. I am very satisfied with my results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-teeth-clinic_107420-65383.jpg"},
|
||||
{
|
||||
name: "Elena P.", role: "Patient", quote: "Professional, clean, and incredibly efficient. The best dental clinic in London.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-sitting-beside-patient-dental-office_651396-3411.jpg"},
|
||||
{
|
||||
name: "David W.", role: "Patient", quote: "I've never felt more comfortable in a dental chair. Truly world-class services.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg"},
|
||||
{
|
||||
name: "Jessica R.", role: "Patient", quote: "Excellence in every step. Would highly recommend their services to everyone.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-standing-with-arms-crossed-clinic_107420-65527.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Common Questions"
|
||||
title="Everything You Need to Know"
|
||||
description="We want to make your journey to a healthy smile as transparent as possible."
|
||||
categories={[
|
||||
{
|
||||
name: "Implant Treatment",
|
||||
items: [
|
||||
{
|
||||
question: "What is digital implant placement?",
|
||||
answer: "It uses 3D planning to ensure precise and fast treatment.",
|
||||
},
|
||||
{
|
||||
question: "Is the surgery invasive?",
|
||||
answer: "Guided surgery is minimally invasive compared to traditional methods.",
|
||||
},
|
||||
{
|
||||
question: "How long does it take?",
|
||||
answer: "Immediate placement allows most treatments in a single appointment.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Common Questions"
|
||||
title="Everything You Need to Know"
|
||||
description="We want to make your journey to a healthy smile as transparent as possible."
|
||||
categories={[
|
||||
{
|
||||
name: "Implant Treatment", items: [
|
||||
{
|
||||
question: "What is digital implant placement?", answer: "It uses 3D planning to ensure precise and fast treatment."},
|
||||
{
|
||||
question: "Is the surgery invasive?", answer: "Guided surgery is minimally invasive compared to traditional methods."},
|
||||
{
|
||||
question: "How long does it take?", answer: "Immediate placement allows most treatments in a single appointment."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact Us"
|
||||
text="Ready to transform your smile? Schedule your consultation today at our Wimpole Street location."
|
||||
primaryButton={{
|
||||
text: "Book an Appointment",
|
||||
href: "tel:+442037699697",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Location",
|
||||
href: "https://maps.google.com",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contact Us"
|
||||
text="Ready to transform your smile? Schedule your consultation today at our Wimpole Street location."
|
||||
primaryButton={{
|
||||
text: "Book an Appointment", href: "tel:+442037699697"}}
|
||||
secondaryButton={{
|
||||
text: "View Location", href: "https://maps.google.com"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user