Description

Reverts blog cards from enhanced animated design back to original minimalist style as requested. Removes complex hover effects, animations, and framer-motion wrapper while preserving all functionality.

Fixes # (issue)

Type of Change

• New feature (e.g., new page, component, or functionality)
• Bug fix (non-breaking change that fixes an issue)
• UI/UX improvement (design, layout, or styling updates)
• Performance optimization (e.g., code splitting, caching)
• Documentation update (README, contribution guidelines, etc.)
• Other (please specify):

Changes Made

Reverted blogCard.tsx:

• Removed framer-motion wrapper and animations
• Removed useState hook for hover state
• Removed whileHover, initial, animate animation props
• Replaced motion.div with simple div
• Simplified component to original clean structure

Reverted blogCarousel.css (removed 240+ lines):

• Card hover animations (translateY, scale, shadow transitions)
• Image zoom effects on hover (transform: scale(1.08))
• Category badge hover animations and transforms
• Enhanced gradient backgrounds and overlays
• Tag hover animations with shine effect
• Enhanced "Read More" button with slide-in gradient effect
• Complex shadow and border transitions
• Card meta underline animation effects

Preserved:

• All links and navigation
• Author information and read time
• Category badges
• Dark mode support
• Responsive layout
• Carousel navigation

Dependencies

No new dependencies required.

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers and devices
• My changes do not generate new console warnings or errors.
• I ran npm run build and attached screenshot(s) in this PR.
• This is already assigned Issue to me, not an unassigned issue.

Screenshot

Cards now display with cleaner, simpler design without complex animations or overlays.

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.