Create a Landing Page for Discord Clone.

[PayalKumari10]

Description: We need a landing page for our Discord clone project that closely mirrors the real Discord landing page. The landing page should be designed using Next.js, TypeScript, Radix UI, and Tailwind CSS. It should also include dark mode support.

Requirements:

1.Tech Stack:

Next.js, TypeScript, Radix UI, Tailwind CSS.

2. Landing Page Design:

The landing page should be an exact copy of the real Discord landing page. No navigation links should be included on the landing page.

3. Dark Mode Support:

The landing page should have dark mode support enabled by default.

Tasks:

Set up the Next.js project with TypeScript. Integrate Radix UI and Tailwind CSS. Design and implement the landing page to mirror the real Discord landing page. Add dark mode support.

Additional Information:

Ensure the design is responsive and looks good on both desktop and mobile devices. Adhere to best practices for code structure and organization. Include comments and documentation where necessary to explain the code and design choices.

Acceptance Criteria:

The landing page should be a near-identical copy of the real Discord landing page. Dark mode should be supported and enabled by default. No navigation links should be present on the landing page. The implementation should use Next.js, TypeScript, Radix UI, and Tailwind CSS effectively.