Language School Landing Page

Overview

A high-conversion marketing landing page for an Algerian language school. Features GSAP-powered animated hero section, Swiper image carousel, and multilingual pricing component supporting 7 languages. Designed to convert Arabic-speaking students with modular, reusable components.

What I Did

• →Built high-performance React 18 landing page with TypeScript
• →Implemented GSAP-powered hero section with complex animations
• →Created Swiper image carousel with smooth transitions
• →Built multilingual pricing component: Arabic, French, English, Turkish, German, Spanish, Italian
• →Implemented individual and collective plan pricing with comparisons
• →Created modular components: course listing, learning paths, testimonials, pricing, navbar, footer
• →Integrated form submission with validation and success feedback
• →Optimized for mobile with responsive design and touch interactions
• →Implemented SEO best practices with meta tags and structured data
• →Set up analytics tracking for conversion monitoring

Challenges

• •Creating compelling animations without impacting performance
• •Managing 7 languages with consistent UI across all variants
• •Optimizing form conversion with clear pricing presentation
• •Supporting Arabic RTL layout alongside LTR languages
• •Maintaining fast load times with animation library

Results

• ✓GSAP-driven hero and Swiper galleries give the page a premium, high-energy first impression
• ✓Seven-language pricing, including Arabic RTL, lets a single page serve a multilingual student base
• ✓Modular sections (courses, learning paths, testimonials, pricing) make the page easy to extend and rebrand