Update src/app/page.tsx

Merge version_3 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"},
       ]}
@@ -92,10 +95,10 @@ export default function LandingPage() {
         {
           src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153830.jpg",          alt: "Client avatar 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",          alt: "Handsome businessman wearing glasses"},
+          src: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg",          alt: "Businesswoman happy to be back at work"},
       ]}
       avatarText="Trusted by leading innovators."
-      imageSrc="http://img.b2bpic.net/free-photo/successful-middle-eastern-employee-handling-financial-planning_482257-128579.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EoafwEysuIxqf4tA00y8twM2mh/uploaded-1780849545851-gshjk7ic.png"
       imageAlt="Mohammed Amine Belalia working on AI solutions"
       mediaAnimation="slide-up"
       buttonAnimation="slide-up"
@@ -124,6 +127,14 @@ export default function LandingPage() {
         {
           type: "text",          content: "Forward-thinking AI Solutions Architect, Electrotechnical Engineer, and Professional Video Editor with a proven track record of blending rigorous technical innovation with cinematic storytelling. Expert in designing advanced AI automation workflows (n8n, API integrations) and producing high-end, hyper-realistic visual content. Experienced e-commerce strategist and business coach skilled in digital product launches, community management, and global market scaling."},
       ]}
+      buttons={[
+        {
+          text: "View Portfolio",          href: "#skills"
+        },
+        {
+          text: "Connect for a Project",          href: "#contact"
+        }
+      ]}
     />
   </div>
 
@@ -222,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}
@@ -271,4 +312,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}