A modern marketing landing page built with Next.js 14 (App Router), TypeScript, and Tailwind CSS.
First, install the dependencies:
npm installThen, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
app/- Next.js 14 App Router directorylayout.tsx- Root layout with metadatapage.tsx- Main landing pageglobals.css- Global styles and Tailwind directives
components/- React componentssite-header.tsx- Sticky navigation headerhero.tsx- Hero section with video containerservice-card.tsx- Service card componentcontact-form.tsx- Contact form componentui/- shadcn/ui components (Button, Input, Textarea, Badge)
- Next.js 14 - React framework with App Router
- TypeScript - Type safety
- Tailwind CSS - Utility-first CSS
- shadcn/ui - UI component library
- lucide-react - Icon library
- Background:
slate-950 - Cards:
slate-900/40withslate-800borders - Accent:
emerald-400/emerald-300 - Text:
slate-50/slate-200