feat: make landing page fully responsive and add smooth transitions

[Shaily-62]

Issue

Fixes #148 — Make Layout Mobile Responsive

##Summary
-Improves the landing page responsiveness and adds subtle UI animations for a smoother experience across all devices.

##Changes
-Implemented responsive layout with CSS Grid and Flexbox
-Added media queries for mobile (≤600px) and tablet (≤1024px)
-Fixed overflow and alignment issues
-Introduced smooth transitions and hover animations for cards
-Added fade-in animation on page load and improved theme toggle transitions

Checklist

-Responsive layout tested on desktop, tablet, and mobile
-No horizontal scrolling or layout break
-Theme toggle transitions verified

Screen recording:

Vanilla.Verse.and.2.more.pages.-.Personal.-.Microsoft_.Edge.2025-10-28.20-11-06.mp4

[vercel]

@Shaily-62 is attempting to deploy a commit to the hrishikesh-dalal's projects Team on Vercel.

A member of the Team first needs to authorize it.