added hover effect #1883

[Adityakumar37]

What kind of change does this PR introduce?
Feature enhancement – improves UI interactivity and visual feedback.

Issue Number:

• Closes Add hover effect for feature cards on homepage #1883

Screenshots/videos:

*(

Screen.Recording.2025-11-08.at.12.18.12.PM.2.mov

)*

If relevant, did you update the documentation?
N/A – No documentation changes required for this visual enhancement.

Summary
This pull request enhances the interactivity and visual appeal of the homepage by adding smooth hover effects to the feature cards.
The new design improves user engagement and provides subtle visual feedback during interaction.

Changes Introduced

• Added hover animations with smooth transitions to feature cards
• Improved card shadow and lift effect for better visual depth
• Ensured responsiveness and consistency with the existing design system

Testing

• Verified on both light and dark modes
• Tested responsiveness across desktop and mobile breakpoints

Does this PR introduce a breaking change?
No breaking changes introduced.

Checklist

Please ensure the following tasks are completed before submitting this pull request.

• Read, understood, and followed the contributing guidelines.

[jagpreetrahi]

Hey @Adityakumar37 , I hope you are doing well! I would like to suggest some fixes to pass all the checks.
The reason of failed some checks is due to the prettier checks.

Please go through below codebase and correct it in the file pages/index.page.tsx
264:26 error Replace"w-5/6·lg:w-3/5·grid·grid-cols-1·md:grid-cols-2·gap-6·my-[85px]·mx-auto"with'w-5/6·lg:w-3/5·grid·grid-cols-1·md:grid-cols-2·gap-6·my-[85px]·mx-auto' prettier/prettier 264:26 error Unexpected usage of doublequote jsx-quotes 267:24 error Replace"Streamline·testing·and·validation"with'Streamline·testing·and·validation' prettier/prettier 267:24 error Strings must use singlequote quotes 268:23 error Replace"Simplify·your·validation·logic·to·reduce·your·code’s·complexity·and·save·time·on·development.·Define·constraints·for·your·data·structures·to·catch·and·prevent·errors,·inconsistencies,·and·invalid·data."with'Simplify·your·validation·logic·to·reduce·your·code’s·complexity·and·save·time·on·development.·Define·constraints·for·your·data·structures·to·catch·and·prevent·errors,·inconsistencies,·and·invalid·data.', prettier/prettier 268:23 error Strings must use singlequote quotes 271:24 error Replace"Exchange·data·seamlessly"with'Exchange·data·seamlessly' prettier/prettier 271:24 error Strings must use singlequote quotes 272:23 error Replace"Establish·a·common·language·for·data·exchange,·no·matter·the·scale·or·complexity·of·your·project.·Define·precise·validation·rules·for·your·data·structures·to·create·shared·understanding·and·increase·interoperability·across·systems."with'Establish·a·common·language·for·data·exchange,·no·matter·the·scale·or·complexity·of·your·project.·Define·precise·validation·rules·for·your·data·structures·to·create·shared·understanding·and·increase·interoperability·across·systems.', prettier/prettier 272:23 error Strings must use singlequote quotes 275:24 error Replace"Document·your·data"with'Document·your·data' prettier/prettier 275:24 error Strings must use singlequote quotes 276:23 error Replace"Create·a·clear,·standardized·representation·of·your·data·to·improve·understanding·and·collaboration·among·developers,·stakeholders,·and·collaborators."with'Create·a·clear,·standardized·representation·of·your·data·to·improve·understanding·and·collaboration·among·developers,·stakeholders,·and·collaborators.', prettier/prettier 276:23 error Strings must use singlequote quotes 279:24 error Replace"Vibrant·tooling·ecosystem"with'Vibrant·tooling·ecosystem' prettier/prettier 279:24 error Strings must use singlequote quotes 280:23 error Replace"Adopt·JSON·Schema·with·an·expansive·range·of·community-driven·tools,·libraries,·and·frameworks·across·many·programming·languages."with'Adopt·JSON·Schema·with·an·expansive·range·of·community-driven·tools,·libraries,·and·frameworks·across·many·programming·languages.', prettier/prettier 280:23 error Strings must use singlequote quotes 281:16 error Insert, prettier/prettier 285:27 error Replace"relative·group·overflow-hidden·rounded-[10px]·shadow-3xl·dark:shadow-slate-700·p-[20px]·transition-all·duration-500·transform·hover:-translate-y-2·hover:shadow-blue-400/40·hover:shadow-2xl·cursor-pointer"with'relative·group·overflow-hidden·rounded-[10px]·shadow-3xl·dark:shadow-slate-700·p-[20px]·transition-all·duration-500·transform·hover:-translate-y-2·hover:shadow-blue-400/40·hover:shadow-2xl·cursor-pointer' prettier/prettier 285:27 error Unexpected usage of doublequote jsx-quotes 287:32 error Replace"absolute·inset-0·bg-blue-600/0·group-hover:bg-blue-600/10·transition-all·duration-500·rounded-[10px]"with'absolute·inset-0·bg-blue-600/0·group-hover:bg-blue-600/10·transition-all·duration-500·rounded-[10px]' prettier/prettier 287:32 error Unexpected usage of doublequote jsx-quotes 288:31 error Replace"relative·text-h5mobile·md:text-h5·font-semibold·mb-6·dark:text-slate-200"with'relative·text-h5mobile·md:text-h5·font-semibold·mb-6·dark:text-slate-200' prettier/prettier 288:31 error Unexpected usage of doublequote jsx-quotes 291:30 error Replace"relative·dark:text-slate-300"with'relative·dark:text-slate-300' prettier/prettier 291:30 error Unexpected usage of doublequote jsx-quotes 294:17 error Delete⏎ prettier/prettier