Merge version_5 into main

Merge version_5 into main

src/app/hiring/page.tsx

@@ -6,6 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TextAbout from '@/components/sections/about/TextAbout';
+import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
 
 export default function HiringPage() {
   return (
@@ -37,9 +38,16 @@ export default function HiringPage() {
   </div>
 
   <div id="hiring" data-section="hiring">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Join DSkinner Painter and Decorator"
+      <TimelineProcessFlow
+      title="Join Our Team"
+      description="We are looking for passionate painters and decorators to join our growing team. Apply today to build your career with us."
+      textboxLayout="split-description"
+      animationType="slide-up"
+      items={[
+        { content: "Submit your application and portfolio via our contact form.", media: null, reverse: false },
+        { content: "We'll review your experience and get in touch for an interview.", media: null, reverse: true },
+        { content: "Join our professional team of decorators in the Dundee area!", media: null, reverse: false }
+      ]}
     />
   </div>