I want to redesign and improve the website madaresonline.com to make it look 
highly professional, modern, and visually engaging. Here's what I need:

DESIGN & STYLE:
- Clean, modern UI with a professional color palette (keep brand colors if possible)
- Smooth typography with elegant Arabic/English font pairing
- Glassmorphism or subtle gradient effects on cards and sections
- Mobile-first responsive design

ANIMATIONS & MOTION:
- Smooth scroll-triggered animations using GSAP or ScrollTrigger
- Elements fade in, slide in, or scale up as the user scrolls down
- Parallax scrolling effect on hero section background
- Animated counters for statistics (students enrolled, courses, teachers, etc.)
- Smooth page transitions and hover micro-interactions on buttons and cards

2D SECTIONS:
- Animated SVG illustrations that react to scroll position
- 2D icon animations using Lottie or CSS animations
- Animated timeline for how the platform works (step-by-step flow)
- Horizontal scrolling card carousel with smooth momentum

3D SECTIONS:
- Three.js or Spline 3D scene in the hero section (e.g., floating 3D book, 
  graduation cap, or abstract shapes representing education)
- 3D card flip effect on course/feature cards
- Subtle 3D tilt effect on cards using Vanilla Tilt.js when hovering
- A 3D rotating globe or network showing connected students (optional)

SECTIONS TO INCLUDE:
1. Hero - Full screen with 3D element + animated headline + CTA buttons
2. Features/Why Us - Animated icons with scroll reveal
3. Courses/Programs - 3D card flip or tilt cards
4. Stats Counter - Animated numbers on scroll
5. How It Works - Animated 2D step timeline
6. Testimonials - Smooth slider with real reviews
7. Call To Action - Bold section with motion background
8. Footer - Clean with links and social icons

TECH STACK TO USE:
- HTML, CSS, JavaScript (or React if possible)
- GSAP + ScrollTrigger for scroll animations
- Three.js or Spline for 3D elements
- Lottie for 2D animations
- Swiper.js for sliders

Please build this step by step, starting with the Hero section first, 
then continue section by section. Make sure all animations are smooth 
at 60fps and the site loads fast. Use CDN links for all libraries.