# Board

<div align="center">
  <h3>Universal clipboard sync across all your devices</h3>
  <p>Copy here. Paste there.</p>
</div>

---

**Board** is the official website for the Board ecosystem - a universal clipboard syncing solution that seamlessly connects all your devices. Copy on your Mac, paste on your phone. Copy on Windows, paste on Linux. Board makes cross-device productivity effortless.

## 🚀 Features

- **Universal Clipboard Sync** - Copy and paste across Mac, Windows, Linux, Android, and iOS
- **Cross-platform Notifications** *(Coming Soon)* - Get mobile notifications directly on your desktop
- **Seamless Integration** - Set it up once and enjoy automatic syncing
- **Privacy First** - Your clipboard data stays secure across all devices

## 🖥️ Platform Support

| Platform | Status |
|----------|--------|
| macOS | ✅ Available |
| Android | ✅ Available |
| Windows | 🔄 Coming Soon |
| Linux | 🔄 Coming Soon |
| iOS | 🔄 Coming Soon |

## 🛠️ Development

This website is built with modern web technologies for optimal performance and user experience.

### Tech Stack

- **Framework**: [Astro](https://astro.build/) - For fast, content-focused websites
- **Styling**: [TailwindCSS v4](https://tailwindcss.com/) - For utility-first styling
- **Interactivity**: [React](https://react.dev/) - For dynamic components
- **Typography**: Custom font stack (Matter, Handwriting, Perfectly Nineties)
- **Runtime**: [Bun](https://bun.sh/) - For fast package management and runtime

### Getting Started

1. **Clone the repository**
   ```bash
   git clone https://github.com/pybash1/echo-web.git
   cd echo-web
   ```

2. **Install dependencies**
   ```bash
   bun install
   ```

3. **Start the development server**
   ```bash
   bun dev
   ```
   
   The website will be available at `http://localhost:4321`

### Commands

| Command | Description |
|---------|-------------|
| `bun dev` | Start development server |
| `bun build` | Build for production |
| `bun preview` | Preview production build |
| `bun astro ...` | Run Astro CLI commands |

## 📁 Project Structure

```
src/
├── components/          # Reusable React components
│   └── PlatformDownloadButton.tsx
├── layouts/             # Astro layout components
│   └── Layout.astro
├── pages/               # Website pages
│   ├── index.astro      # Homepage
│   └── download.astro   # Download page
└── styles/              # Global styles
    └── global.css       # TailwindCSS configuration and custom styles

public/
├── fonts/               # Custom web fonts
└── favicon.svg          # Site favicon
```

## 🎨 Design System

- **Color Scheme**: Minimal black and white with strategic use of gray
- **Typography**: 
  - Sans-serif: Matter (primary)
  - Mono: Handwriting (accent)
  - Serif: Perfectly Nineties (headings)
- **Layout**: Responsive design with mobile-first approach
- **Animations**: Smooth transitions and hover effects

## 🌐 Related Projects

- [Board for Mac](https://github.com/pybash1/board) - macOS clipboard sync client
- [Board for Android](https://github.com/pybash1/echo) - Android clipboard sync client

## 📄 License

This project is part of the Board ecosystem. Please refer to individual repository licenses for specific terms.

## 🤝 Contributing

Contributions are welcome! Whether it's:

- 🐛 Bug reports
- 💡 Feature suggestions
- 🎨 Design improvements
- 📝 Documentation updates
- 🔧 Code contributions

Please feel free to open an issue or submit a pull request.

## 📞 Contact

- **Creator**: [@py_bash1](https://twitter.com/py_bash1)
- **GitHub**: [pybash1](https://github.com/pybash1)

---

<div align="center">
  <p>Built with ❤️ for seamless cross-device productivity</p>
</div>