I'll create a stunning landing page for your AI grading platform with impressive GSAP animations. This will showcase how your platform helps teachers and students.
To use this landing page in your Next.js project:
npm install gsapMake sure you have the required shadcn/ui components installed:
Stunning GSAP Animations:
Comprehensive Sections:
Responsive Design:
Accessibility:
This landing page effectively communicates the value of your AI grading platform while providing an engaging, modern user experience with impressive animations.
I'll update the Tailwind configuration to be compatible with Tailwind CSS v4. Here's the updated configuration:
I've updated the configuration to be compatible with Tailwind CSS v4. Here are the key changes:
Color System:
rgb(var(--color) / <alpha-value>) syntaxContainer Configuration:
Dark Mode:
Plugins:
Added globals.css:
Make sure you have the latest version of Tailwind CSS v4 installed:
npm install tailwindcss@latestInstall GSAP for the animations:
npm install gsapThe rest of the code should work with the updated configuration. Let me know if you need any other adjustments!