React.js Developer for Professional IT Software Company Website

PROJECT BRIEF: WORKSAAR WEBSITE

Goal: Build a modern, SEO-optimized corporate software agency website for WorkSaar.

---

1. TECH STACK REQUIREMENTS

Frontend: Next.js (App Router, React 18+), TypeScript, Tailwind CSS
Animations & Icons: Framer Motion, Lucide React (`lucide-react`)
Forms: `react-hook-form` + `zod` validation
*CMS (Blog & Projects): Sanity, Strapi, or Contentful
SEO & Analytics: Dynamic OpenGraph metadata, Schema.org JSON-LD, `sitemap.xml`, `robots.txt`

---

2. PAGES TO DEVELOP

1. Home Page (`/`)

Hero: Headline, subhead, "Get Free Consultation" & "View Portfolio" CTAs.
Overview: About WorkSaar, Mission, Vision, and Key Differentiators (10 grid cards).
tats Counter: 100+ Projects, 50+ Clients, 15+ Domains, 6+ Years Exp, 24/7 Support, 99.9% Uptime.
Services Grid: Custom Software, Web Apps, Mobile Apps, SaaS, UI/UX, Cloud/DevOps, AI/Automation, APIs.
Portfolio Showcase: 6 Featured Projects (eCommerce, School ERP, WhatsApp CRM, Taxi Booking, Restaurant Ordering, Enterprise CRM).
Tech Stack Matrix: Interactive grid for Frontend, Backend, Mobile, DB, Cloud, DevOps, APIs, CMS.
Process Flow: Discovery → Planning → UI/UX → Development → Testing → Deployment → Maintenance.
Testimonials, Blog Preview (3 dynamic posts), and Global CTA Banner.**

2. Services Pages (`/services` & `/services/[slug]`)

Detail pages covering Web, Mobile, SaaS, AI Solutions, Cloud, UI/UX, QA, and Support services.

3. Blog Engine (`/blog` & `/blog/[slug]`)

Listing Page: Category filters, search bar, featured post, paginated grid.
Post Page: Rich-text content, author/date, calculated reading time, sticky social sharing, related posts, lead capture form.

4. Contact Us (`/contact`)

* Business info (Address, Email, Hours).
* Interactive form with dynamic backend handling (Email/DB submission).
* Google Maps embed.

5. Legal & Footer

Dynamic Footer with quick links, tech badges, social links, and legal routes (`/privacy-policy`, `/terms`, `/refund-policy`, `/cookie-policy`).

---

3. KEY DELIVERABLES

1. Clean, modular component architecture (Shadcn UI preferred).
2. Lighthouse Performance Score > 90 (Mobile & Desktop).
3. Fully responsive layout with CMS integration for seamless content publishing.