Update src/app/page.tsx

Merge version_4 into main

src/app/blog/page.tsx

@@ -54,7 +54,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}?status=published`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {
@@ -85,7 +86,7 @@ export default function BlogPage() {
         <ThemeProvider
             defaultButtonVariant="shift-hover"
             defaultTextAnimation="entrance-slide"
-            borderRadius="soft"
+            borderRadius="pill"
             contentWidth="mediumSmall"
             sizing="largeSmallSizeMediumTitles"
             background="floatingGradient"
@@ -160,4 +161,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/page.tsx

@@ -1,10 +1,10 @@
-"use client"
+"use client";
 
 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';
@@ -17,7 +17,7 @@ export default function LandingPage() {
     <ThemeProvider
       defaultButtonVariant="shift-hover"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="largeSmallSizeMediumTitles"
       background="floatingGradient"
@@ -80,32 +80,28 @@ export default function LandingPage() {
         />
       </div>
       
-      <div id="services" data-section="services">
-        <FeatureCardTwelve
-          title="Our Chiropractic Services"
-          description="Comprehensive care tailored to your unique needs and health goals"
-          tag="Services"
-          tagIcon={Zap}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground="noInvert"
-          features={[
+      <div id="webild-1769560547864-3e8m6xcy5" data-section="webild-1769560547864-3e8m6xcy5">
+        <MetricCardTwo
+          metrics={[
             {
-              id: "spinal",              label: "Spinal Care",              title: "Spinal Adjustments & Alignment",              items: [
-                "Corrective spinal adjustments",                "Alignment restoration",                "Chronic pain relief",                "Posture improvement"
-              ]
+              id: "1",              value: "15K+",              description: "Patients treated and helped return to active lifestyles"
             },
             {
-              id: "sports",              label: "Sports Medicine",              title: "Athletic Performance & Injury Prevention",              items: [
-                "Sports injury treatment",                "Performance optimization",                "Injury prevention programs",                "Recovery acceleration"
-              ]
+              id: "2",              value: "98%",              description: "Patient satisfaction rate with our care and treatment outcomes"
             },
             {
-              id: "wellness",              label: "Wellness Care",              title: "Preventive Health & Maintenance",              items: [
-                "Wellness consultations",                "Lifestyle coaching",                "Ergonomic assessments",                "Long-term health planning"
-              ]
+              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>