updated home section

[mdashad0]

closes #906

Recording.2026-02-06.181231.mp4

i will change some basice thing and add new styling and motion effect

i share the video you check it @Premkolte

Please mention these details about yourself here.

1. Contributor Name : Md Ashad
2. Contributor Email ID : asadanwarr0@gmail.con
3. Contributor Github Link : https://github.com/mdashad0

regards,

Prem Kolte.

[vercel]

@mdashad0 is attempting to deploy a commit to the premkolte's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

✨ Hi @mdashad0! Thanks for submitting another pull request. Your continuous improvements are highly valued. Keep contributing! 🙌

[Copilot]

Pull request overview

This pull request updates the home section with enhanced styling, motion effects, and hover interactions to improve the UI/UX, addressing issue #906. The changes introduce a comprehensive set of animations using Framer Motion, new Tailwind CSS animations, and a utility file for reusable motion variants. Additionally, the PR includes backend improvements to make email configuration optional and frontend changes to conditionally enable Google OAuth.

Changes:

• Added extensive motion effects and hover animations to home page components (Hero, Features, Pricing, Templates, Testimonials, Footer)
• Created a new motionVariants.js utility file with reusable Framer Motion animation variants
• Extended Tailwind config with new keyframe animations (slideDown, slideLeft, slideRight, scaleIn, float, pulse, shimmer, glow, rotateIn, wiggle, heartbeat, morphGradient)
• Added comprehensive CSS classes for motion and hover effects in index.css
• Made email and Google OAuth services optional with graceful fallbacks when credentials are not configured
• Simplified index.html by removing complex background animations and letting the React app handle UI

Reviewed changes

Copilot reviewed 14 out of 15 changed files in this pull request and generated 19 comments.

Show a summary per file

File	Description
tailwind.config.js	Added 13 new animation keyframes and 15 new animation utilities for enhanced motion effects
src/utils/motionVariants.js	New file providing 20+ reusable Framer Motion animation variants for consistent animations
src/main.jsx	Made Google OAuth provider conditional, only wrapping App when valid credentials are present
src/index.css	Added extensive CSS classes for motion effects, hover interactions, and visual enhancements
src/components/layout/Loader.jsx	Changed style tag from JSX to regular syntax for compatibility
src/components/layout/Footer.jsx	Enhanced with Framer Motion animations, gradient effects, and interactive hover states
src/components/UI/BackToTop.jsx	Redesigned with Framer Motion animations, glow effects, and smooth transitions
src/Pages/Home/Testimonial.jsx	Added gradient accents, animated stars, and enhanced hover effects to testimonial cards
src/Pages/Home/TemplatesSection.jsx	Redesigned with gradient borders, icon animations, and floating particles on hover
src/Pages/Home/Pricing.jsx	Complete redesign with gradient effects, animated badges, and enhanced visual hierarchy
src/Pages/Home/HeroSection.jsx	Added gradient text animations, glow effects on buttons, and enhanced CTA interactions
src/Pages/Home/FeaturesSection.jsx	Enhanced with gradient icons, animated hover states, and top border animations
index.html	Simplified body styles and removed complex background animations, delegating to React app
backend/src/services/emailService.js	Added checks to gracefully skip email sending when transporter is not configured
backend/src/services/EmailTransporter.js	Made email configuration optional with clear console warnings when disabled

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[vercel]

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

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
animate-hub	Ignored	Preview	Feb 6, 2026 4:24pm

[Premkolte]

You have used many vibrant colours, which doesn't go with the professionalism of the website. please look into it.

[mdashad0]

@copilot open a new pull request to apply changes based on the comments in this thread

[mdashad0]

You have used many vibrant colours, which doesn't go with the professionalism of the website. please look into it.

you can check it i will slightly fix

[mdashad0]

@copilot open a new pull request to apply changes based on the comments in this thread

[mdashad0]

@Premkolte review the changes

[mdashad0]

@Premkolte add the tag in apertre 3.0