A modern, multilingual gaming psychology platform built with Next.js and cutting-edge web technologies.
- 🏠 Home - Hero section with animated gradients and smooth scrolling
- 👥 About Us - Mission and vision with intersection observer animations
- 🧠 Quiz - Interactive psychological assessment tool
- 🆘 Aid - Support and resources section
- 👨💼 Team - Meet our team with dynamic member cards
- 📰 News - Latest updates powered by Notion CMS
- 📞 Contact Us - Contact form with validation and Calendly integration
- 🌍 Multilingual Support - English and Arabic with RTL support
- 📱 Responsive Design - Mobile-first approach with Tailwind CSS
- 🎨 Modern UI - Custom gradients, animations, and shadcn/ui components
- 📊 Analytics - PostHog integration for user insights
- 🎯 Accessibility - Radix UI components for WCAG compliance
- ⚡ Performance - Next.js 15 with Turbopack for fast development
- Node.js 18+
- PNPM (recommended package manager)
-
Clone the repository
git clone https://github.com/your-username/lag_website.git cd lag_website -
Install dependencies
pnpm install
-
Set up environment variables
cp .env.example .env
Add your API keys for PostHog and Notion.
-
Run the development server
pnpm dev
-
Open your browser Navigate to http://localhost:3000 to see the result.
- 🔥 Hot Reload - Instant updates with Turbopack
- 🎨 Live Editing - Modify pages in real-time
- 🌐 Multi-language - Switch between English and Arabic
- 📱 Responsive Preview - Test on all screen sizes
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.