Update src/app/page.tsx

src/app/page.tsx

@@ -4,13 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Heart, Stethoscope, Zap, Star, HelpCircle, Calendar } from "lucide-react";
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import { Heart, Stethoscope, Zap, Star, HelpCircle, Calendar, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -80,32 +81,58 @@ export default function LandingPage() {
         />
       </div>
       
+      <div id="webild-1769560547864-3e8m6xcy5" data-section="webild-1769560547864-3e8m6xcy5">
+        <MetricCardTwo
+          metrics={[
+            {
+              id: "1",              value: "15K+",              description: "Patients treated and helped return to active lifestyles"
+            },
+            {
+              id: "2",              value: "98%",              description: "Patient satisfaction rate with our care and treatment outcomes"
+            },
+            {
+              id: "3",              value: "25+",              description: "Years of combined clinical experience on our team"
+            },
+            {
+              id: "4",              value: "99%",              description: "Treatment success rate for common musculoskeletal conditions"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          title="Trusted by thousands of patients for their health and wellness needs."
+          description="See how we're making a difference"
+          textboxLayout="default"
+          useInvertedBackground="invertDefault"
+        />
+      </div>
+      
       <div id="services" data-section="services">
         <FeatureCardTwelve
-          title="Our Chiropractic Services"
-          description="Comprehensive care tailored to your unique needs and health goals"
+          features={[
+            {
+              id: "spinal-care",              label: "Spinal Care",              title: "Advanced spinal alignment and vertebral adjustment techniques",              items: ["Spinal decompression therapy", "Corrective adjustments", "Posture analysis and correction", "Long-term pain relief"],
+              buttons: [{ text: "Learn More", href: "#" }]
+            },
+            {
+              id: "sports-medicine",              label: "Sports Medicine",              title: "Specialized care for athletes and active individuals",              items: ["Athletic performance enhancement", "Injury prevention strategies", "Pre-event preparation", "Rapid recovery protocols"],
+              buttons: [{ text: "Learn More", href: "#" }]
+            },
+            {
+              id: "wellness-prevention",              label: "Wellness",              title: "Preventive care and holistic health maintenance programs",              items: ["Wellness assessments", "Preventive treatment plans", "Lifestyle coaching", "Nutritional guidance"],
+              buttons: [{ text: "Learn More", href: "#" }]
+            },
+            {
+              id: "pain-management",              label: "Pain Relief",              title: "Comprehensive pain management and therapeutic solutions",              items: ["Acute and chronic pain treatment", "Therapeutic exercises", "Soft tissue therapy", "Personalized treatment plans"],
+              buttons: [{ text: "Learn More", href: "#" }]
+            }
+          ]}
+          animationType="slide-up"
+          title="Our Premium Services"
+          description="Comprehensive chiropractic solutions tailored to your health needs"
           tag="Services"
           tagIcon={Zap}
           textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground="noInvert"
-          features={[
-            {
-              id: "spinal",              label: "Spinal Care",              title: "Spinal Adjustments & Alignment",              items: [
-                "Corrective spinal adjustments",                "Alignment restoration",                "Chronic pain relief",                "Posture improvement"
-              ]
-            },
-            {
-              id: "sports",              label: "Sports Medicine",              title: "Athletic Performance & Injury Prevention",              items: [
-                "Sports injury treatment",                "Performance optimization",                "Injury prevention programs",                "Recovery acceleration"
-              ]
-            },
-            {
-              id: "wellness",              label: "Wellness Care",              title: "Preventive Health & Maintenance",              items: [
-                "Wellness consultations",                "Lifestyle coaching",                "Ergonomic assessments",                "Long-term health planning"
-              ]
-            }
-          ]}
+          useInvertedBackground="invertDefault"
         />
       </div>