Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -42,22 +42,14 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroPersonalLinks
-          background={{ variant: "plain" }}
+        <HeroOverlay
           title="Move and Movie"
-          socialLinks={[
-            { icon: Film, label: "YouTube", href: "https://youtube.com" },
-            { icon: Clapperboard, label: "Instagram", href: "https://instagram.com" }
-          ]}
-          linkCards={[
-            {
-              icon: Sparkles,
-              title: "View Our Portfolio",              description: "Explore our latest cinematic creations",              button: { text: "View Work", href: "portfolio" }
-            },
-            {
-              icon: Mail,
-              title: "Start Your Project",              description: "Let's bring your vision to life",              button: { text: "Contact Us", href: "contact" }
-            }
+          description="Professional Video Production & Cinematic Storytelling"
+          imageSrc="https://img.b2bpic.net/free-photo/young-filmmaker-working-media-post-production-from-agency-office_482257-119708.jpg"
+          imageAlt="Professional video production setup"
+          buttons={[
+            { text: "View Portfolio", href: "portfolio" },
+            { text: "Get Started", href: "contact" }
           ]}
           buttonAnimation="slide-up"
         />
@@ -83,7 +75,7 @@ export default function LandingPage() {
           products={[
             {
               id: "1",              brand: "Commercial",              name: "Tech Startup Brand Story",              price: "Featured",              rating: 5,
-              reviewCount: "4.8k",              imageSrc: "https://img.b2bpic.net/free-photo/professional-agency-setup-cinematic-footage-creation-video-editing_482257-118951.jpg",              imageAlt: "Tech startup brand story video"
+              reviewCount: "4.8k",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1770649940673-afnn25uf.mp4",              imageAlt: "Tech startup brand story video"
             },
             {
               id: "2",              brand: "Content",              name: "Social Media Campaign",              price: "Series",              rating: 5,
@@ -107,7 +99,7 @@ export default function LandingPage() {
         <FeatureCardTwentySix
           features={[
             {
-              title: "Commercial Production",              description: "High-impact brand commercials that drive results",              imageSrc: "https://img.b2bpic.net/free-photo/professional-agency-setup-cinematic-footage-creation-video-editing_482257-118951.jpg",              imageAlt: "Commercial video production",              buttonIcon: ArrowRight,
+              title: "Commercial Production",              description: "High-impact brand commercials that drive results",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34my1kGeblbsCcwUUCcjBY9WFkg/uploaded-1770649940673-afnn25uf.mp4",              imageAlt: "Commercial video production",              buttonIcon: ArrowRight,
               buttonHref: "contact"
             },
             {