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>
 

src/app/page.tsx

@@ -10,6 +10,10 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
+  const handleApplyNow = () => {
+    window.location.href = "mailto:jobs@dskinnerdecor.co.uk?subject=Application%20for%20Employment";
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -43,7 +47,7 @@ export default function LandingPage() {
       background={{ variant: "rotated-rays-animated" }}
       title="Professional Painting & Decorating Services"
       description="High-quality workmanship from an experienced local painter and decorator serving Dundee and surrounding areas."
-      buttons={[{ text: "Get a Free Quote", href: "/contact" }, { text: "Now Hiring", href: "/hiring" }]}
+      buttons={[{ text: "Get a Free Quote", href: "/contact" }, { text: "Now Hiring", onClick: handleApplyNow }]}
       carouselItems={[
         { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-architectural-interior_1048-5614.jpg", imageAlt: "freshly painted wall interior bright" },
         { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/human-hands-working-it-yourself-project_23-2151509470.jpg", imageAlt: "exterior house painting work" },