Moderní webová aplikace pro ThinkHome s ThinkPad barevným schématem a morphism designem.
- 🎨 ThinkPad barevné schéma - Elegantní černé, šedé a stříbrné barvy inspirované ThinkPad notebooky
- ✨ Morphism design - Skleněné efekty a moderní UI s backdrop blur
- 📱 Responzivní design - Optimalizováno pro všechna zařízení
- 🌙 Dark/Light mode - Automatické přepínání témat
- ⚡ Next.js 15 - Nejnovější verze s Turbopack
- 🎯 TypeScript - Plná type safety
- 🎭 Framer Motion - Plynulé animace
- 🎨 Tailwind CSS - Utility-first CSS framework
- 🔧 @tabler/icons-react - Moderní ikony
- Domů - Hlavní stránka s hero sekcí a misí
- Služby - Detailní přehled všech IT služeb
- Tým - Seznam členů týmu s kontakty
- Kontakt - Kontaktní informace s možností kopírování
- Nainstalujte závislosti:
npm install- Spusťte vývojový server:
npm run dev- Otevřete http://localhost:3000 v prohlížeči
npm run build
npm startsrc/
├── app/ # Next.js App Router
│ ├── globals.css # Globální styly
│ ├── layout.tsx # Root layout
│ ├── page.tsx # Hlavní stránka
│ ├── services/ # Stránka služeb
│ ├── team/ # Stránka týmu
│ └── contact/ # Kontaktní stránka
├── components/ # React komponenty
│ ├── layout/ # Layout komponenty
│ └── sections/ # Sekce stránek
└── public/ # Statické soubory
├── logo/ # Loga
└── team/ # Týmové fotky
- Next.js 15 - React framework
- React 19 - UI knihovna
- TypeScript - Type safety
- Tailwind CSS - Styling
- Framer Motion - Animace
- @tabler/icons-react - Ikony
- next-themes - Theme management
- ThinkPad Black:
#1a1a1a - ThinkPad Dark:
#2d2d2d - ThinkPad Gray:
#4a4a4a - ThinkPad Light:
#6b6b6b - ThinkPad Silver:
#a8a8a8
- Skleněné pozadí s backdrop blur
- Jemné stíny a ohraničení
- Plynulé přechody a animace
Pro vývoj doporučujeme používat VS Code s rozšířeními:
- ES7+ React/Redux/React-Native snippets
- Tailwind CSS IntelliSense
- TypeScript Importer