Project Overview

A modern, animated landing page developed for Blue.ai startup using Next.js and React. The project showcases the company's services and products through engaging user interactions and smooth animations implemented with Framer Motion. The landing page serves as the company's first digital presence, combining professional design with intuitive user experience.

Tech Stack

• Framework: Next.js with React
• Frontend: TypeScript for type-safe development
• Styling: TailwindCSS for responsive design
• Animations: Framer Motion for interactive user experience
• UI Components: Headless UI for accessible interface elements
• Email Integration: Nodemailer for contact form functionality
• Deployment: Vercel platform

Key Features

• Responsive design optimized for all device sizes
• Custom animations and transitions using Framer Motion
• Interactive UI components with Headless UI integration
• Type-safe development with TypeScript
• Contact form functionality with Nodemailer integration
• SEO-optimized structure using Next.js features

# Clone the repository
git clone https://github.com/alishour-dev/blue.ai-landing-page

# Install dependencies
npm install

# Run development server
npm run dev

Development Process

The project was developed over a one-month period, involving close collaboration with the UI/UX team and management. The development process included:

• Implementation of designs provided by the UI/UX team
• Enhancement of user experience through custom animations
• Iterative testing and feedback incorporation
• Performance optimization and accessibility improvements
• Responsive design implementation across all device sizes