AI Springboard Landing Page

A modern, responsive landing page built with Next.js 15 for AI Springboard, showcasing growth potential and market positioning strategies for startups.

🚀 Features

• Modern Design: Minimalist tech-focused aesthetic with dark/light mode support
• Responsive Layout: Mobile-first design approach
• Interactive Elements: Smooth animations and transitions using Framer Motion
• Data Visualization: Growth potential chart using Recharts
• Performance Optimized: Built with Next.js 15 for optimal loading speeds
• Accessibility: WCAG compliant with proper ARIA labels

🛠️ Tech Stack

• Framework: Next.js 15
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Charts: Recharts
• Icons: Lucide React

🏃‍♂️ Getting Started

1. Clone the repository

git clone [your-repo-url]
cd landing-page

2. Install dependencies

npm install

3. Set up environment variables

Copy .env.example to .env.local and fill in required values:

cp .env.example .env.local

4. Run development server

npm run dev

Open http://localhost:3000 to view the site.

📁 Project Structure

landing-page/
├── src/
│   ├── app/                 # Next.js app router
│   ├── components/          # Reusable components
│   ├── styles/             # Global styles
│   └── types/              # TypeScript definitions
├── public/                 # Static assets
│   └── logos/             # Company logos
└── tailwind.config.js     # Tailwind configuration

🎨 Design System

• Colors:

  • Tech Blues: #23a6d5, #0077be
  • Tech Accent Pink: #e73c7e
  • Neutral Colors: Grayscale variants

• Typography:

  • Primary: Space Grotesk
  • Body: System font stack

🔧 Available Scripts

• npm run dev - Start development server
• npm run build - Build production bundle
• npm run start - Start production server
• npm run lint - Run ESLint
• npm run type-check - Run TypeScript checks

📱 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

🔒 Security

• No sensitive data exposure
• Client-side rendering strategy
• Minimal external dependencies

📄 License

[Your License] - See LICENSE file for details

🤝 Contributing

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Open a Pull Request

📞 Support

For support, email [your-email] or open an issue on GitHub.