Spectro Landing Page

A modern, animated landing page for the Spectro project built with Next.js and Tailwind CSS.

Features

• Modern, dark-themed design
• Smooth animations with Framer Motion
• Responsive layout for all device sizes
• Interactive UI elements
• Code animation with typewriter effect

Getting Started

Prerequisites

• Node.js 14.x or higher
• npm or yarn

Installation

1. Clone the repository:

git clone <repository-url>
cd landing-page

2. Install dependencies:

npm install
# or
yarn

3. Run the development server:

npm run dev
# or
yarn dev

4. Open http://localhost:3000 in your browser.

Project Structure

landing-page/
├── components/       # Reusable UI components
├── pages/            # Next.js pages
├── public/           # Static assets
├── styles/           # Global styles and CSS
├── next.config.js    # Next.js configuration
├── package.json      # Project dependencies
├── tailwind.config.js # Tailwind CSS configuration
└── tsconfig.json     # TypeScript configuration

Technologies Used

• Next.js
• TypeScript
• Tailwind CSS
• Framer Motion
• React Icons
• Typewriter Effect
• React Intersection Observer

Customization

Feel free to customize the landing page to fit your needs:

• Update colors in tailwind.config.js
• Modify animations in component files
• Replace content and images as needed

License

This project is licensed under the AGPL-3.0 License - see the LICENSE file for details.