Switch to version 1: modified src/pages/HomePage.tsx
This commit is contained in:
@@ -1,53 +1,324 @@
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesBentoGrid from '@/components/sections/features/FeaturesBentoGrid';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
|
||||
import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
|
||||
import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import ServicesSection from './HomePage/sections/Services';
|
||||
import PricingSection from './HomePage/sections/Pricing';
|
||||
import TeamSection from './HomePage/sections/Team';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
|
||||
import CtaServicesSection from './HomePage/sections/CtaServices';
|
||||
import CtaAboutSection from './HomePage/sections/CtaAbout';
|
||||
import CtaTestimonialsSection from './HomePage/sections/CtaTestimonials';
|
||||
import CtaPricingSection from './HomePage/sections/CtaPricing';
|
||||
import TrustBannerSection from './HomePage/sections/TrustBanner';
|
||||
import TimingsSection from './HomePage/sections/Timings';
|
||||
import CtaFinalSection from './HomePage/sections/CtaFinal';export default function HomePage(): React.JSX.Element {
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<HeroSection />
|
||||
<TrustBannerSection />
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitMediaGrid
|
||||
tag="Kolkata's Premier Dental Studio"
|
||||
title="Confident Smiles Start Here"
|
||||
description="Advanced dental care using state-of-the-art technology, specialized expertise, and a patient-first approach to create your perfect smile in luxury."
|
||||
primaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "#appointment",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Free Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-smiling_23-2148396205.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<FeaturesSection />
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBentoGrid
|
||||
tag="Why SmileCare"
|
||||
title="Unmatched Patient Trust"
|
||||
description="We blend clinical precision with a luxury hospitality experience to ensure your comfort and satisfaction at every step."
|
||||
features={[
|
||||
{
|
||||
title: "Expert Specialists",
|
||||
description: "Board-certified doctors with 10+ years of clinical experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-digital-tablet_53876-125399.jpg",
|
||||
},
|
||||
{
|
||||
title: "Modern Tech",
|
||||
description: "State-of-the-art diagnostic and treatment technology.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9761.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pain-Free Care",
|
||||
description: "Advanced protocols ensuring comfort during every procedure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4444.jpg",
|
||||
},
|
||||
{
|
||||
title: "Emergency Ready",
|
||||
description: "24/7 priority support for all urgent dental emergencies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-guy-visiting-dentist-s-office-prevention-oral-cavity-man-famale-doctor-while-checkup-teeth_1157-42073.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<AboutSection />
|
||||
<CtaAboutSection />
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="A Legacy of Beautiful Smiles"
|
||||
descriptions={[
|
||||
"SmileCare Dental Studio was founded in Kolkata with a singular mission: to redefine the dental experience through luxury, transparency, and innovation. We believe that everyone deserves a confident smile.",
|
||||
"Our philosophy integrates clinical excellence with personal attention. We take the time to understand your needs and comfort, ensuring that your journey to dental wellness is as serene as it is effective.",
|
||||
"From preventive pediatric care to sophisticated cosmetic transformations, we offer a comprehensive suite of dental services under one roof.",
|
||||
]}
|
||||
primaryButton={{
|
||||
text: "Visit Our Clinic",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<ServicesSection />
|
||||
<CtaServicesSection />
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Specializations"
|
||||
title="Comprehensive Dental Excellence"
|
||||
description="Transforming lives through advanced dentistry."
|
||||
items={[
|
||||
{
|
||||
title: "Dental Implants",
|
||||
description: "Restore functionality with natural-looking implants.",
|
||||
href: "#appointment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-preparing-ophthalmologist-s-office_23-2150917654.jpg",
|
||||
},
|
||||
{
|
||||
title: "Root Canal",
|
||||
description: "Precise and painless endodontic treatments.",
|
||||
href: "#appointment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-pretending-be-asleep_23-2149219833.jpg",
|
||||
},
|
||||
{
|
||||
title: "Teeth Whitening",
|
||||
description: "Achieve a stunning smile in just one session.",
|
||||
href: "#appointment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-instruments_1157-18593.jpg",
|
||||
},
|
||||
{
|
||||
title: "Braces & Aligners",
|
||||
description: "Straighten teeth with discrete modern technology.",
|
||||
href: "#appointment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-wearing-scrubs-while-working-clinic_23-2149844694.jpg",
|
||||
},
|
||||
{
|
||||
title: "Smile Makeover",
|
||||
description: "Complete aesthetic reconstruction for confidence.",
|
||||
href: "#appointment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-organized-empty-medical-cabinet-ready-healthcare-services_482257-109844.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pediatric Care",
|
||||
description: "Gentle, expert care for our youngest patients.",
|
||||
href: "#appointment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-beautiful-shy-young-hispanic-woman-with-dark-skin-long-curly-hair-relaxing-home-sitting-rattan-chair-smiling-broadly_343059-3831.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gum Treatment",
|
||||
description: "Comprehensive periodontal health and maintenance.",
|
||||
href: "#appointment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-equipment-placed-table_1150-19617.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<PricingSection />
|
||||
<CtaPricingSection />
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingCenteredCards
|
||||
tag="Transparent Pricing"
|
||||
title="Quality Care, Fairly Priced"
|
||||
description="Clear pricing with no hidden costs for premium dental solutions."
|
||||
plans={[
|
||||
{
|
||||
tag: "Consultation",
|
||||
price: "₹499",
|
||||
description: "Initial diagnosis",
|
||||
features: [
|
||||
"Expert review",
|
||||
"Treatment plan",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#appointment",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Cleaning",
|
||||
price: "₹999",
|
||||
description: "Deep dental cleaning",
|
||||
features: [
|
||||
"Plaque removal",
|
||||
"Polishing",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#appointment",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Whitening",
|
||||
price: "₹2999",
|
||||
description: "Brightening session",
|
||||
features: [
|
||||
"Instant results",
|
||||
"Safety assurance",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#appointment",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Root Canal",
|
||||
price: "₹3999",
|
||||
description: "Endodontic care",
|
||||
features: [
|
||||
"Microscopic precision",
|
||||
"Pain-free",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#appointment",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<TeamSection />
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamOverlayCards
|
||||
tag="Our Specialists"
|
||||
title="Meet Your Smile Architects"
|
||||
description="Our team of dental surgeons are dedicated to providing global-standard care right here in Kolkata."
|
||||
members={[
|
||||
{
|
||||
name: "Dr. Ananya Roy",
|
||||
role: "Chief Dentist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-vaccination-campaign-concept-happy-healthy-girl-showing-shoulder-with-patch-after-getting-vaccine-from-covid-yellow-background_1258-300964.jpg",
|
||||
},
|
||||
{
|
||||
name: "Dr. Vikram Singh",
|
||||
role: "Implantologist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23501.jpg",
|
||||
},
|
||||
{
|
||||
name: "Dr. Sarah Khan",
|
||||
role: "Orthodontist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retired-sick-patient-sitting-medical-cabinet-checkup-visit-using-health-care-appointment-find-diagnosis-old-person-waiting-receive-prescription-medicine-from-medical-team_482257-48128.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<TestimonialsSection />
|
||||
<CtaTestimonialsSection />
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Patient Stories"
|
||||
title="Loved by Thousands"
|
||||
description="See why Kolkata trusts SmileCare for their dental needs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sneha Das",
|
||||
role: "Patient",
|
||||
quote: "The most professional and painless dental experience I've ever had. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-dentist-showing-digital-tablet-male-patient-treatment-dental-clinic_662251-2573.jpg",
|
||||
},
|
||||
{
|
||||
name: "Rahul Verma",
|
||||
role: "Patient",
|
||||
quote: "Extremely clean and modern clinic. The staff is very warm and helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-brown-turtleneck-sweater-jeans-fashion-hipster-male-posing-studio_158538-25123.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya Gupta",
|
||||
role: "Patient",
|
||||
quote: "My braces treatment was so seamless and effective. I love my new smile!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-redhead-girl-red-hat-urban-woman-with-freckles-ginger-hair_1258-196740.jpg",
|
||||
},
|
||||
{
|
||||
name: "Amit Chatterjee",
|
||||
role: "Patient",
|
||||
quote: "Very reasonable pricing for such high-end service. The best clinic in town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-love-elementary-positive-together_1262-2824.jpg",
|
||||
},
|
||||
{
|
||||
name: "Riya Basu",
|
||||
role: "Patient",
|
||||
quote: "The specialists here are world-class. Thank you for everything!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman_93675-131882.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<FaqSection />
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Common Questions"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to help you make informed decisions about your dental health."
|
||||
items={[
|
||||
{
|
||||
question: "Is treatment painful?",
|
||||
answer: "We utilize advanced anesthetic technology to ensure all procedures are completely painless and comfortable.",
|
||||
},
|
||||
{
|
||||
question: "Do you accept emergency cases?",
|
||||
answer: "Yes, we provide 24/7 priority care for all dental emergencies. Call us immediately.",
|
||||
},
|
||||
{
|
||||
question: "What are your consultation charges?",
|
||||
answer: "Consultation charges start at just ₹499 for a full treatment plan.",
|
||||
},
|
||||
{
|
||||
question: "How long does a root canal take?",
|
||||
answer: "Most root canal treatments are completed within a single or two visits depending on complexity.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23916.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<ContactSection />
|
||||
<TimingsSection />
|
||||
<CtaFinalSection />
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready to Start?"
|
||||
text="Book your appointment today and claim your free initial consultation."
|
||||
primaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "#appointment",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "WhatsApp Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user