Official landing page for Learn With Andi (LWA), a career accelerator program. This project is built with Next.js 16, TypeScript, and Framer Motion, focusing on high-performance, SEO-optimized, and visually engaging user experiences.

🚀 Features

• Dynamic Animations: All sections feature scroll-triggered animations using framer-motion for a premium feel (SEO-safe with viewport={{ once: true }}).
• Generative Engine Optimization (GEO): optimized for AI search engines like Google Gemini and ChatGPT via ai.txt, llm.txt, and llms.txt.
• Responsive Design: Fully responsive layout optimized for all device sizes.
• Performance: Optimized images and efficient rendering with Next.js App Router and Server Components.
• Custom Design System: Bespoke styling using CSS Modules and strict color tokens (no Tailwind utility overload).

🛠 Tech Stack

• ⚛️ Framework: Next.js 16 (App Router)
• 🔷 Language: TypeScript
• 🎨 Styling: CSS Modules
• 🎬 Animation: Framer Motion
• 🧩 Icons: Lucide React

📂 Project Structure

src/
├── 📄 app/              # Next.js App Router pages and layouts
├── 🧩 components/       # Reusable UI components (Hero, FAQ, etc.)
├── 📄 data/             # Static content and configuration (content.ts)
└── 🎨 styles/           # Global styles and CSS variables
public/
├── 🖼️ assets/           # Static images and media
├── 🤖 ai.txt            # AI context for GEO
├── 🤖 llm.txt           # Concise summary for LLMs
└── 🤖 llms.txt          # LLM crawler directives

⚡️ Getting Started

1. 📥 Clone the repository:

   git clone https://github.com/alvianzf/learnwithandi.com.git
   cd learnwithandi.com

2. 📦 Install dependencies:

   npm install
   # or
   bun install

3. 🚀 Run the development server:

   npm run dev
   # or
   bun dev

4. 🌍 Open in browser: Navigate to http://localhost:3000.

🔄 Recent Updates

• Partnership Module Overhaul: Completely rewrote the B2B placement-oriented copywriting for the Partnership page, introducing the conversational "Tantangan Terbesar" section, expanding the Solutions grid to 6 items, and refining the logo grid with native Framer Motion hover effects and transparent logos.
• Animation Overhaul: Implemented framer-motion across all 12 landing page sections (Hero, Problem, Solution, Testimonial, CareerWins, ProgramGallery, Mentors, Qualification, Offer, Faq, Cta, Footer).
• New Sections: Added "Career Wins" section to showcase user success stories.
• SEO/GEO: Added and optimized ai.txt, llm.txt, and llms.txt for better visibility in AI-generated summaries.
• Bug Fixes: Resolved CSS preload warnings and server/client component hydration issues.

📄 License

Distributed under the MIT License. See LICENSE for more information.