Now I have a clear picture. Let me set up the project with a task list and start building this multi-page Arabic RTL AI Academy website.
Let me start by generating hero images and setting up the theme, then build all the components.
Now let me set up the dark theme, layout, and all components. I'll start with the globals.css and layout.tsx:
Now let me create the Header, Footer, WhatsApp button components:
Now let me move to the Home Page with all its sections:
Now let me create the home page and the PWA manifest:
Now let me build the Courses/Store page:
Now let me build the About Us and Contact pages:
Now let me verify the Textarea component exists and check if there are any missing pieces:
All components exist. Let me mark all tasks as done:
Your complete Arabic RTL AI Academy website is now built. Here's what was created:
4 Pages: Home (hero, features, courses preview, testimonials, FAQ, newsletter), Courses/Store (6 product cards with prices and buy buttons), About Us (vision, mission, values, founder section), and Contact (form + social links).
Shared Components: Sticky header with mobile menu and store CTA, footer with Instagram links and navigation, and a floating WhatsApp contact button. The entire site uses a dark cinematic theme with deep purple (#6d5aed) and neon blue (#3b82f6) accents, optimized for Arabic RTL with IBM Plex Sans Arabic font.
Key Features: All "buy now" and store buttons link to alfan.link/ahmedai, Instagram accounts are linked for both the founder and academy, smooth scroll behavior, glow effects on card hover, animated hero section, responsive mobile-first design with 44px+ touch targets, and PWA manifest included.
You can send messages while the preview loads