Update src/app/page.tsx

src/app/page.tsx

@@ -10,6 +10,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import { Activity, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
@@ -30,22 +31,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Services", id: "services" },
-        },
+        { name: "Blog", id: "blog" },
-        {
+        { name: "FAQ", id: "faq" },
-          name: "About",
+        { name: "Contact", id: "contact" },
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Pro Smile Dental"
     />
@@ -53,84 +44,32 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Your Perfect Smile Starts Here"
       description="Advanced, painless dental care in Manimangalam, Chennai. Experience professional care with state-of-the-art technology."
       kpis={[
-        {
+        { value: "100%", label: "Sterilization Protocol" },
-          value: "100%",
+        { value: "24/7", label: "Care Availability" },
-          label: "Sterilization Protocol",
+        { value: "500+", label: "Happy Patients" },
-        },
-        {
-          value: "24/7",
-          label: "Care Availability",
-        },
-        {
-          value: "500+",
-          label: "Happy Patients",
-        },
       ]}
       enableKpiAnimation={true}
-      buttons={[
+      buttons={[{ text: "Book Appointment Now", href: "#contact" }, { text: "Call Now", href: "tel:+919999999999" }]}
-        {
-          text: "Book Appointment Now",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:+919999999999",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73927.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg", alt: "Patient 1" },
-          src: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
+        { src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg", alt: "Patient 2" },
-          alt: "Patient 1",
+        { src: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg", alt: "Patient 3" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg", alt: "Patient 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-young-sincere-beautiful-african-girl-smiling_176420-11234.jpg", alt: "Patient 5" },
-          src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
-          alt: "Patient 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg",
-          alt: "Patient 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",
-          alt: "Patient 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-sincere-beautiful-african-girl-smiling_176420-11234.jpg",
-          alt: "Patient 5",
-        },
       ]}
       avatarText="Join 500+ happy patients"
       marqueeItems={[
-        {
+        { type: "text", text: "Painless Dentistry" },
-          type: "text",
+        { type: "text-icon", text: "Modern Tech", icon: Activity },
-          text: "Painless Dentistry",
+        { type: "text", text: "Family Friendly" },
-        },
+        { type: "text-icon", text: "Hygienic Environment", icon: ShieldCheck },
-        {
+        { type: "text", text: "Affordable Care" },
-          type: "text-icon",
-          text: "Modern Tech",
-          icon: Activity,
-        },
-        {
-          type: "text",
-          text: "Family Friendly",
-        },
-        {
-          type: "text-icon",
-          text: "Hygienic Environment",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text",
-          text: "Affordable Care",
-        },
       ]}
     />
   </div>
@@ -139,12 +78,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={true}
       title="Welcome to Pro Smile Dental Care"
-      buttons={[
+      buttons={[{ text: "Learn More", href: "#" }]}
-        {
-          text: "Learn More",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
@@ -155,74 +89,37 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Teeth Cleaning", description: "Professional scaling and polishing for healthy gums.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-patient-s-teeth_1098-4018.jpg?_wi=1", titleIconSrc: "Smile", buttonText: "View" },
-          title: "Teeth Cleaning",
+        { title: "Teeth Whitening", description: "Brighten your smile with advanced professional whitening.", imageSrc: "http://img.b2bpic.net/free-photo/woman-whitening-teeth-dentistry-with-special-equipment_1303-26400.jpg?_wi=1", titleIconSrc: "Sparkles", buttonText: "View" },
-          description: "Professional scaling and polishing for healthy gums.",
+        { title: "Orthodontics", description: "Customized braces and clear aligner solutions.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-dental-gems_23-2151212418.jpg", titleIconSrc: "Maximize", buttonText: "View" },
-          imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-patient-s-teeth_1098-4018.jpg",
-          titleIconSrc: "Smile",
-          buttonText: "View",
-        },
-        {
-          title: "Teeth Whitening",
-          description: "Brighten your smile with advanced professional whitening.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-whitening-teeth-dentistry-with-special-equipment_1303-26400.jpg",
-          titleIconSrc: "Sparkles",
-          buttonText: "View",
-        },
-        {
-          title: "Orthodontics",
-          description: "Customized braces and clear aligner solutions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-dental-gems_23-2151212418.jpg",
-          titleIconSrc: "Maximize",
-          buttonText: "View",
-        },
       ]}
       title="Our Professional Services"
       description="Comprehensive dental treatments delivered with precision and care."
     />
   </div>
 
+  <div id="blog" data-section="blog">
+      <BlogCardOne 
+        title="Dental Health Articles"
+        description="Insights and tips for maintaining a healthy, radiant smile."
+        textboxLayout="split"
+        useInvertedBackground={true}
+        animationType="slide-up"
+        blogs={[
+            { id: "1", category: "Oral Health", title: "How to Maintain Healthy Gums", excerpt: "Daily habits for better periodontal health...", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-patient-s-teeth_1098-4018.jpg?_wi=2", authorName: "Dr. Smith", authorAvatar: "", date: "May 12, 2025" },
+            { id: "2", category: "Cosmetic", title: "Choosing the Right Whitening", excerpt: "Everything you need to know about professional whitening...", imageSrc: "http://img.b2bpic.net/free-photo/woman-whitening-teeth-dentistry-with-special-equipment_1303-26400.jpg?_wi=2", authorName: "Dr. Jones", authorAvatar: "", date: "May 15, 2025" }
+        ]}
+      />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Arjun R.", handle: "@arjun_chennai", testimonial: "Completely pain-free root canal. Very happy with the care!", imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg" },
-          id: "1",
+        { id: "2", name: "Priya K.", handle: "@priya_k", testimonial: "Friendly staff and very clean clinic in Manimangalam.", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg" },
-          name: "Arjun R.",
-          handle: "@arjun_chennai",
-          testimonial: "Completely pain-free root canal. Very happy with the care!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
-        },
-        {
-          id: "2",
-          name: "Priya K.",
-          handle: "@priya_k",
-          testimonial: "Friendly staff and very clean clinic in Manimangalam.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
-        },
-        {
-          id: "3",
-          name: "Suresh M.",
-          handle: "@suresh_m",
-          testimonial: "Excellent experience with dental implants. Professional team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg",
-        },
-        {
-          id: "4",
-          name: "Lakshmi N.",
-          handle: "@lakshmi_n",
-          testimonial: "The best dentist near me! Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",
-        },
-        {
-          id: "5",
-          name: "Vijay D.",
-          handle: "@vijay_d",
-          testimonial: "Quick, efficient, and very affordable dental care.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-sincere-beautiful-african-girl-smiling_176420-11234.jpg",
-        },
       ]}
       title="What Our Patients Say"
       description="Patient satisfaction is our top priority."
@@ -234,21 +131,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "Does a root canal hurt?", content: "Modern root canal procedures are virtually pain-free thanks to local anesthesia." },
-          id: "1",
+        { id: "2", title: "How often should I visit a dentist?", content: "We recommend a routine check-up and cleaning every 6 months." },
-          title: "Does a root canal hurt?",
+        { id: "3", title: "Is teeth whitening safe?", content: "Professional teeth whitening supervised by dentists is safe for most patients." },
-          content: "Modern root canal procedures are virtually pain-free thanks to local anesthesia.",
-        },
-        {
-          id: "2",
-          title: "How often should I visit a dentist?",
-          content: "We recommend a routine check-up and cleaning every 6 months.",
-        },
-        {
-          id: "3",
-          title: "Is teeth whitening safe?",
-          content: "Professional teeth whitening supervised by dentists is safe for most patients.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Common questions about your dental health and clinic visits."
@@ -259,9 +144,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Contact Us"
       title="Book Your Consultation"
       description="Ready to improve your smile? Schedule an appointment today in Manimangalam, Chennai."
@@ -272,36 +155,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Pro Smile Dental Care"
       columns={[
-        {
+        { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
-          title: "Quick Links",
+        { title: "Resources", items: [{ label: "Blog", href: "#blog" }, { label: "FAQ", href: "#faq" }] },
-          items: [
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
       ]}
       copyrightText="© 2025 Pro Smile Dental Care | Manimangalam, Chennai"
     />
@@ -309,4 +165,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}