🎨 Gabriel Contassot Website Recreation

This project is an attempt to recreate the stunning portfolio website of Gabriel Contassot (https://gabrielcontassot.com/). It showcases a modern, interactive design with smooth animations and a sleek dark theme.

gc.mp4

🌟 Features

• 🖼️ Fullscreen image gallery with smooth transitions
• 📜 Text scramble effect on hover
• 🔄 GSAP animations for scrolling and image scaling
• 🎭 Dynamic clip-path animations
• 🖥️ Responsive design

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript
• GSAP (GreenSock Animation Platform)
• ScrollTrigger plugin

📁 Project Structure

• index.html: Main HTML structure
• style.css: CSS styles and layout
• script.js: Main JavaScript file for GSAP animations
• textScramble.js: Text scramble effect implementation

✨ Key Components

1. Image Gallery: Fullscreen images with smooth transitions and scaling effects.
2. Text Scramble: Interactive text effect on hover for menu items.
3. Scroll Animations: GSAP and ScrollTrigger for smooth scrolling animations.
4. Clip-path Animations: Dynamic image reveals using CSS clip-path.

📝 Notes

This project is a recreation for educational purposes and is not affiliated with Gabriel Contassot or his official website.

🙏 Acknowledgements

• Original design by Gabriel Contassot (https://gabrielcontassot.com/)
• GSAP by GreenSock (https://greensock.com/gsap/)
• Inter font by Rasmus Andersson (https://rsms.me/inter/)