Olala AI

A modern, responsive website for Olala AI built with React, TypeScript, Vite, Tailwind CSS, and Framer Motion.

Tech Stack

• React 18+ - UI library
• TypeScript 5+ - Type safety
• Vite 5+ - Build tool and dev server
• Tailwind CSS 3.4+ - Utility-first CSS framework
• Framer Motion - Animation library
• React Router 7+ - Client-side routing
• pnpm - Package manager

Getting Started

Prerequisites

• Node.js 18+
• pnpm (install with npm install -g pnpm)

Installation

1. Install dependencies:

pnpm install

2. Start the development server:

pnpm dev

3. Open your browser and navigate to http://localhost:5173

Build for Production

pnpm build

The built files will be in the dist directory.

Preview Production Build

pnpm preview

Project Structure

src/
├── components/     # Reusable UI components
├── sections/       # Page sections (Hero, Features, etc.)
├── pages/          # Page components
├── assets/         # Images, logos, etc.
├── App.tsx         # Main app component with routing
└── main.tsx        # Entry point

Features

• 🎨 Modern, gradient-based design with vibrant colors
• 📱 Fully responsive layout
• ✨ Smooth animations with Framer Motion
• 🚀 Fast development with Vite
• 🔒 Type-safe with TypeScript
• 🎯 Accessible and semantic HTML

License

MIT