Pathlight Wearable Concept Site

Historical project: this repository preserves the final marketing-site concept for Pathlight's earlier wearable-navigation direction. Pathlight has since evolved into a voice-first email and calendar assistant. Visit pathlightproj.com for the current product.

This is a responsive, motion-led landing page built to explain an assistive-technology hardware concept without relying on a conventional product photograph. The page moves from the product thesis through the proposed interaction model, technical approach, use cases, reported project milestones, and contact prompts.

What this repository demonstrates

• A componentized one-page narrative built with the Next.js App Router
• Reusable entrance and scroll-triggered transitions with Framer Motion
• Responsive layouts and visual hierarchy implemented in Tailwind CSS
• Structured page metadata for search and social previews
• An interface treatment for communicating a hardware product before final media assets were available

The site's calls to action and waitlist form are presentation-only; there is no persistence layer or email service in this repository. Several product visuals are also stylized interface placeholders rather than recorded demos.

Page structure

src/
├── app/
│   ├── layout.tsx       # Metadata and root document shell
│   ├── page.tsx         # Landing-page composition
│   └── globals.css      # Global styles and animation utilities
└── components/
    ├── Hero.tsx         # Product thesis and primary calls to action
    ├── Vision.tsx       # Design philosophy
    ├── Backers.tsx      # Team and design-principle section
    ├── Demo.tsx         # Conceptual before/after interaction
    ├── Technology.tsx   # Proposed system explanation
    ├── Product.tsx      # Wearable concept presentation
    ├── UseCases.tsx     # Intended applications
    ├── Metrics.tsx      # Project milestones reported at the time
    └── CallToAction.tsx # Contact and waitlist UI

Run locally

Prerequisites

• Node.js 18 or later
• npm

git clone https://github.com/ariyannp07/Pathlight_websitev2.git
cd Pathlight_websitev2
npm ci
npm run dev

Open http://localhost:3000.

Available scripts

Command	Purpose
npm run dev	Start the local Next.js development server
npm run build	Create a production build
npm start	Serve the production build
npm run lint	Run the repository's Next.js lint command

Technical notes

• The page is intentionally split by narrative section so copy and visual treatments can evolve independently.
• Motion is progressive enhancement: the content remains part of the normal document flow while Framer Motion controls reveal states.
• Product imagery is rendered with CSS, icons, and gradients; the repository contains no product-photo or video assets.
• The project does not include automated accessibility or performance test results, so this README makes no score or standards-compliance claims.

Project status

This codebase is retained as a design and product-history artifact and is not the current Pathlight website. It is not actively developed.