QUORRA is a modern, responsive landing page for an AI-powered research workspace concept. It is built with Next.js App Router, TypeScript, and Tailwind CSS.
This project showcases a product-style marketing experience for an AI research assistant that helps users:
- upload and organize research sources
- generate fast insights from mixed content
- verify responses with clear citations
- explore privacy-first AI workflows
- Product name:
QUORRA - One-line description:
An AI research workspace that turns scattered sources into trusted, structured insight.
- Next.js 15
- React 18
- TypeScript 5
- Tailwind CSS 4
- Lucide React (icons)
- shadcn/ui button primitive (Radix Slot + CVA utility)
- Node.js
18.18.0or newer - npm
9+(npm10+recommended)
npm installnpm run devOpen http://localhost:3000 in your browser.
npm run dev- run local development servernpm run build- create production buildnpm run start- run production servernpm run lint- run ESLintnpm run typecheck- run TypeScript type checkingnpm run format- check formatting with Prettiernpm run format:write- auto-format project files
app/
globals.css
layout.tsx
page.tsx
components/
footer.tsx
header.tsx
hero-section.tsx
features-section.tsx
privacy-section.tsx
use-cases-section.tsx
testimonials-section.tsx
ui/button.tsx
lib/
utils.ts
public/
*.png / *.jpg assets
- Strict TypeScript enabled
- ESLint with Next.js core web vitals rules
- Prettier formatting rules committed
- GitHub CI workflow for linting, type checks, and build
- Contributor, security, conduct, and changelog docs included
- semantic sectioning and heading hierarchy
- sticky navigation with in-page anchor links
- responsive layout for mobile and desktop
- image alt text added across the page
The project is deployment-ready for Vercel or any Node-compatible hosting provider:
npm run build
npm run startCONTRIBUTING.mdCODE_OF_CONDUCT.mdSECURITY.mdCHANGELOG.mddocs/ARCHITECTURE.mddocs/LINKEDIN.md
This project is licensed under the MIT License. See LICENSE.