Added a new hero section with a clipped background, GSAP animations for the landing page hero section, and responsive dark mode support for the decorative 100xDevs text.

[DufferDeepu]

Note: This PR is a continuation of my previous PR #1806.

PR Fixes:

• 1. Added New Hero Section with GSAP Animation:
     Implemented polygon clipping animation using GSAP and ScrollTrigger
     Added dynamic clip-path transition from polygon(14% 0%, 72% 0%, 90% 90%, 0% 100%) to a full rectangle
     Applied animated border-radius transformation from 0 0 40% 10% to 0 0 0 0
     Created scroll-based animation trigger for seamless visual effect
• 2. Dark/Light Mode Toggle for 100xDevs Text:
     Added conditional styling using Tailwind's dark mode utilities
     In dark mode: Top text uses black-to-slate gradient, bottom text uses blue gradient
     In light mode: Top text uses blue gradient, bottom text uses black-to-slate gradient

Checklist before requesting a review

• I have performed a self-review of my code
• I assure there is no similar/duplicate pull request regarding same issue
• Tested on multiple device sizes in both light and dark modes, with various scroll speeds to ensure animation consistency.

[DufferDeepu]

@devsargam Please review this PR.

[DufferDeepu]

@devsargam Reminder.