feat: Implement modern dark gradient background with geometric detail…

[RiyaRani23]

…s # [105]

Summary of Changes

This Pull Request addresses the lack of a modern, dynamic background on the landing page by replacing the static dark background with a new, visually engaging design.

The changes primarily involve the use of Tailwind CSS for implementation, focusing on visual appeal while preserving content readability.

Technical Implementation Details

• components/hero-section.tsx:
  • The main <section> element now uses a dark radial gradient (bg-[radial-gradient(...)]) for a subtle, modern glow effect.
  • A faint geometric wireframe pattern is layered on top of the gradient using the ::before pseudo-element and an embedded, highly transparent SVG (stroke-opacity="0.02").
  • The use of Template Literals (`...`) was implemented for the multi-line className to maintain code readability.
• app/page.tsx:
  • The wrapper background gradient was simplified to a solid bg-black to prevent conflicts and allow the new HeroSection background to control the aesthetic.

Accessibility and Clarity Confirmation

All foreground content (text, buttons, and stat boxes) remains clearly visible against the new dark background, ensuring high contrast and accessibility is maintained. The geometric details are subtle enough not to interfere with user interaction or readability.

[vercel]

@RiyaRani23 is attempting to deploy a commit to the Dot_NotSam's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[SamXop123]

✅

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
rig-craft	Error			Oct 11, 2025 9:53am