Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -3,12 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+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"
@@ -68,43 +71,68 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <ProductCardTwo
+        <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"
-          products={[
+          features={[
             {
-              id: "1",              brand: "EXPERT DENTAL CARE",              name: "Teeth Cleaning",              price: "Starting at $99",              rating: 5,
-              reviewCount: "450+",              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-1772922588141-lzr3asp0.png", imageAlt: "Professional teeth cleaning service" }
             },
             {
-              id: "2",              brand: "EXPERT DENTAL CARE",              name: "Dental Implants",              price: "Starting at $1,500",              rating: 5,
-              reviewCount: "380+",              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" }
             },
             {
-              id: "3",              brand: "EXPERT DENTAL CARE",              name: "Teeth Whitening",              price: "Starting at $199",              rating: 5,
-              reviewCount: "520+",              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" }
             },
             {
-              id: "4",              brand: "EXPERT DENTAL CARE",              name: "Root Canal Treatment",              price: "Starting at $800",              rating: 5,
-              reviewCount: "290+",              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" }
             },
             {
-              id: "5",              brand: "EXPERT DENTAL CARE",              name: "Braces / Orthodontics",              price: "Starting at $3,000",              rating: 5,
-              reviewCount: "310+",              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" }
             },
             {
-              id: "6",              brand: "EXPERT DENTAL CARE",              name: "Cosmetic Dentistry",              price: "Starting at $500",              rating: 5,
-              reviewCount: "425+",              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" }
             }
           ]}
-          gridVariant="three-columns-all-equal-width"
+          showStepNumbers={false}
           animationType="slide-up"
           useInvertedBackground={false}
         />
       </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={[
@@ -119,29 +147,57 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardOne
-          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",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-dentist-clinic_23-2149164357.jpg",              imageAlt: "Experienced dental team"
-            },
-            {
-              title: "Advanced Dental Equipment",              description: "We invest in cutting-edge dental technology to ensure accurate diagnoses and effective treatments",              imageSrc: "http://img.b2bpic.net/free-photo/happy-man-welcoming-lady-sitting-sofa-holding-digital-tablet_23-2147879153.jpg?_wi=1",              imageAlt: "Modern dental clinic"
-            },
-            {
-              title: "Pain-Free Treatment",              description: "Patient comfort is our priority. We use modern anesthesia techniques and gentle methods for painless dental care",              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=2",              imageAlt: "Comfortable dental experience"
-            },
-            {
-              title: "Affordable Prices",              description: "We offer competitive pricing without compromising on quality of care and service",              imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4445.jpg?_wi=2",              imageAlt: "Affordable dental services"
-            }
-          ]}
-          gridVariant="two-columns-alternating-heights"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
+        <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">
@@ -187,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>
@@ -226,4 +282,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}