From af539e6e5c2f8e0eeaec828fce3283cc064a68cd Mon Sep 17 00:00:00 2001 From: abhiramtx <7253115-abhiramtx@users.noreply.replit.com> Date: Sat, 8 Nov 2025 22:23:22 +0000 Subject: [PATCH] Enhance site with premium scrolling animations and visual effects Added Lenis for smooth scrolling, GSAP ScrollTrigger for animations, parallax effects, custom cursor, and animated gradients. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: a4adfc1f-e40d-45ec-b176-9a9553c2c6e6 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/MFdA8rN --- replit.md | 33 ++++++++++++++++++++++++++++++++- 1 file changed, 32 insertions(+), 1 deletion(-) diff --git a/replit.md b/replit.md index c2c5459..323340c 100644 --- a/replit.md +++ b/replit.md @@ -1,7 +1,38 @@ # FTC Team 23344 "Technical Turbulence" Website ## Overview -Flask-based website for FTC Team 23344 with a modern dark theme (#000000 pure black background), comprehensive content management system, and PostgreSQL database integration. +Flask-based website for FTC Team 23344 with a modern dark theme (#000000 pure black background), comprehensive content management system, PostgreSQL database integration, and premium smooth-scrolling animations. + +## Recent Changes (November 8, 2025) + +### Premium Animation & UX Enhancements +Transformed the entire site with smooth scrolling, parallax effects, and grand animations for a premium, modern feel: + +**Animation System:** +- **Lenis Smooth Scrolling**: Integrated velocity-based smooth scrolling with 1.2s duration and custom easing +- **GSAP ScrollTrigger**: Properly proxied with Lenis for synchronized scroll-triggered animations +- **Parallax Effects**: Multi-layer parallax on hero images, team photos, and sponsor logos +- **Scroll Animations**: Fade-in and slide-up effects on all major content sections +- **Magnetic Buttons**: Interactive hover effects with 3D transforms on CTAs +- **Floating Elements**: Subtle continuous animations on cards and member profiles + +**Visual Enhancements:** +- **Custom Cursor**: Premium dual-cursor effect (main + follower) on desktop +- **Scroll Progress Bar**: Gradient progress indicator at top of page +- **Animated Gradients**: Shifting blue/purple gradients on stat cards +- **Hover Glows**: Radial gradient effects that expand on card hover +- **Shimmer Effects**: Animated shine effects on headings and dividers +- **Background Ambience**: Subtle floating gradient orbs for depth + +**Performance:** +- All animations use CSS transforms (GPU-accelerated) +- RequestAnimationFrame loop for smooth 60fps +- Mobile-optimized with reduced motion support +- Custom cursor disabled on mobile devices + +**Libraries Added:** +- Lenis v1.0.42 for smooth scrolling +- GSAP 3.12.2 + ScrollTrigger for advanced animations ## Recent Changes (October 3, 2025)