Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Sparkles, Zap, Palette, Code, TrendingUp, Shield, Smartphone, Star, Rocket, Crown, DollarSign, Mail } from 'lucide-react';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 
 export default function LandingPage() {
   return (
@@ -194,6 +195,24 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="Companies I've Worked With"
+          description="At Webild, we collaborate with a diverse range of companies to bring innovative solutions to life. Here are some of the organizations I've had the pleasure to work with."
+          bulletPoints={[
+            { title: "Tech Innovators Inc.", description: "Leading edge technology solutions for the future." },
+            { title: "Global Solutions Co.", description: "Global reach with local expertise in technology solutions." },
+            { title: "Innovatech LLC", description: "Specializing in cutting-edge software and hardware solutions." },
+            { title: "FutureTech Corp.", description: "Pioneering technology solutions for a better tomorrow." }
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+          imageAlt="Collaboration between tech companies"
+          imagePosition="left"
+          textboxLayout="stacked"
+          useInvertedBackground="never"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[

src/components/sections/hero/HeroCentered.tsx

@@ -111,7 +111,7 @@ const HeroCentered = ({
           items={marqueeItems}
           speed={marqueeSpeed}
           showCard={showMarqueeCard}
-          className={cls("absolute bottom-6 left-1/2 -translate-x-1/2 w-content-width z-10", marqueeClassName)}
+          className={cls("absolute bottom-0 left-0 right-0 overflow-x-auto whitespace-nowrap scroll-smooth py-4", marqueeClassName)}
           itemClassName={marqueeItemClassName}
           cardClassName={marqueeCardClassName}
           imageClassName={marqueeImageClassName}