src/app/page.tsx

@@ -8,7 +8,8 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCartItem from '@/components/ecommerce/cart/ProductCartItem';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import { Shield } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -88,9 +89,14 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialAboutCard
+      <MediaAbout
+      title="About Locksec Security"
+      description="We offer reliable security solutions."
+      tag="Security"
+      tagIcon={Shield}
+      imageSrc="http://img.b2bpic.net/free-photo/brown-concrete-building-clear-blue-sky_250224-217.jpg"
+      imageAlt="modern school building architecture"
       useInvertedBackground={false}
-      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
     />
   </div>