230 lines
13 KiB
TypeScript
230 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import {
|
|
Award,
|
|
Bone,
|
|
Building2,
|
|
CheckCircle,
|
|
Heart,
|
|
Microscope,
|
|
Shield,
|
|
Smile,
|
|
Sparkles,
|
|
Star,
|
|
ThumbsUp,
|
|
Zap,
|
|
} from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Lumiere Dental"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Location", id: "location" },
|
|
]}
|
|
button={{ text: "Book Appointment", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Advanced Dental Care in Kondotty"
|
|
description="Lumiere Multi Speciality Dental Clinic brings modern technology-supported dental treatments to your community. Experience clinical excellence with state-of-the-art equipment, professional expertise, and patient-centered care."
|
|
background={{ variant: "plain" }}
|
|
tag="Modern Dental Technology"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Book Your Appointment", href: "contact" },
|
|
{ text: "Learn More", href: "services" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg"
|
|
imageAlt="Lumiere Dental Clinic treatment room with modern dental equipment"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
fixedMediaHeight={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-signals" data-section="trust-signals">
|
|
<MetricCardOne
|
|
title="Why Choose Lumiere Dental"
|
|
description="Trusted by patients in Kondotty and surrounding areas with proven clinical outcomes and consistently positive feedback."
|
|
metrics={[
|
|
{
|
|
id: "1", value: "60", title: "Reviews", description: "Google ratings from satisfied patients", icon: Star,
|
|
},
|
|
{
|
|
id: "2", value: "5", title: "Star Rating", description: "Consistent excellence in patient care", icon: Award,
|
|
},
|
|
{
|
|
id: "3", value: "100", title: "%", description: "Patients recommend us to friends and family", icon: ThumbsUp,
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
title="Comprehensive Dental Services"
|
|
description="From routine checkups to advanced treatments, we deliver complete oral healthcare solutions using cutting-edge technology and professional expertise."
|
|
features={[
|
|
{
|
|
title: "General Dental Care", description: "Routine dental checkups, cleanings, and oral health maintenance to keep your smile healthy.", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Smile, label: "Checkups", value: "Preventive Care" },
|
|
{ icon: Sparkles, label: "Cleaning", value: "Professional Polish" },
|
|
{ icon: Shield, label: "Protection", value: "Fluoride Treatments" },
|
|
],
|
|
},
|
|
{
|
|
title: "Advanced Dental Treatments", description: "Technology-supported procedures designed for accurate diagnosis and precise treatment outcomes.", bentoComponent: "3d-stack-cards", items: [
|
|
{
|
|
icon: Zap,
|
|
title: "Digital Imaging", subtitle: "Precise Diagnosis", detail: "Advanced imaging for accurate treatment planning"},
|
|
{
|
|
icon: Microscope,
|
|
title: "Microscope-Guided", subtitle: "Enhanced Precision", detail: "Magnified procedures for superior results"},
|
|
{
|
|
icon: CheckCircle,
|
|
title: "Minimally Invasive", subtitle: "Patient Comfort", detail: "Conservative techniques that preserve tooth structure"},
|
|
],
|
|
},
|
|
{
|
|
title: "Dental Implants", description: "Permanent tooth replacement using digital impressions and modern implant methodology.", bentoComponent: "timeline", heading: "Implant Journey", subheading: "From consultation to restoration", items: [
|
|
{
|
|
label: "Consultation", detail: "Comprehensive evaluation and digital imaging"},
|
|
{
|
|
label: "Implant Placement", detail: "Precision surgical placement using latest techniques"},
|
|
{
|
|
label: "Restoration", detail: "Custom crown placement for natural appearance"},
|
|
],
|
|
completedLabel: "Treatment Complete"},
|
|
{
|
|
title: "Clear Aligners & Teeth Alignment", description: "Modern aligner-based treatments for correcting dental alignment without traditional braces.", bentoComponent: "marquee", centerIcon: Smile,
|
|
variant: "text", texts: [
|
|
"Invisible aligners", "Comfortable fit", "Faster results", "No brackets or wires", "Proven effectiveness"],
|
|
},
|
|
{
|
|
title: "Specialized Dental Procedures", description: "Multi-speciality care approach delivering comprehensive treatment for complex dental needs.", bentoComponent: "orbiting-icons", centerIcon: Heart,
|
|
items: [
|
|
{ icon: Bone, ring: 1 },
|
|
{ icon: CheckCircle, ring: 1 },
|
|
{ icon: Zap, ring: 2 },
|
|
{ icon: Shield, ring: 2 },
|
|
{ icon: Smile, ring: 3 },
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Modern Clinic Setup"
|
|
tagIcon={Building2}
|
|
title="Clinical Excellence Through Infrastructure. Experience treatment in our modern facility featuring advanced dental chairs, overhead operating lights, dedicated treatment rooms, organized clinical workspace, and a hygienic patient environment. Air-conditioned comfort with transparent sterilization protocols and professional-grade equipment ensure your confidence in every visit."
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Patient Success Stories"
|
|
description="Real feedback from patients who've experienced Lumiere Dental's professional treatment and caring approach."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Rajesh Kumar", handle: "Kondotty, Kerala", testimonial: "Excellent service and very professional staff. Dr. treated my implant with utmost care. Highly recommended for anyone in Kondotty.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg", imageAlt: "Rajesh Kumar"},
|
|
{
|
|
id: "2", name: "Anjali Menon", handle: "Satisfied Patient", testimonial: "The modern equipment and friendly team made my visit comfortable. My teeth alignment treatment exceeded expectations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", imageAlt: "Anjali Menon"},
|
|
{
|
|
id: "3", name: "Suresh Nair", handle: "Local Resident", testimonial: "Finally found a dental clinic with advanced technology right here in Kondotty. Five-star experience with transparent pricing.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg", imageAlt: "Suresh Nair"},
|
|
{
|
|
id: "4", name: "Priya Sharma", handle: "Regular Patient", testimonial: "Professional, punctual, and painless. They really care about patient comfort and explain every procedure clearly.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageAlt: "Priya Sharma"},
|
|
{
|
|
id: "5", name: "Vikram Singh", handle: "Implant Patient", testimonial: "My dental implant journey was smooth and professional. Best decision for my dental health. Highly trusted clinic.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-talking-her-doctor-medical-clinic_637285-9073.jpg", imageAlt: "Vikram Singh"},
|
|
{
|
|
id: "6", name: "Divya Patel", handle: "Aligner Treatment", testimonial: "Clear aligner treatment was comfortable and effective. The team monitored my progress closely. Very impressed!", imageSrc: "http://img.b2bpic.net/free-photo/couple-suffering-from-infertility_23-2149430773.jpg", imageAlt: "Divya Patel"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<ContactSplitForm
|
|
title="Visit or Contact Us"
|
|
description="Lumiere Multi Speciality Dental Clinic is conveniently located in Chungam, Kondotty, Kerala. We're open daily until 8:00 PM. Call now to schedule your appointment or visit us in person."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "+91 Your Phone Number", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email Address", required: false,
|
|
},
|
|
{
|
|
name: "service", type: "text", placeholder: "Service of Interest", required: false,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your dental needs or preferred appointment time...", rows: 4,
|
|
required: false,
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/patients-stomatology-reception-waiting-line-taking-filling-form-doctor-examining-senior-man-discussing-teeh-healthcare_482257-4850.jpg"
|
|
imageAlt="Lumiere Dental Clinic waiting area and reception"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Schedule Appointment"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Lumiere Dental"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact: +91 94950 25002", href: "tel:+919495025002" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|