fix case study in mobile dev

pages/WearableDeviceDevelopment.tsx

@@ -41,6 +41,7 @@ import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
 import { navigateTo } from "@/App";
 import { Helmet } from "react-helmet-async";
+import HireDeveloperSection from "@/components/HireDeveloperSection";
 
 // Wearable & Device App Development Hero Section
 const WearableHeroWithCTA = () => {
@@ -711,14 +712,12 @@ const WearableProcess = () => {
                   whileInView={{ opacity: 1, x: 0 }}
                   transition={{ duration: 0.8, delay: index * 0.2 }}
                   viewport={{ once: true }}
-                  className={`flex items-center ${
-                    isEven ? "lg:flex-row" : "lg:flex-row-reverse"
-                  } flex-col lg:gap-16 gap-8`}
+                  className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
+                    } flex-col lg:gap-16 gap-8`}
                 >
                   <div
-                    className={`flex-1 ${
-                      isEven ? "lg:text-right" : "lg:text-left"
-                    } text-center lg:text-left`}
+                    className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
+                      } text-center lg:text-left`}
                   >
                     <div className="bg-card/20 backdrop-blur-md rounded-2xl border border-white/10 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
                       <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">
@@ -1482,9 +1481,37 @@ export const WearableDeviceDevelopment = () => {
       </section>
 
       {/* Case Studies */}
-      <section className="bg-card">
+      {/* <section className="bg-card">
         <WearableCaseStudies />
-      </section>
+      </section> */}
+
+      <HireDeveloperSection
+        title="Augment Your Team with Top Wearable App Developers"
+        description="Develop seamless, real-time apps for smartwatches and wearable devices tailored for fitness, healthcare, and lifestyle industries."
+        buttonText="Hire Wearable Developers"
+        buttonLink="/start-a-project"
+        developerTypes={[
+          {
+            title: "WearOS Developer",
+            experience: "4+ Years",
+            skills: ["Kotlin", "Jetpack Compose", "WearOS SDK", "Bluetooth LE"],
+            specialties: "Smartwatch UIs, Health Data Integration",
+          },
+          {
+            title: "watchOS Developer",
+            experience: "5+ Years",
+            skills: ["Swift", "WatchKit", "HealthKit", "Core Motion"],
+            specialties: "Apple Watch Integration, Fitness Tracking",
+          },
+          {
+            title: "Cross-Platform Wearable Developer",
+            experience: "6+ Years",
+            skills: ["Flutter", "React Native", "Firebase", "Sensor APIs"],
+            specialties: "Hybrid Wearable Apps, Real-Time Sync",
+          },
+        ]}
+      />
+
 
       {/* Mid-Page CTA */}
       <section className="bg-background">