Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -5,10 +5,13 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 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');
@@ -60,7 +63,7 @@ export default function LandingPage() {
             { 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"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772914288718-h4vcoekz.png?_wi=1"
           imageAlt="Patient with beautiful smile"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -76,8 +79,8 @@ export default function LandingPage() {
           features={[
             {
               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", imageAlt: "Professional teeth cleaning service" },
+              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", imageAlt: "Professional teeth cleaning service" }
+              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772922588141-lzr3asp0.png", imageAlt: "Professional teeth cleaning service" }
             },
             {
               id: 2,
@@ -111,6 +114,25 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardEleven
+          title="Our Impact"
+          description="See the results we've delivered for our patients"
+          tag="Results"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          metrics={[
+            {
+              id: "1",              value: "20+",              title: "Years in Practice",              description: "Decades of trusted dental care",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772914288718-h4vcoekz.png?_wi=2",              imageAlt: "Years of experience"
+            },
+            {
+              id: "2",              value: "5000+",              title: "Happy Patients",              description: "Satisfied smiles every year",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772914288718-h4vcoekz.png?_wi=3",              imageAlt: "Happy patients"
+            }
+          ]}
+        />
+      </div>
+
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout
           heading={[
@@ -125,28 +147,57 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardTwentyTwo
+        <div>
-          title="Why Choose EXPERT DENTAL CARE?"
+          <FeatureBorderGlow
-          description="We are committed to providing exceptional dental care with a focus on patient comfort and satisfaction"
+            title="Why Choose EXPERT DENTAL CARE?"
-          tag="Our Advantages"
+            description="We are committed to providing exceptional dental care with a focus on patient comfort and satisfaction"
-          features={[
+            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"
+              {
-            },
+                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"
+              {
-            },
+                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"
+              {
-            },
+                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"
+              {
-            }
+                title: "Affordable Prices",                description: "We offer competitive pricing without compromising on quality of care and service",                icon: DollarSign
-          ]}
+              }
-          animationType="slide-up"
+            ]}
-          textboxLayout="default"
+            animationType="slide-up"
-          useInvertedBackground={false}
+            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">
@@ -192,7 +243,7 @@ export default function LandingPage() {
           mediaAnimation="slide-up"
           mediaPosition="right"
           inputPlaceholder="Enter your email address"
-          buttonText="Schedule Now"
+          buttonText="Check Open Times"
           termsText="We respect your privacy. Unsubscribe at any time. By scheduling an appointment, you agree to our terms of service."
         />
       </div>