KIDLIN AI Academy

Build a premium, modern and fully responsive website for KIDLIN School of AI.

Use the current content, logo, program information, faculty details and brand identity from:

https://www.kidlinschool.ai/

Take strong design inspiration from:

https://www.isb.edu/

Do not copy ISB directly. Recreate the same premium academic-institution feeling through large editorial typography, cinematic full-width images or videos, generous spacing, clean grids, subtle animations and an elegant, professional layout.

Instead of ISB's color you can use White + KIDLIN's logo color (K's color)

For call to action button you can keep a complementary color to make it look attractive (you can decide whatever color goes well with blue)

KIDLIN’s positioning:

“Making AI Practical for Everyone.”

The website should make KIDLIN feel like a credible, world-class school for practical AI education, not like a typical online-course landing page.

Create these pages:

1. Home

2. Programs

3. AI Builder Accelerator

4. AI Engineering Accelerator

5. AI Transformation Mentorship

6. Corporate Training

7. About Us

8. Contact / Apply

9. Sign In, linking to https://my.kidlinschool.ai/

Homepage structure:

• Premium full-screen hero section with a strong headline such as:

  “The Future Belongs to Those Who Know How to Build With AI.”

• Supporting text explaining that KIDLIN offers live, practical and instructor-led AI education.

• Primary CTA: “Explore Programs”

• Secondary CTA: “Join a Free AI Workshop”

• Three premium program cards:

  • AI Builder Accelerator – Beginner-friendly, no coding required

  • AI Engineering Accelerator – Code-first program for technical professionals

  • AI Transformation Mentorship – Private AI coaching and implementation

• “Find the Right Program for You” interactive section based on the visitor’s role, experience and goals.

• Why KIDLIN: Live Learning, Hands-On Projects, Small Cohorts, Practitioner Faculty and Real Implementation.

• Learner outcomes and key numbers.

• Tools learners work with, including ChatGPT, Claude, Gemini, Perplexity, Lovable, Python, APIs and AI agents.

• Faculty section with professional photographs and short profiles.

• Corporate training section for companies and teams.

• Learner testimonials.

• Frequently asked questions.

• Strong final call-to-action.

Program pages should include:

• Large visual hero

• Program overview

• Who the program is for

• Skills and outcomes

• Curriculum divided into modules

• Duration, format, cohort size and prerequisites

• Tools covered

• What is included

• Faculty

• Testimonials

• Pricing or application information

• Sticky “Apply Now” or “Join Next Cohort” button

Design direction:

• Sophisticated university-style design

• Use KIDLIN’s existing logo without distorting it

• Large serif headings paired with a clean sans-serif body font

• Premium photography showing learners, professionals, classrooms, technology and collaboration

• Spacious layouts with subtle scroll animations

• Avoid excessive gradients, glowing effects and generic AI robot imagery

• Use KIDLIN’s brand colours with neutral cream, white and dark sections

• Add elegant hover effects and smooth page transitions

• Mobile navigation must be simple and polished

Functional requirements:

• Working application and enquiry forms

• Program comparison section

• Dynamic “Next Cohort” information

• Reusable content components

• Responsive across mobile, tablet and desktop

• Fast-loading and SEO-friendly

• Accessible typography and contrast

• Forms should store submissions in Supabase

• Make all content easy to edit later

The final website should feel authoritative, aspirational and human, while clearly communicating that KIDLIN teaches practical AI through live learning and real projects.

I have attached KIDLIN's logo, feel free to crop it and use. I am also attaching few pictures and video assets, use them wherever required

This project was built with Lovable.

Live app: https://kidlin-ai-hub.lovable.app

Build with Lovable

Continue developing this project in the Lovable editor.

• Ship faster: describe what you want to build and Lovable handles the code.
• Stay in sync: every change made in Lovable is committed straight to this repository.
• Full ownership: this code is yours. Push to main on GitHub and your changes sync back into Lovable, ready for your next prompt.

Development

Prefer working locally? You need Node.js and npm — install with nvm.

git clone <this-repository-url>
cd <repository-name>
npm i
npm run dev