Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,11 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Monitor, Bot, Pencil, Video, Search, Share2 } from "lucide-react";
+import { Monitor, Bot, Pencil, Video, Search, Share2, Sparkles } from "lucide-react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -31,7 +32,7 @@ export default function LandingPage() {
             navItems={[
               { name: "About", id: "about" },
               { name: "Services", id: "features" },
-              { name: "Case Studies", id: "testimonials" },
+              { name: "Case Studies", id: "casestudies" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Advertise Media"
@@ -71,9 +72,25 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="casestudies" data-section="casestudies">
+          <FeatureCardTwentyThree
+            title="Our Work In Motion"
+            description="Real-world case studies showcasing impactful visual storytelling."
+            animationType="blur-reveal"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+                { id: "1", title: "Divineasoul", tags: ["Crystals", "Stones", "E-commerce"], videoSrc: "https://www.w3schools.com/howto/rain.mp4?_wi=1", videoAriaLabel: "Divineasoul crystals promo" },
+                { id: "2", title: "Wedmee", tags: ["Photography", "Videography", "Events"], videoSrc: "https://www.w3schools.com/howto/rain.mp4?_wi=2", videoAriaLabel: "Wedmee wedding cinematic" },
+                { id: "3", title: "Atmos Spa", tags: ["Luxury", "Spa", "Wellness"], videoSrc: "https://www.w3schools.com/howto/rain.mp4?_wi=3", videoAriaLabel: "Atmos Spa experience" },
+                { id: "4", title: "Aarogya Clinics", tags: ["Medical", "Health", "Doctor"], videoSrc: "https://www.w3schools.com/howto/rain.mp4?_wi=4", videoAriaLabel: "Aarogya clinics presentation" },
+            ]}
+          />
+        </div>
+
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardThirteen
-            title="Case Studies & Results"
+            title="Client Results"
             description="See how we accelerate growth for premium brands."
             animationType="depth-3d"
             showRating={true}