Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-28 10:19:59 +00:00

View File

@@ -10,9 +10,9 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { AlertTriangle, Award, CheckCircle2, Heart, Smile, Sparkles, Users } from "lucide-react";
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { AlertTriangle, Award, CheckCircle2, Heart, Smile, Sparkles, Users, Baby, ShieldAlert } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,359 +29,178 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Rashmi Rathi Dental Studio"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
]}
brandName="Rashmi Rathi Dental Studio"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="Healthy Smiles for the Whole Family"
description="Professional, gentle, and kid-friendly dental care provided by Dr. Rashmi Rathi and her dedicated team."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling_23-2148396154.jpg",
alt: "Patient",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg",
alt: "Patient",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg",
alt: "Patient",
},
{
src: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
alt: "Patient",
},
{
src: "http://img.b2bpic.net/free-photo/two-cutie-little-baby-girls-dentist-chair-children-dental_627829-9361.jpg",
alt: "Patient",
},
]}
avatarText="Join 500+ happy smiles"
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
{
text: "Call Us Now",
href: "tel:+919876543210",
},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Expert Family Care",
icon: Smile,
},
{
type: "text-icon",
text: "Kid-Friendly Office",
icon: Users,
},
{
type: "text-icon",
text: "Painless Procedures",
icon: Sparkles,
},
{
type: "text-icon",
text: "Emergency Services",
icon: AlertTriangle,
},
{
type: "text-icon",
text: "Trusted by 500+",
icon: Award,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="Healthy Smiles for the Whole Family"
description="Professional, gentle, and kid-friendly dental care provided by Dr. Rashmi Rathi and her dedicated team."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling_23-2148396154.jpg", alt: "Patient" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg", alt: "Patient" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg", alt: "Patient" },
{ src: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg", alt: "Patient" },
{ src: "http://img.b2bpic.net/free-photo/two-cutie-little-baby-girls-dentist-chair-children-dental_627829-9361.jpg", alt: "Patient" }
]}
avatarText="Join 500+ happy smiles"
buttons={[
{ text: "Book an Appointment", href: "#contact" },
{ text: "Call Us Now", href: "tel:+919876543210" }
]}
buttonAnimation="slide-up"
marqueeItems={[
{ type: "text-icon", text: "Expert Family Care", icon: Smile },
{ type: "text-icon", text: "Kid-Friendly Office", icon: Users },
{ type: "text-icon", text: "Painless Procedures", icon: Sparkles },
{ type: "text-icon", text: "Emergency Services", icon: AlertTriangle },
{ type: "text-icon", text: "Trusted by 500+", icon: Award }
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Dr. Rashmi Rathi"
title="Gentle Care for Every Generation"
description="At Rashmi Rathi Dental Studio, we believe dentistry should be stress-free and welcoming. We specialize in family and pediatric care, ensuring that kids and parents alike feel comfortable in our chair."
subdescription="With over 10 years of experience, Dr. Rathi creates a calm, patient-focused environment that turns every visit into a positive experience."
imageSrc="http://img.b2bpic.net/free-photo/front-view-female-doctor-smiling-yellow-space_179666-13672.jpg?_wi=1"
mediaAnimation="blur-reveal"
icon={Heart}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Dr. Rashmi Rathi"
title="Gentle Care for Every Generation"
description="At Rashmi Rathi Dental Studio, we believe dentistry should be stress-free and welcoming. We specialize in family and pediatric care, ensuring that kids and parents alike feel comfortable in our chair."
subdescription="With over 10 years of experience, Dr. Rathi creates a calm, patient-focused environment that turns every visit into a positive experience."
imageSrc="http://img.b2bpic.net/free-photo/front-view-female-doctor-smiling-yellow-space_179666-13672.jpg"
mediaAnimation="blur-reveal"
icon={Heart}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Teeth Cleaning & Pediatric Care",
description: "Comprehensive maintenance for all ages, with special focus on gentle pediatric treatments for kids.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/family-with-good-dental-care_53876-47277.jpg",
},
items: [
{
icon: Sparkles,
text: "Deep Scaling",
},
{
icon: Baby,
text: "Kid-Friendly Visits",
},
{
icon: Smile,
text: "Family Checkups",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-sitting-dental-chair-posing-clinic_651396-1407.jpg",
imageAlt: "teeth cleaning concept",
},
{
title: "Restorative & Emergency Care",
description: "From fillings and restorations to emergency procedures, we are here when you need us most.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-boy-lying-dental-chair_23-2147905910.jpg",
},
items: [
{
icon: ShieldAlert,
text: "Emergency Relief",
},
{
icon: CheckCircle2,
text: "Painless Fillings",
},
{
icon: Award,
text: "Smile Makeovers",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-smiling-yellow-space_179666-13672.jpg?_wi=2",
imageAlt: "teeth cleaning concept",
},
]}
title="Our Specialized Dental Services"
description="From routine checkups to specialized cosmetic procedures, we offer a full spectrum of dental care."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Teeth Cleaning & Pediatric Care", description: "Comprehensive maintenance for all ages, with special focus on gentle pediatric treatments for kids.", media: { imageSrc: "http://img.b2bpic.net/free-photo/family-with-good-dental-care_53876-47277.jpg" },
items: [
{ icon: Sparkles, text: "Deep Scaling" },
{ icon: Baby, text: "Kid-Friendly Visits" },
{ icon: Smile, text: "Family Checkups" }
],
reverse: false
},
{
title: "Restorative & Emergency Care", description: "From fillings and restorations to emergency procedures, we are here when you need us most.", media: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-boy-lying-dental-chair_23-2147905910.jpg" },
items: [
{ icon: ShieldAlert, text: "Emergency Relief" },
{ icon: CheckCircle2, text: "Painless Fillings" },
{ icon: Award, text: "Smile Makeovers" }
],
reverse: true
}
]}
title="Our Specialized Dental Services"
description="From routine checkups to specialized cosmetic procedures, we offer a full spectrum of dental care."
/>
</div>
<div id="stats" data-section="stats">
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10+",
title: "Years Experience",
description: "Dedicated dental care",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-chair-care-assistant-canal_1303-1834.jpg",
},
{
id: "m2",
value: "2k+",
title: "Happy Smiles",
description: "Patients treated locally",
imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-little-girl-reception-dentist_1321-3222.jpg",
},
{
id: "m3",
value: "99%",
title: "Painless Focus",
description: "Reported comfort levels",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2965.jpg",
},
]}
title="Why Choose Us"
description="We are proud to serve our community with excellence and integrity."
/>
</div>
<div id="stats" data-section="stats">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "10+", title: "Years Experience", description: "Dedicated dental care", imageSrc: "http://img.b2bpic.net/free-photo/beauty-chair-care-assistant-canal_1303-1834.jpg" },
{ id: "m2", value: "2k+", title: "Happy Smiles", description: "Patients treated locally", imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-little-girl-reception-dentist_1321-3222.jpg" },
{ id: "m3", value: "99%", title: "Painless Focus", description: "Reported comfort levels", imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2965.jpg" }
]}
title="Why Choose Us"
description="We are proud to serve our community with excellence and integrity."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Dr. Rathi is absolutely amazing! My kids actually look forward to their dental checkups now. The atmosphere is so welcoming and calm."
rating={5}
author="Sarah Miller, Parent"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg",
alt: "Sarah",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-outdoors_23-2148613013.jpg",
alt: "Mark",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-dentist-with-eyeglasses_23-2147862084.jpg",
alt: "Jenny",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-female-working-nurse_23-2150829831.jpg",
alt: "David",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-male-doctor-patient_1170-2163.jpg",
alt: "Emma",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Dr. Rathi is absolutely amazing! My kids actually look forward to their dental checkups now. The atmosphere is so welcoming and calm."
rating={5}
author="Sarah Miller, Parent"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg", alt: "Sarah" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-outdoors_23-2148613013.jpg", alt: "Mark" },
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-dentist-with-eyeglasses_23-2147862084.jpg", alt: "Jenny" },
{ src: "http://img.b2bpic.net/free-photo/portrait-female-working-nurse_23-2150829831.jpg", alt: "David" },
{ src: "http://img.b2bpic.net/free-photo/portrait-male-doctor-patient_1170-2163.jpg", alt: "Emma" }
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Dr. Rashmi Rathi",
role: "Head Dentist",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335691.jpg",
},
{
id: "t2",
name: "Dr. Amit Sharma",
role: "Orthodontist",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-nurses-team-outdoors_23-2150796782.jpg",
},
{
id: "t3",
name: "Sunita Verma",
role: "Clinic Manager",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-dentist-standing-with-arms-crossed-with-her-colleague_496169-1032.jpg",
},
]}
title="Meet Our Caring Team"
description="Our team of dental professionals is passionate about your family's oral health."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{ id: "t1", name: "Dr. Rashmi Rathi", role: "Head Dentist", imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335691.jpg" },
{ id: "t2", name: "Dr. Amit Sharma", role: "Orthodontist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-nurses-team-outdoors_23-2150796782.jpg" },
{ id: "t3", name: "Sunita Verma", role: "Clinic Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-dentist-standing-with-arms-crossed-with-her-colleague_496169-1032.jpg" }
]}
title="Meet Our Caring Team"
description="Our team of dental professionals is passionate about your family's oral health."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "At what age should my child first see a dentist?",
content: "We recommend a first visit by age one or when the first tooth appears.",
},
{
id: "f2",
title: "Are your procedures painless?",
content: "Yes, we focus on modern, gentle techniques and offer specialized comfort options.",
},
{
id: "f3",
title: "Do you offer emergency care?",
content: "Yes, please call our clinic immediately if you have a dental emergency.",
},
]}
title="Frequently Asked Questions"
description="Answers to common concerns about our family dentistry services."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "At what age should my child first see a dentist?", content: "We recommend a first visit by age one or when the first tooth appears." },
{ id: "f2", title: "Are your procedures painless?", content: "Yes, we focus on modern, gentle techniques and offer specialized comfort options." },
{ id: "f3", title: "Do you offer emergency care?", content: "Yes, please call our clinic immediately if you have a dental emergency." }
]}
title="Frequently Asked Questions"
description="Answers to common concerns about our family dentistry services."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Appointment"
description="Start your journey towards a healthier smile today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Preferred Date/Time & Reason for Visit",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/dentist-inviting-senior-man-consultation-dental-room-while-nurse-giving-patient-form-fill-indicating-sit-chair-waiting-area-slow-motion-shot-crowded-professional-orthodontist-office_482257-3575.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Appointment"
description="Start your journey towards a healthier smile today."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true }
]}
textarea={{ name: "message", placeholder: "Preferred Date/Time & Reason for Visit", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/dentist-inviting-senior-man-consultation-dental-room-while-nurse-giving-patient-form-fill-indicating-sit-chair-waiting-area-slow-motion-shot-crowded-professional-orthodontist-office_482257-3575.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Rashmi Rathi Dental Studio"
columns={[
{
title: "Clinic Info",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "Book Appointment",
href: "#contact",
},
{
label: "Call: +91 9876543210",
href: "tel:+919876543210",
},
],
},
]}
copyrightText="© 2025 Rashmi Rathi Dental Studio | Because every smile matters"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Rashmi Rathi Dental Studio"
columns={[
{ title: "Clinic Info", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Contact", items: [{ label: "Book Appointment", href: "#contact" }, { label: "Call: +91 9876543210", href: "tel:+919876543210" }] }
]}
copyrightText="© 2025 Rashmi Rathi Dental Studio | Because every smile matters"
/>
</div>
</ReactLenis>
</ThemeProvider>
);