Update src/app/page.tsx

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"

src/app/page.tsx

@@ -1,23 +1,24 @@
-"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';
 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 (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="largeSmallSizeMediumTitles"
       background="floatingGradient"
@@ -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"
+          features={[
-          description="Comprehensive care tailored to your unique needs and health goals"
+            {
+              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="invertDefault"
-          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"
-              ]
-            }
-          ]}
         />
       </div>