Update src/pages/HomePage.tsx
This commit is contained in:
@@ -6,184 +6,155 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
|
||||
import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards';
|
||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import { Award, CheckCircle, Shield, Zap } from "lucide-react";
|
||||
import { CheckCircle, Shield, Zap, Award } 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">
|
||||
<HeroOverlay
|
||||
tag="Trusted Dental Excellence in Oaxaca"
|
||||
title="Excellent Dental Care, Trusted by Oaxaca"
|
||||
description="Experience professional dentistry from UNAM-qualified specialists in a clean, caring environment. Flexible hours, accessible prices, and patient-centered care you can count on."
|
||||
primaryButton={{
|
||||
text: "Book Your Appointment", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Our Services", href: "#services"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23913.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted Dental Excellence in Oaxaca"
|
||||
title="Excellent Dental Care, Trusted by Oaxaca"
|
||||
description="Experience professional dentistry from UNAM-qualified specialists in a clean, caring environment. Flexible hours, accessible prices, and patient-centered care you can count on."
|
||||
primaryButton={{ text: "Book Your Appointment", href: "#contact" }}
|
||||
secondaryButton={{ text: "Our Services", href: "#services" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23913.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Your Dental Health, Our Priority"
|
||||
descriptions={[
|
||||
"At Just Smiling, we combine high-level clinical expertise with a compassionate approach to dental care. Our facility is designed for your comfort and safety.", "Our team consists of UNAM-qualified specialists dedicated to providing top-tier service to the Oaxaca community. We focus on transparent diagnostics and lasting oral health."]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Your Dental Health, Our Priority"
|
||||
descriptions={[
|
||||
"At Just Smiling, we combine high-level clinical expertise with a compassionate approach to dental care. Our facility is designed for your comfort and safety.", "Our team consists of UNAM-qualified specialists dedicated to providing top-tier service to the Oaxaca community. We focus on transparent diagnostics and lasting oral health."
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesBento
|
||||
tag="What We Offer"
|
||||
title="Comprehensive Dental Services"
|
||||
description="State-of-the-art care for your family."
|
||||
features={[
|
||||
{
|
||||
title: "General Dentistry", description: "Routine cleanings and exams.", bentoComponent: "tilted-stack-cards", stackCards: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Prevention", subtitle: "Cleanings", detail: "Annual maintenance"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Diagnostics", subtitle: "Digital X-Rays", detail: "Precision insights"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Checkups", subtitle: "Exam", detail: "Oral health audit"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Restorative Work", description: "High-quality fillings and implants.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{
|
||||
icon: "Zap", title: "Implants", label: "Duration", value: "Lifetime"},
|
||||
{
|
||||
icon: "Shield", title: "Crowns", label: "Material", value: "Ceramic"},
|
||||
{
|
||||
icon: "Award", title: "Fillings", label: "Quality", value: "Grade A"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Family Care", description: "Dental care for all ages.", bentoComponent: "checklist-timeline", heading: "Patient Promise", subheading: "Quality standards", checklistItems: [
|
||||
{
|
||||
label: "Sterilization", detail: "Strict protocols"},
|
||||
{
|
||||
label: "Gentle", detail: "Pain-free focus"},
|
||||
{
|
||||
label: "Transparent", detail: "Pricing first"},
|
||||
],
|
||||
completedLabel: "Certified"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="What We Offer"
|
||||
title="Comprehensive Dental Services"
|
||||
description="State-of-the-art care for your family."
|
||||
features={[
|
||||
{
|
||||
title: "General Dentistry", description: "Routine cleanings and exams.", bentoComponent: "tilted-stack-cards", stackCards: [
|
||||
{ icon: "CheckCircle", title: "Prevention", subtitle: "Cleanings", detail: "Annual maintenance" },
|
||||
{ icon: "CheckCircle", title: "Diagnostics", subtitle: "Digital X-Rays", detail: "Precision insights" },
|
||||
{ icon: "CheckCircle", title: "Checkups", subtitle: "Exam", detail: "Oral health audit" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Restorative Work", description: "High-quality fillings and implants.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Zap", label: "Duration", value: "Lifetime" },
|
||||
{ icon: "Shield", label: "Material", value: "Ceramic" },
|
||||
{ icon: "Award", label: "Quality", value: "Grade A" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Family Care", description: "Dental care for all ages.", bentoComponent: "checklist-timeline", heading: "Patient Promise", subheading: "Quality standards", checklistItems: [
|
||||
{ label: "Sterilization", detail: "Strict protocols" },
|
||||
{ label: "Gentle", detail: "Pain-free focus" },
|
||||
{ label: "Transparent", detail: "Pricing first" }
|
||||
],
|
||||
completedLabel: "Certified"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingHighlightedCards
|
||||
tag="Fair & Transparent"
|
||||
title="Clear Pricing, No Surprises"
|
||||
description="Flexible plans for every patient."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials", price: "$800 MXN", description: "Routine annual dental exam.", features: [
|
||||
"Consultation", "Digital X-Ray", "Treatment Plan"],
|
||||
primaryButton: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
},
|
||||
{
|
||||
tag: "Recommended", price: "$1,500 MXN", description: "Standard cleaning package.", features: [
|
||||
"Deep Cleaning", "Polishing", "Fluoride Treatment", "Consultation"],
|
||||
highlight: "Best Value", primaryButton: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Fair & Transparent"
|
||||
title="Clear Pricing, No Surprises"
|
||||
description="Flexible plans for every patient."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials", price: "$800 MXN", description: "Routine annual dental exam.", features: ["Consultation", "Digital X-Ray", "Treatment Plan"],
|
||||
primaryButton: { text: "Get Started", href: "#contact" }
|
||||
},
|
||||
{
|
||||
tag: "Recommended", price: "$1,500 MXN", description: "Standard cleaning package.", features: ["Deep Cleaning", "Polishing", "Fluoride Treatment", "Consultation"],
|
||||
highlight: "Best Value", primaryButton: { text: "Book Now", href: "#contact" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamOverlayCards
|
||||
tag="Expert Specialists"
|
||||
title="Meet Your Dental Team"
|
||||
description="UNAM-qualified professionals dedicated to you."
|
||||
members={[
|
||||
{
|
||||
name: "Dr. Elena Ruiz", role: "Lead Dentist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-looking-camera_23-2147771700.jpg"},
|
||||
{
|
||||
name: "Dr. Carlos Mendez", role: "Specialist", imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg"},
|
||||
{
|
||||
name: "Lic. Ana Ortiz", role: "Hygiene Specialist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-dentist-dental-clinic_107420-74193.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expert Specialists"
|
||||
title="Meet Your Dental Team"
|
||||
description="UNAM-qualified professionals dedicated to you."
|
||||
members={[
|
||||
{ name: "Dr. Elena Ruiz", role: "Lead Dentist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-looking-camera_23-2147771700.jpg" },
|
||||
{ name: "Dr. Carlos Mendez", role: "Specialist", imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg" },
|
||||
{ name: "Lic. Ana Ortiz", role: "Hygiene Specialist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-dentist-dental-clinic_107420-74193.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Patient Stories"
|
||||
title="Proven Satisfaction"
|
||||
description="Hear what our patients in Oaxaca say."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Maria G.", role: "Professional", quote: "The best dental experience I've had in Oaxaca. Professional, clean, and very kind.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg"},
|
||||
{
|
||||
name: "Juan L.", role: "Parent", quote: "Great service for my whole family. They are very patient with children.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
|
||||
{
|
||||
name: "Sofia R.", role: "Designer", quote: "Transparent pricing and excellent quality. I highly recommend them.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg"},
|
||||
{
|
||||
name: "Pedro H.", role: "Business Owner", quote: "Professional team and modern equipment. Very impressed with the care.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-woman-daydreams-with-closed-eyes-smiles-toothily-keeps-palms-near-face-recalls-lovely-moment-feels-glad-poses-indoor-people-pleasant-feelings-emotions-concept_273609-58258.jpg"},
|
||||
{
|
||||
name: "Luisa M.", role: "Teacher", quote: "Caring specialists. I felt very comfortable during my entire treatment.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-35693.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Patient Stories"
|
||||
title="Proven Satisfaction"
|
||||
description="Hear what our patients in Oaxaca say."
|
||||
testimonials={[
|
||||
{ name: "Maria G.", role: "Professional", quote: "The best dental experience I've had in Oaxaca. Professional, clean, and very kind.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg" },
|
||||
{ name: "Juan L.", role: "Parent", quote: "Great service for my whole family. They are very patient with children.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ name: "Sofia R.", role: "Designer", quote: "Transparent pricing and excellent quality. I highly recommend them.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg" },
|
||||
{ name: "Pedro H.", role: "Business Owner", quote: "Professional team and modern equipment. Very impressed with the care.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-woman-daydreams-with-closed-eyes-smiles-toothily-keeps-palms-near-face-recalls-lovely-moment-feels-glad-poses-indoor-people-pleasant-feelings-emotions-concept_273609-58258.jpg" },
|
||||
{ name: "Luisa M.", role: "Teacher", quote: "Caring specialists. I felt very comfortable during my entire treatment.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-35693.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="How Can We Help You?"
|
||||
description="Get answers to frequently asked questions about our services and process."
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{
|
||||
question: "Are you UNAM-qualified?", answer: "Yes, our lead specialists are all UNAM graduates."},
|
||||
{
|
||||
question: "What are your hours?", answer: "We offer flexible hours, including weekends."},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Payments", items: [
|
||||
{
|
||||
question: "Do you accept insurance?", answer: "Please inquire with our reception team."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Common Questions"
|
||||
title="How Can We Help You?"
|
||||
description="Get answers to frequently asked questions about our services and process."
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{ question: "Are you UNAM-qualified?", answer: "Yes, our lead specialists are all UNAM graduates." },
|
||||
{ question: "What are your hours?", answer: "We offer flexible hours, including weekends." }
|
||||
]
|
||||
},
|
||||
{
|
||||
name: "Payments", items: [
|
||||
{ question: "Do you accept insurance?", answer: "Please inquire with our reception team." }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready to Start?"
|
||||
text="Book your appointment online and get a healthy smile today."
|
||||
primaryButton={{
|
||||
text: "Schedule Today", href: "https://wa.me/yournumber"}}
|
||||
secondaryButton={{
|
||||
text: "Call Us Now", href: "tel:+529510000000"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ready to Start?"
|
||||
text="Book your appointment online and get a healthy smile today."
|
||||
primaryButton={{ text: "Schedule Today", href: "https://wa.me/yournumber" }}
|
||||
secondaryButton={{ text: "Call Us Now", href: "tel:+529510000000" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user