Relay — AI Vision & Intelligence for Windows

Google Lens for your entire PC. Press Ctrl + Space to freeze any screen, extract uncopyable text, diagnose compiler errors, and understand whatever you look at.

---

🌟 Overview

Relay is the official showcase landing web application for the Relay desktop utility—a native Windows AI assistant built with .NET 10 and Win32.

This modern Next.js 15 application features:

• Interactive Live Demonstration Overlay: A simulated screen capture and dynamic prompt floating toolbar demonstrating how Relay freezes the display and extracts insights.
• Micro-interactions & Responsive Typography: Thoughtfully crafted with Outfit and Reenie Beanie font pairings, tactile status badges, and subtle ambient glows.
• Workflow Showcase: Interactive filtering across real developer, mathematical, translation, design, and meeting use cases.
• Accessible & Performance-Optimized: Built with semantic HTML, fluid layout transitions, zero hydration mismatches, and optimized media delivery.

---

🚀 Tech Stack

• Framework: Next.js 15 (App Router, React 19)
• Styling: Tailwind CSS
• Icons: Lucide React
• Animation & Effects: Canvas Confetti (dynamic client-side import), CSS Keyframe Animations
• Typography: Google Fonts via next/font (Outfit & Reenie Beanie)

---

🛠️ Getting Started

Prerequisites

• Node.js 18.17+ or newer
• npm, yarn, or pnpm

Installation

# Clone the repository
git clone https://github.com/YOUR_USERNAME/relay-web.git

# Navigate into project directory
cd relay-web

# Install dependencies
npm install

# Start local development server
npm run dev

Open http://localhost:3000 with your browser to see the result.

Building for Production

npm run build
npm run start

---

📁 Project Structure

├── public/               # Static assets & optimized preview footage
├── src/
│   ├── app/
│   │   ├── globals.css   # Global styles & design tokens
│   │   ├── layout.tsx    # Root layout & SEO metadata
│   │   └── page.tsx      # Landing page composition
│   ├── components/       # Reusable modular UI components
│   │   ├── AppMockupPreview.tsx
│   │   ├── FaqAccordion.tsx
│   │   ├── Footer.tsx
│   │   ├── GrainOverlay.tsx
│   │   ├── HeroDemoOverlay.tsx
│   │   ├── HeroSection.tsx
│   │   ├── Navbar.tsx
│   │   ├── PhilosophySection.tsx
│   │   ├── ScenarioScroll.tsx
│   │   ├── TestimonialsSection.tsx
│   │   ├── WaitlistSection.tsx
│   │   └── WaysToUseSection.tsx
│   ├── hooks/            # Custom hooks (scroll reveal observer)
│   └── lib/              # Utility helper functions
├── tailwind.config.ts    # Custom color palette & animation definitions
└── package.json

---

📄 License

This project is licensed under the MIT License.