Update src/app/page.tsx
This commit is contained in:
131
src/app/page.tsx
131
src/app/page.tsx
@@ -8,132 +8,29 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import Link from "next/link";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="The House of Dentistry"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
<NavbarLayoutFloatingInline navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="Smile Confidently with Chennai’s Most Trusted Dental Experts"
|
||||
description="Painless treatments, affordable pricing, and expert care — all under one roof in Perambur."
|
||||
kpis={[{ value: "4.9", label: "Google Rating" }, { value: "100+", label: "Happy Patients" }, { value: "Painless", label: "Care Approach" }]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Call Now to Book Appointment", href: "tel:08072982811" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-space-with-maquette-table-design-urban-property-plan-building-model-layout-nobody-office-with-architecture-project-real-estate-development-presentation_482257-29970.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg", alt: "Patient 1" }, { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6611.jpg", alt: "Patient 2" }, { src: "http://img.b2bpic.net/free-photo/handheld-shot-happy-pensioner-preparing-exercise-physical-activity-portrait-senior-man-smiling-looking-camera-getting-ready-training-with-equipment_482257-33826.jpg", alt: "Patient 3" }, { src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Patient 4" }, { src: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-against-beige-background_23-2148193938.jpg", alt: "Patient 5" }]}
|
||||
avatarText="Join 100+ happy patients"
|
||||
marqueeItems={[{ type: "text", text: "Modern Clinic" }, { type: "text", text: "Pain-Free Procedures" }, { type: "text", text: "Certified Experts" }, { type: "text", text: "Advanced Technology" }, { type: "text", text: "Affordable Care" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyNine
|
||||
title="Our Specialized Dental Services"
|
||||
description="Complete dental care for every age — from routine checkups to advanced smile transformations."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "General Dentistry", description: "Routine checkups, cleaning, and preventative care.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-symbols_23-2149510237.jpg", titleIconSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-symbols_23-2149510237.jpg", buttonText: "Book Now", buttonHref: "tel:08072982811" },
|
||||
{ title: "Teeth Whitening", description: "Brighten your smile with professional solutions.", imageSrc: "http://img.b2bpic.net/free-photo/dental-implants-surgery-concept-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10421.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/dental-implants-surgery-concept-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10421.jpg", buttonText: "Book Now", buttonHref: "tel:08072982811" },
|
||||
{ title: "Root Canal (RCT)", description: "Advanced root canal therapy for pain relief.", imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-dental-logo-collection_23-2149004299.jpg", titleIconSrc: "http://img.b2bpic.net/free-vector/linear-flat-dental-logo-collection_23-2149004299.jpg", buttonText: "Book Now", buttonHref: "tel:08072982811" },
|
||||
{ title: "Dental Implants", description: "Permanent solutions for missing teeth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cg1j4u", titleIconSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cg1j4u", buttonText: "Book Now", buttonHref: "tel:08072982811" },
|
||||
{ title: "Gum Treatments", description: "Professional care for healthy, happy gums.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-symbols_23-2149510237.jpg", titleIconSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-symbols_23-2149510237.jpg", buttonText: "Book Now", buttonHref: "tel:08072982811" },
|
||||
{ title: "Smile Makeover", description: "Total transformations for your dream smile.", imageSrc: "http://img.b2bpic.net/free-photo/dental-implants-surgery-concept-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10421.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/dental-implants-surgery-concept-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10421.jpg", buttonText: "Book Now", buttonHref: "tel:08072982811" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Trusted Dental Care You Can Feel Comfortable With"
|
||||
description="At The House of Dentistry, we believe in patient-first care that prioritizes your comfort and confidence. Our modern Perambur clinic is equipped with the latest technology, managed by experienced dentists dedicated to painless and precise results."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={[
|
||||
{ title: "Experienced Dentists", description: "Friendly, expert team specialized in modern dental care." },
|
||||
{ title: "Hygienic Environment", description: "Strict sanitation protocols for a safe, stress-free visit." },
|
||||
{ title: "Affordable Pricing", description: "Premium quality dental care without breaking the bank." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-hospital-cabinet-with-nobody-it_482257-10435.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Loved by Patients Across Chennai"
|
||||
description="Read how we've helped patients regain confidence in their smiles."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Priya", role: "IT Professional", testimonial: "I was very nervous, but the team made me feel completely comfortable. Painless treatment!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg" },
|
||||
{ id: "2", name: "Arun", role: "Architect", testimonial: "Excellent clinic. Very hygienic and the dentists explain everything clearly.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6611.jpg" },
|
||||
{ id: "3", name: "Kavitha", role: "Teacher", testimonial: "My root canal was done efficiently with no pain at all. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/handheld-shot-happy-pensioner-preparing-exercise-physical-activity-portrait-senior-man-smiling-looking-camera-getting-ready-training-with-equipment_482257-33826.jpg" },
|
||||
{ id: "4", name: "Suresh", role: "Manager", testimonial: "Professional, clean, and affordable. The best dental experience I've had in Chennai.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
|
||||
{ id: "5", name: "Meera", role: "Designer", testimonial: "The staff are so friendly. The clinic is modern and very easy to access in Perambur.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-against-beige-background_23-2148193938.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardEleven
|
||||
title="Simple Steps to Your Best Smile"
|
||||
description="Our streamlined process ensures you get the care you need quickly and comfortably."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "Step 1", title: "Call & Book", description: "Call us to book your convenient time slot.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-symbols_23-2149510237.jpg" },
|
||||
{ id: "2", value: "Step 2", title: "Consultation", description: "Visit us for a expert diagnosis and treatment plan.", imageSrc: "http://img.b2bpic.net/free-photo/dental-implants-surgery-concept-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10421.jpg" },
|
||||
{ id: "3", value: "Step 3", title: "Treatment", description: "Get treated comfortably by our dental specialists.", imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-dental-logo-collection_23-2149004299.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
background={{ variant: "plain" }}
|
||||
text="Request a Callback. Leave your details and we’ll contact you shortly to book your appointment."
|
||||
buttons={[{ text: "Call Now to Book Appointment", href: "tel:08072982811" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactText
|
||||
background={{ variant: "plain" }}
|
||||
text="Don’t Delay Your Dental Health. Book your appointment today and experience painless, professional care."
|
||||
buttons={[{ text: "Call Now to Book Appointment", href: "tel:08072982811" }]}
|
||||
useInvertedBackground={true}
|
||||
<HeroSplitKpi
|
||||
title="The House of Dentistry"
|
||||
description="Expert dental care in Perambur, Chennai. Painless treatments and specialized care."
|
||||
background={{ variant: 'plain' }}
|
||||
kpis={[{ value: "10+", label: "Years Exp" }, { value: "5000+", label: "Happy Smiles" }, { value: "4.9/5", label: "Patient Rating" }]}
|
||||
enableKpiAnimation={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="The House of Dentistry"
|
||||
columns={[
|
||||
{ title: "Visit Us", items: [{ label: "No:69, Hemavathi Complex, Perambur, Chennai", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Phone: 080729 82811", href: "tel:08072982811" }] },
|
||||
{ title: "Hours", items: [{ label: "Mon - Sun: 10:00 AM - 9:00 PM", href: "#" }] }
|
||||
]}
|
||||
<FooterBase
|
||||
columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
logoText="The House of Dentistry"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user