🎯 Overview

This PR implements a complete careers page that replicates modern design patterns similar to AppSumo's careers page, as requested in the issue. The page includes all required sections with responsive design, smooth animations, and seamless integration with the existing website.

✨ Features Implemented

📋 Page Sections:

• Hero Section - Compelling headline with call-to-action buttons for navigation
• Culture & Values - Showcases company culture with 3 core values (Innovation First, Collaboration, Growth Mindset)
• Perks & Benefits - 6 key benefits with icons including Remote First, Competitive Salary, Learning & Development, Health & Wellness, Unlimited PTO, and Career Growth
• Job Openings - 4 placeholder positions (Frontend Developer, Backend Developer, DevOps Engineer, Technical Writer) with application links
• Testimonials - Auto-rotating carousel featuring team member testimonials
• Call-to-Action - Final section encouraging candidates to get in touch

🎨 Design & UX:

• Responsive Design - Optimized for desktop, tablet, and mobile devices
• Modern Animations - Framer Motion powered scroll-triggered animations with stagger effects
• Consistent Branding - Blue/purple gradient themes matching existing site design
• Interactive Elements - Hover effects, smooth transitions, and testimonial carousel
• Accessibility - Semantic HTML, proper headings structure, and keyboard navigation support

🔗 Navigation & Integration:

• Updated footer "Careers" link to point to /careers instead of #
• Smooth anchor navigation within the page (#openings, #culture)
• All "Apply Now" buttons link to existing contact page
• Seamless integration with existing Docusaurus layout and components

🛠️ Technical Implementation

• Built with React + TypeScript following existing codebase patterns
• Styled with Tailwind CSS for responsive design
• Uses Framer Motion for smooth animations
• Implements SEO-friendly meta tags and structured content
• Minimal changes - Only 2 files modified (new page + footer update)

📱 Screenshots

Desktop View:

Mobile View:

✅ Testing

• Build process completes successfully
• Page renders correctly on all screen sizes
• All navigation links and anchors work properly
• Animations and interactions function smoothly
• Footer careers link navigates to new page
• Mobile responsiveness verified

📁 Files Changed

• Created: src/pages/careers/index.tsx - Complete careers page implementation
• Modified: src/theme/Footer/index.tsx - Updated careers link from # to /careers

Fixes #50.

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.