bender/01b57db5-aeba-48f3-9de4-e4e1380f1e13
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-15 10:48:43 +00:00
parent 1121a3573d
commit 93f1aa2fd5
1 changed files with 114 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

399
src/pages/HomePage.tsx
View File

@@ -12,305 +12,134 @@ 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">
<HeroSplitMediaGrid
tag="PRIVATE DENTISTRY. PERFECTED."
title="YOUR SMILE REIMAGINED WITH PRECISION"
description="ADVANCED DENTISTRY FOR THOSE WHO EXPECT EXCEPTIONAL CARE AND BEAUTIFUL RESULTS."
primaryButton={{
text: "BOOK APPOINTMENT",
href: "#contact",
}}
secondaryButton={{
text: "EXPLORE SERVICES",
href: "#services",
}}
items={[
{
videoSrc: "http://img.b2bpic.net/free-photo/sexy-hot-redhead-dentist-woman-white-robe-high-heeled-shoes-taking-care-her-patient_613910-13783.jpg?_wi=1",
imageSrc: "http://img.b2bpic.net/free-photo/sexy-hot-redhead-dentist-woman-white-robe-high-heeled-shoes-taking-care-her-patient_613910-13783.jpg?_wi=2",
imageAlt: "luxury dental clinic interior cinematic",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauitful-blonde-woman-with-short-hair-deep-blue-eyes_8353-5483.jpg?_wi=1",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="PRIVATE DENTISTRY. PERFECTED."
title="YOUR SMILE REIMAGINED WITH PRECISION"
description="ADVANCED DENTISTRY FOR THOSE WHO EXPECT EXCEPTIONAL CARE AND BEAUTIFUL RESULTS."
primaryButton={{ text: "BOOK APPOINTMENT", href: "#contact" }}
secondaryButton={{ text: "EXPLORE SERVICES", href: "#services" }}
items={[
{ videoSrc: "http://img.b2bpic.net/free-photo/sexy-hot-redhead-dentist-woman-white-robe-high-heeled-shoes-taking-care-her-patient_613910-13783.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauitful-blonde-woman-with-short-hair-deep-blue-eyes_8353-5483.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="philosophy" data-section="philosophy">
<SectionErrorBoundary name="philosophy">
<div id="philosophy" data-section="philosophy">
<SectionErrorBoundary name="philosophy">
<AboutFeaturesSplit
tag="OUR ETHOS"
title="PRIVATE DENTISTRY. PERFECTED."
description="WE COMBINE ARTISANAL PRECISION WITH MODERN TECHNOLOGY TO DELIVER TRANSCENDENT DENTAL EXPERIENCES."
items={[
{
icon: Star,
title: "ELITE CARE",
description: "PERSONALIZED ATTENTION IN A PRIVATE ENVIRONMENT.",
},
{
icon: Zap,
title: "PRECISION",
description: "ADVANCED DIAGNOSTICS FOR PERFECT RESULTS.",
},
{
icon: Shield,
title: "EXCELLENCE",
description: "UNCOMPROMISING QUALITY IN EVERY DETAIL.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/patient-pov-listening-explication-teeth-treatment-dentist-coverall-showing-x-ray-tablet-stomatology-specialist-wearing-protective-suit-against-infection-with-covid19-pointing-radiograph_482257-13149.jpg"
/>
</SectionErrorBoundary>
</div>
tag="OUR ETHOS"
title="PRIVATE DENTISTRY. PERFECTED."
description="WE COMBINE ARTISANAL PRECISION WITH MODERN TECHNOLOGY TO DELIVER TRANSCENDENT DENTAL EXPERIENCES."
items={[
{ icon: "Star", title: "ELITE CARE", description: "PERSONALIZED ATTENTION IN A PRIVATE ENVIRONMENT." },
{ icon: "Zap", title: "PRECISION", description: "ADVANCED DIAGNOSTICS FOR PERFECT RESULTS." },
{ icon: "Shield", title: "EXCELLENCE", description: "UNCOMPROMISING QUALITY IN EVERY DETAIL." }
]}
videoSrc="http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesMediaCards
tag="SIGNATURE TREATMENTS"
title="ADVANCED SOLUTIONS"
description="CURATED TREATMENTS FOR YOUR UNIQUE SMILE."
items={[
{
title: "DENTAL IMPLANTS",
description: "RESTORE CONFIDENCE THROUGH ADVANCED IMPLANT SOLUTIONS",
imageSrc: "http://img.b2bpic.net/free-photo/medical-dentistry-staff-with-ppe-suits-using-modern-technology-while-consulting-patient-with-oral-care-issues-stomatologist-dental-nurse-looking-teeth-animation-model-implant_482257-28617.jpg?_wi=2",
imageAlt: "dental implant close up dental surgery",
},
{
title: "VENEERS",
description: "PRECISE COSMETIC TRANSFORMATION",
imageSrc: "http://img.b2bpic.net/free-photo/sexy-hot-redhead-dentist-woman-white-robe-high-heeled-shoes-taking-care-her-patient_613910-13783.jpg?_wi=3",
imageAlt: "dental implant close up dental surgery",
},
{
title: "WHITENING",
description: "SAFE AND PREMIUM TEETH BRIGHTENING",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauitful-blonde-woman-with-short-hair-deep-blue-eyes_8353-5483.jpg?_wi=2",
imageAlt: "dental implant close up dental surgery",
},
{
title: "INVISALIGN",
description: "CLEAR ALIGNMENT WITH MODERN COMFORT",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg?_wi=2",
imageAlt: "dental implant close up dental surgery",
},
{
title: "ORAL WELLNESS",
description: "PROACTIVE DENTAL HEALTH MAINTENANCE",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-female-patient_107420-65400.jpg?_wi=2",
imageAlt: "dental implant close up dental surgery",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="SIGNATURE TREATMENTS"
title="ADVANCED SOLUTIONS"
description="CURATED TREATMENTS FOR YOUR UNIQUE SMILE."
items={[
{ title: "DENTAL IMPLANTS", description: "RESTORE CONFIDENCE THROUGH ADVANCED IMPLANT SOLUTIONS", videoSrc: "http://img.b2bpic.net/free-photo/medical-dentistry-staff-with-ppe-suits-using-modern-technology-while-consulting-patient-with-oral-care-issues-stomatologist-dental-nurse-looking-teeth-animation-model-implant_482257-28617.jpg" },
{ title: "VENEERS", description: "PRECISE COSMETIC TRANSFORMATION", imageSrc: "http://img.b2bpic.net/free-photo/sexy-hot-redhead-dentist-woman-white-robe-high-heeled-shoes-taking-care-her-patient_613910-13783.jpg" },
{ title: "WHITENING", description: "SAFE AND PREMIUM TEETH BRIGHTENING", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauitful-blonde-woman-with-short-hair-deep-blue-eyes_8353-5483.jpg" },
{ title: "INVISALIGN", description: "CLEAR ALIGNMENT WITH MODERN COMFORT", videoSrc: "http://img.b2bpic.net/free-photo/dentist-examining-man-teeth-with-dental-explorer-dental-mirror_651396-2613.jpg" },
{ title: "ORAL WELLNESS", description: "PROACTIVE DENTAL HEALTH MAINTENANCE", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-female-patient_107420-65400.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="results" data-section="results">
<SectionErrorBoundary name="results">
<div id="results" data-section="results">
<SectionErrorBoundary name="results">
<FeaturesImageBento
tag="SMILE GALLERY"
title="A LEGACY OF RESULTS"
description="TRANSFORMATIONS DEFINED BY PRECISION."
items={[
{
title: "IMPLANT SUCCESS",
description: "TRANSFORMED SMILE",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-healthcare-medical-schedule-appointment-concept_53876-134048.jpg",
},
{
title: "VENEER ARTISTRY",
description: "NATURAL AESTHETICS",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-away_23-2148478322.jpg",
},
{
title: "BRIGHTENING",
description: "RADIANT SHADES",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-girl-joyfully-looking-camera-through-rainbow-colorful-background-isolated_574295-3090.jpg",
},
{
title: "ALIGNMENT",
description: "CLEAR RESULTS",
imageSrc: "http://img.b2bpic.net/free-photo/two-dental-whitening-trays-palette-tooth-color_633478-113.jpg",
},
{
title: "PREVENTION",
description: "HEALTHY SMILES",
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-mirror-dentist-s-office_23-2148985783.jpg",
},
{
title: "MAINTENANCE",
description: "LONG TERM CARE",
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-with-patient_23-2148104932.jpg",
},
{
title: "CONSULTATION",
description: "PERSONALIZED PLANNING",
imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-checking-reports-patients-analysing-waiting-list-treatment-development-nurse-taking-notes-clinic-expert-therapist-talking-with-colleagues-about-disease-medicine-professional_482257-3785.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="SMILE GALLERY"
title="A LEGACY OF RESULTS"
description="TRANSFORMATIONS DEFINED BY PRECISION."
items={[
{ title: "IMPLANT SUCCESS", description: "TRANSFORMED SMILE", imageSrc: "http://img.b2bpic.net/free-photo/dentist-healthcare-medical-schedule-appointment-concept_53876-134048.jpg" },
{ title: "VENEER ARTISTRY", description: "NATURAL AESTHETICS", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-away_23-2148478322.jpg" },
{ title: "BRIGHTENING", description: "RADIANT SHADES", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-girl-joyfully-looking-camera-through-rainbow-colorful-background-isolated_574295-3090.jpg" },
{ title: "ALIGNMENT", description: "CLEAR RESULTS", imageSrc: "http://img.b2bpic.net/free-photo/two-dental-whitening-trays-palette-tooth-color_633478-113.jpg" },
{ title: "PREVENTION", description: "HEALTHY SMILES", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-mirror-dentist-s-office_23-2148985783.jpg" },
{ title: "MAINTENANCE", description: "LONG TERM CARE", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-with-patient_23-2148104932.jpg" },
{ title: "CONSULTATION", description: "PERSONALIZED PLANNING", imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-checking-reports-patients-analysing-waiting-list-treatment-development-nurse-taking-notes-clinic-expert-therapist-talking-with-colleagues-about-disease-medicine-professional_482257-3785.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="CLIENT VOICES"
title="EXPERIENCE PERFECTED"
description="WHAT OUR PATIENTS SAY ABOUT DENTORA."
testimonials={[
{
name: "ALEX R.",
role: "PATIENT",
quote: "PRECISION BEYOND EXPECTATION.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
},
{
name: "SARAH M.",
role: "PATIENT",
quote: "THE MOST CALM DENTAL EXPERIENCE EVER.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-women-embracing-posing-camera_1262-16511.jpg",
},
{
name: "JAMES D.",
role: "PATIENT",
quote: "TRANSFORMED MY SMILE COMPLETELY.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12866.jpg",
},
{
name: "ELENA V.",
role: "PATIENT",
quote: "PREMIUM SERVICE FROM START TO FINISH.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
},
{
name: "MARCUS L.",
role: "PATIENT",
quote: "EXCELLENCE IN EVERY DETAIL.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="CLIENT VOICES"
title="EXPERIENCE PERFECTED"
description="WHAT OUR PATIENTS SAY ABOUT DENTORA."
testimonials={[
{ name: "ALEX R.", role: "PATIENT", quote: "PRECISION BEYOND EXPECTATION.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg" },
{ name: "SARAH M.", role: "PATIENT", quote: "THE MOST CALM DENTAL EXPERIENCE EVER.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-women-embracing-posing-camera_1262-16511.jpg" },
{ name: "JAMES D.", role: "PATIENT", quote: "TRANSFORMED MY SMILE COMPLETELY.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12866.jpg" },
{ name: "ELENA V.", role: "PATIENT", quote: "PREMIUM SERVICE FROM START TO FINISH.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
{ name: "MARCUS L.", role: "PATIENT", quote: "EXCELLENCE IN EVERY DETAIL.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="plans" data-section="plans">
<SectionErrorBoundary name="plans">
<div id="plans" data-section="plans">
<SectionErrorBoundary name="plans">
<PricingLayeredCards
tag="CARE PLANS"
title="SELECT YOUR CARE"
description="BESPOKE DENTAL SOLUTIONS."
plans={[
{
tag: "ESSENTIAL",
price: "SIGNATURE",
description: "CORE DENTAL WELLNESS",
primaryButton: {
text: "SELECT",
href: "#contact",
},
features: [
"DENTAL WELLNESS",
"CLEANING",
"PREVENTION",
],
},
{
tag: "PREFERRED",
price: "PREMIUM",
description: "ADVANCED COSMETIC CARE",
primaryButton: {
text: "SELECT",
href: "#contact",
},
features: [
"EVERYTHING IN SIGNATURE",
"WHITENING",
"CONSULTATION",
],
},
{
tag: "EXCLUSIVE",
price: "PRIVATE",
description: "TOTAL SMILE DESIGN",
primaryButton: {
text: "SELECT",
href: "#contact",
},
features: [
"EVERYTHING IN PREMIUM",
"VENEERS",
"IMPLANTS",
"24/7 SUPPORT",
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="CARE PLANS"
title="SELECT YOUR CARE"
description="BESPOKE DENTAL SOLUTIONS."
plans={[
{ tag: "ESSENTIAL", price: "SIGNATURE", description: "CORE DENTAL WELLNESS", primaryButton: { text: "SELECT", href: "#contact" }, features: ["DENTAL WELLNESS", "CLEANING", "PREVENTION"] },
{ tag: "PREFERRED", price: "PREMIUM", description: "ADVANCED COSMETIC CARE", primaryButton: { text: "SELECT", href: "#contact" }, features: ["EVERYTHING IN SIGNATURE", "WHITENING", "CONSULTATION"] },
{ tag: "EXCLUSIVE", price: "PRIVATE", description: "TOTAL SMILE DESIGN", primaryButton: { text: "SELECT", href: "#contact" }, features: ["EVERYTHING IN PREMIUM", "VENEERS", "IMPLANTS", "24/7 SUPPORT"] }
]}
/>
</SectionErrorBoundary>
</div>
<div id="education" data-section="education">
<SectionErrorBoundary name="education">
<div id="education" data-section="education">
<SectionErrorBoundary name="education">
<FaqTwoColumn
tag="EDUCATION"
title="UNDERSTANDING CARE"
description="ANSWERS TO YOUR QUESTIONS."
items={[
{
question: "HOW LONG DO VENEERS LAST",
answer: "WITH PROPER CARE, THEY LAST DECADES.",
},
{
question: "DO IMPLANTS HURT",
answer: "WE ENSURE UTMOST COMFORT AT EVERY STEP.",
},
{
question: "IS WHITENING SAFE",
answer: "100% SAFE AND PROFESSIONALLY MONITORED.",
},
{
question: "HOW DOES INVISALIGN WORK",
answer: "CLEAR ALIGNERS MOVE TEETH GRADUALLY.",
},
{
question: "DO YOU OFFER CONSULTATIONS",
answer: "YES, PRIVATE SESSIONS ARE AVAILABLE.",
},
{
question: "HOW QUICKLY CAN TREATMENT BEGIN",
answer: "START IMMEDIATELY AFTER CONSULTATION.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="EDUCATION"
title="UNDERSTANDING CARE"
description="ANSWERS TO YOUR QUESTIONS."
items={[
{ question: "HOW LONG DO VENEERS LAST", answer: "WITH PROPER CARE, THEY LAST DECADES." },
{ question: "DO IMPLANTS HURT", answer: "WE ENSURE UTMOST COMFORT AT EVERY STEP." },
{ question: "IS WHITENING SAFE", answer: "100% SAFE AND PROFESSIONALLY MONITORED." },
{ question: "HOW DOES INVISALIGN WORK", answer: "CLEAR ALIGNERS MOVE TEETH GRADUALLY." },
{ question: "DO YOU OFFER CONSULTATIONS", answer: "YES, PRIVATE SESSIONS ARE AVAILABLE." },
{ question: "HOW QUICKLY CAN TREATMENT BEGIN", answer: "START IMMEDIATELY AFTER CONSULTATION." }
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="START YOUR JOURNEY"
text="PRIVATE DENTISTRY. PERFECTED."
primaryButton={{
text: "BOOK APPOINTMENT",
href: "#form",
}}
secondaryButton={{
text: "TOUR CLINIC",
href: "#clinic",
}}
/>
</SectionErrorBoundary>
</div>
tag="START YOUR JOURNEY"
text="PRIVATE DENTISTRY. PERFECTED."
primaryButton={{ text: "BOOK APPOINTMENT", href: "#form" }}
secondaryButton={{ text: "TOUR CLINIC", href: "#clinic" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}
}