React Landing Page Redesign

PROJECT TITLE:
React Landing Page Redesign

---

PROJECT OVERVIEW

We need an experienced React frontend developer and UI/UX designer to redesign the landing page for ArivuPMO — an AI-powered Project Management Office (PMO) SaaS platform built for Australian teams.

The current page is live at www.arivupmo.com. Please visit and review it before applying. All existing content must be kept — only the visual design and UX changes. We want the same page elevated to a world-class, bright, modern, and visually attractive standard.

The deliverable is a single file: LandingPage.jsx — a React component that drops directly into our existing React app. No backend, no AWS, no deployment needed from you.


DESIGN DIRECTION (CRITICAL — READ CAREFULLY)

The current page is plain and text-heavy. We want it transformed into a bright, attractive, premium SaaS page.

Key design requirements:

- BRIGHT theme — white or very light background for all sections. No dark or black backgrounds.
- Vibrant accent colours — use a strong primary colour (blue, indigo, or teal) for headings, buttons, icons, and highlights.
- Hero section: left side has headline, subheadline, stats bar, and CTA buttons. Right side has an animated product UI window showing the actual ArivuPMO product screens switching automatically — Gantt chart, RAID register, Scrum board, and EVM dashboard. The sidebar menu inside the product window should highlight the active screen as it switches, giving the impression of a real user navigating the app.
- Smooth scroll animations — sections fade and slide in as the user scrolls down.
- Feature cards with clean icons (Lucide React or Heroicons — no emojis), hover effects, and subtle shadows.
- Comparison table designed to make ArivuPMO clearly stand out as the winner.
- Role cards with icons and clean layout.
- Strong, colourful CTA banner at the bottom.
- Fully responsive — must look excellent on mobile, tablet, and desktop.
- Clean professional typography — recommend a font pairing (e.g. Plus Jakarta Sans, Inter, or similar).

DO NOT use a dark theme. DO NOT use emojis as icons. DO NOT change or remove any content from the current live page.

---

PAGE SECTIONS (from www.arivupmo.com — all must be redesigned)

1. Sticky navigation bar — logo, nav links, Get Started CTA
2. Hero section — headline, subheadline, CTA buttons, stats bar (7 RAID types, 4 WBS levels, AI, EVM, Australian hosted), animated product UI window on the right
3. Features section — 8 features: Gantt WBS, RAID Register, Scrum Board, EVM, AI Meeting Minutes, Resource Management, Kanban, Enterprise Security
4. Comparison table — ArivuPMO vs Asana vs Jira vs Monday.com
5. Built For Your Role — 6 role cards
6. Final CTA banner — Get Started Free + Contact Us
7. Footer — links, copyright

NO pricing section.

---

TECHNICAL REQUIREMENTS

- React (JSX) — single LandingPage.jsx file
- Tailwind CSS for all styling
- Framer Motion for scroll animations and hero product UI transitions
- Lucide React or Heroicons for all icons
- Mobile-first responsive design
- React Router DOM links (/login, /register, /privacy, /terms, /support)
- Google Fonts allowed — recommend a pairing that suits premium B2B SaaS
- No new npm packages without written approval
- Must run perfectly with npm start on localhost
- No hardcoded AWS, API keys, or infrastructure references
- Logo served from /logo.png (already in public folder)

---

DELIVERABLES

1. LandingPage.jsx — final redesigned file
2. Full list of all libraries and packages used with version numbers and licences
3. Screenshots on localhost — desktop view and mobile view
4. Brief notes explaining your design decisions (font choice, colour palette, layout rationale)

---

INTELLECTUAL PROPERTY

All work must be 100% original and created by you. Upon final payment, full intellectual property rights transfer exclusively to ArivuPMO. No paid templates, UI kits, stock assets, or unlicensed code permitted. Open-source libraries (MIT or Apache 2.0 licence only) are allowed but must be declared with version and licence in your deliverables. You retain no rights to reuse, resell, or share the work without written permission from ArivuPMO.



APPLICATION QUESTIONNAIRE

You MUST answer all questions below. Applications without answers will not be reviewed.

1. Please visit www.arivupmo.com now. In 3–4 sentences describe what you would change about the design to make it bright, modern, and attractive. (Generic answers like ‘I will make it look great’ will be ignored.)

2. Share 2–3 live URLs or GitHub links of React landing pages you have built. Required — no examples, no consideration.

3. Have you built an animated product UI hero section before — where an app window on the right side auto-switches between product screens? Share an example.

4. Have you used Tailwind CSS and Framer Motion together in a React project? Share a live example.

5. How will you test your work locally before delivering? (Expected answer: npm start on localhost. If you need a server, AWS, or hosting to test a landing page, that is a red flag.)

6. What colour palette and font pairing would you recommend for a bright, premium Australian B2B SaaS product? Give specific names.

7. How long will this project take and what is your fixed price?

8. Confirm you agree to all IP terms: All delivered work will be 100% original. Full IP rights transfer to ArivuPMO on payment. No paid templates or unlicensed assets. A full list of open-source libraries with licences will be provided.

9. What makes your design approach stand out from other applicants?