Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -2,12 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import { Shield, Zap, Heart, DollarSign } from 'lucide-react';
 
 const handleAppointmentClick = () => {
   const contactSection = document.getElementById('contact');
@@ -45,48 +48,67 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroSplitKpi
           title="Expert Care for Your Perfect Smile"
           description="Welcome to EXPERT DENTAL CARE, where we provide comprehensive dental treatments to help you maintain healthy, beautiful teeth. Our experienced team uses advanced technology to ensure optimal care and comfort for every patient."
-          imageSrc="http://img.b2bpic.net/free-photo/cheerful-dark-skinned-male-with-afro-hairstyle-keeps-hand-head-laughs-as-has-fun_273609-8514.jpg?_wi=1"
-          imageAlt="Patient with beautiful smile"
+          background={{ variant: "plain" }}
+          kpis={[
+            { value: "20+", label: "Years Experience" },
+            { value: "5000+", label: "Happy Patients" },
+            { value: "99%", label: "Satisfaction Rate" }
+          ]}
+          enableKpiAnimation={true}
           buttons={[
             { text: "Book Appointment", onClick: handleAppointmentClick },
             { text: "Call Now", href: "tel:+1-555-123-4567" }
           ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772914288718-h4vcoekz.png"
+          imageAlt="Patient with beautiful smile"
           mediaAnimation="slide-up"
-          background={{ variant: "plain" }}
+          imagePosition="right"
         />
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardOne
+        <FeatureCardNine
           title="Our Dental Services"
           description="Experience world-class dental care with our comprehensive range of treatments designed to meet all your oral health needs"
           tag="Services"
           textboxLayout="default"
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
           features={[
             {
-              title: "Teeth Cleaning",              description: "Starting at $99",              imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4445.jpg?_wi=1",              imageAlt: "Professional teeth cleaning service"
+              id: 1,
+              title: "Teeth Cleaning",              description: "Professional teeth cleaning service - Starting at $99",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918284947-ravmypqr.png?_wi=1", imageAlt: "Professional teeth cleaning service" },
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918284947-ravmypqr.png?_wi=2", imageAlt: "Professional teeth cleaning service" }
             },
             {
-              title: "Dental Implants",              description: "Starting at $1,500",              imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-holding-dental-model-hands-concept-dentistry-dental-treatment_169016-67449.jpg",              imageAlt: "Dental implant procedure"
+              id: 2,
+              title: "Dental Implants",              description: "Dental implant procedure - Starting at $1,500",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772916731148-bq62oa9t.png", imageAlt: "Dental implant procedure" },
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772916754407-rqt55yk8.jpg", imageAlt: "Dental implant procedure" }
             },
             {
-              title: "Teeth Whitening",              description: "Starting at $199",              imageSrc: "http://img.b2bpic.net/free-photo/sunny-close-up-portrait-pretty-blonde-woman-winking-showing-tongue-playful-positive-mood-pastel-sunny-colors_291049-1275.jpg",              imageAlt: "Professional teeth whitening"
+              id: 3,
+              title: "Teeth Whitening",              description: "Professional teeth whitening - Starting at $199",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917470635-7x7xoeoe.png", imageAlt: "Professional teeth whitening" },
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917533721-j9fojxt6.jpg", imageAlt: "Professional teeth whitening" }
             },
             {
-              title: "Root Canal Treatment",              description: "Starting at $800",              imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentistry-room_1157-19459.jpg",              imageAlt: "Root canal treatment"
+              id: 4,
+              title: "Root Canal Treatment",              description: "Root canal treatment - Starting at $800",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917906248-gacjsri3.jpg", imageAlt: "Root canal treatment" },
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917921581-8s7eoz1a.jpg", imageAlt: "Root canal treatment" }
             },
             {
-              title: "Braces / Orthodontics",              description: "Starting at $3,000",              imageSrc: "http://img.b2bpic.net/free-photo/dentist-taking-selfie-with-patient_23-2148396221.jpg",              imageAlt: "Orthodontic braces treatment"
+              id: 5,
+              title: "Braces / Orthodontics",              description: "Orthodontic braces treatment - Starting at $3,000",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918038084-xc9gz10f.jpg", imageAlt: "Orthodontic braces treatment" },
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918049445-ej7j9ung.jpg", imageAlt: "Orthodontic braces treatment" }
             },
             {
-              title: "Cosmetic Dentistry",              description: "Starting at $500",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-stylish-laughing-model-gray-casual-summer-clothes-brown-hat-with-natural-makeup_158538-11648.jpg",              imageAlt: "Cosmetic dentistry services"
+              id: 6,
+              title: "Cosmetic Dentistry",              description: "Cosmetic dentistry services - Starting at $500",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918159223-nrb9uuet.jpg", imageAlt: "Cosmetic dentistry services" },
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918242335-26ikwom7.jpg", imageAlt: "Cosmetic dentistry services" }
             }
           ]}
+          showStepNumbers={false}
+          animationType="slide-up"
           useInvertedBackground={false}
         />
       </div>
@@ -99,10 +121,61 @@ export default function LandingPage() {
           buttons={[
             { text: "Learn More About Our Team", href: "#testimonials" }
           ]}
+          buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
+      <div id="features" data-section="features">
+        <div>
+          <FeatureBorderGlow
+            title="Why Choose EXPERT DENTAL CARE?"
+            description="We are committed to providing exceptional dental care with a focus on patient comfort and satisfaction"
+            tag="Our Advantages"
+            features={[
+              {
+                title: "Experienced Dentists",                description: "Our team consists of highly trained dental professionals with extensive experience in all aspects of modern dentistry",                icon: Shield
+              },
+              {
+                title: "Advanced Dental Equipment",                description: "We invest in cutting-edge dental technology to ensure accurate diagnoses and effective treatments",                icon: Zap
+              },
+              {
+                title: "Pain-Free Treatment",                description: "Patient comfort is our priority. We use modern anesthesia techniques and gentle methods for painless dental care",                icon: Heart
+              },
+              {
+                title: "Affordable Prices",                description: "We offer competitive pricing without compromising on quality of care and service",                icon: DollarSign
+              }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div>
+          <FeatureCardNineteen
+            title="Our Core Strengths"
+            description="The qualities that set us apart"
+            tag="Excellence"
+            features={[
+              {
+                id: 1,                title: "Patient-Centered Care",                description: "Your comfort and satisfaction are our top priorities in every procedure",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772920945060-uuv27r5h.png?_wi=1",                imageAlt: "Patient care",                tag: "Care",                subtitle: "Priority"
+              },
+              {
+                id: 2,                title: "Proven Results",                description: "Years of successful treatments and happy patients speak to our expertise",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772920945060-uuv27r5h.png?_wi=2",                imageAlt: "Results",                tag: "Results",                subtitle: "Success"
+              },
+              {
+                id: 3,                title: "Cutting-Edge Technology",                description: "We use the latest dental innovations for better outcomes",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772920945060-uuv27r5h.png?_wi=3",                imageAlt: "Technology",                tag: "Innovation",                subtitle: "Modern"
+              },
+              {
+                id: 4,                title: "Personalized Approach",                description: "Every patient gets a customized treatment plan tailored to their needs",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772920945060-uuv27r5h.png?_wi=4",                imageAlt: "Personalized care",                tag: "Custom",                subtitle: "Tailored"
+              }
+            ]}
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix
           title="What Our Patients Say"