Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -12,6 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import { Cloud, Lightbulb, Linkedin, Mail, Phone, ShoppingCart, Users, Video } from "lucide-react";
 
 export default function LandingPage() {
@@ -46,6 +47,8 @@ export default function LandingPage() {
           name: "Social Proof",          id: "social-proof"},
         {
           name: "Testimonials",          id: "testimonials"},
+        {
+          name: "Videos",          id: "videos"},
         {
           name: "Contact",          id: "contact"},
       ]}
@@ -230,6 +233,36 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="videos" data-section="videos">
+      <TeamCardTen
+      useInvertedBackground={false}
+      title="Our Video Creations"
+      tag="Portfolio"
+      membersAnimation="slide-up"
+      memberVariant="card"
+      members={[
+        {
+          id: "video-1",          name: "AI Solutions Explained",          videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/temp/ai_solutions_explained.mp4",          videoAriaLabel: "Video explaining AI solutions"
+        },
+        {
+          id: "video-2",          name: "Cinematic Product Showcase",          videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/temp/product_showcase.mp4",          videoAriaLabel: "Cinematic product showcase video"
+        },
+        {
+          id: "video-3",          name: "E-commerce Strategy Insights",          videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/temp/ecommerce_strategy.mp4",          videoAriaLabel: "Video on e-commerce strategy insights"
+        },
+        {
+          id: "video-4",          name: "Brand Storytelling through Video",          videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/temp/brand_storytelling.mp4",          videoAriaLabel: "Video on brand storytelling"
+        },
+        {
+          id: "video-5",          name: "Motion Graphics Demo Reel",          videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/temp/motion_graphics.mp4",          videoAriaLabel: "Motion graphics demo reel video"
+        },
+        {
+          id: "video-6",          name: "Tutorial: Advanced Video Editing",          videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/temp/video_editing_tutorial.mp4",          videoAriaLabel: "Advanced video editing tutorial video"
+        }
+      ]}
+    />
+  </div>
+
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}