Modern Next.js Dark-Mode Website -- 2

I’m building a sleek, fully responsive website for my new venture and want it crafted with React (Next.js), Tailwind CSS, Lucide React icons, and a touch of Framer Motion for subtle micro-interactions. The entire interface must sit comfortably in dark mode, highlighted by accent colour #6366f1, softened with gentle gradients and crisp, contemporary typography.

Scope
• Three core pages—Home, About Us, and Services—need to be laid out with a consistent visual rhythm.
• A working contact form should collect name, email, message and send the data to an easily editable endpoint (I’ll plug in the back-end later).
• Navigation has to live in an elegant, collapsible sidebar that feels native on both desktop and mobile screens.

Key expectations
• Pixel-perfect responsiveness, keyboard accessibility, and clean semantic markup.
• Component structure that follows Next.js best practices, with Tailwind classes kept readable and reusable.
• Smooth page-level transitions powered by Framer Motion and concise iconography pulled from Lucide React.
• Well-commented code, a brief README explaining project setup, and delivery via a Git repository.

I’ll consider the job complete once I can clone the repo, run npm install && npm run dev, and see the three pages, sidebar navigation, and functioning contact form working flawlessly across major browsers and breakpoints.