A modern, responsive web application for Drago Partner — a fleet partner for professional drivers working with Uber, Bolt, and FreeNow in Warsaw, Poland.
Drago Partner connects professional drivers and couriers with leading ride-hailing and food delivery platforms. The site serves as a lead-generation and recruitment landing page, offering:
- Recruitment form — integrated with Google Forms; the entry point for all candidates
- Office appointment booking — via an internal CRM system, available after submitting the form
- Multilingual support — 5 languages: Polish, English, Ukrainian, Serbian, Georgian
- Cookie consent — GDPR-compliant banner with Google Analytics opt-in
| Category | Technology |
|---|---|
| Framework | React 18 + TypeScript |
| Build | Vite + SWC |
| Styling | Tailwind CSS (custom theme, zero border-radius) |
| Routing | React Router v6 |
| i18n | Custom context-based (useLanguage hook) |
| Icons | Lucide React |
| SEO | react-helmet-async |
| Accordion | @radix-ui/react-accordion |
No component library. All UI is built with plain HTML + Tailwind CSS.
src/
├── components/
│ ├── layout/ # Header, Footer
│ ├── sections/ # HeroSection, AboutSection, ServicesSection,
│ │ # FAQSection, ContactSection, ContactFormSection
│ ├── ui/ # button.tsx, accordion.tsx, MapPopover.tsx
│ ├── LanguageSwitcher.tsx
│ └── NavLink.tsx
├── pages/
│ ├── Index.tsx # Landing page
│ ├── PrivacyPolicy.tsx
│ ├── TermsOfService.tsx
│ └── NotFound.tsx
├── hooks/
│ └── useLanguage.tsx # i18n hook + LanguageProvider
├── translations/
│ ├── pl.ts # Polish
│ ├── en.ts # English
│ ├── ua.ts # Ukrainian
│ ├── sr.ts # Serbian
│ └── gr.ts # Georgian
├── lib/
│ └── utils.ts # cn() utility (clsx + tailwind-merge)
└── assets/
- Node.js v18+
- npm
git clone <repository-url>
cd drago-partner-v0.2
npm installnpm run dev # Dev server at http://localhost:8080
npm run build # Production build → dist/
npm run build:dev # Dev build with source maps
npm run preview # Preview production build locally
npm run lint # ESLintCreate a .env file in the project root:
VITE_GOOGLE_FORMS_URL=https://docs.google.com/forms/d/YOUR_FORM_ID/viewform
VITE_GOOGLE_CALENDAR_ID=your_calendar_id@group.calendar.google.com
VITE_GOOGLE_API_KEY=your_google_api_keyVariables are embedded at build time by Vite — they do not need to be set on the server.
Custom i18n system using React Context. Language is stored in localStorage and defaults to the browser locale.
const { t, language, setLanguage } = useLanguage()
<h1>{t('hero.title')}</h1>Translation files live in src/translations/. When adding new copy, add the key to all 5 files.
| Language | Code | File |
|---|---|---|
| Polish | pl | pl.ts |
| English | en | en.ts |
| Ukrainian | ua | ua.ts |
| Serbian | sr | sr.ts |
| Georgian | gr | gr.ts |
| Token | Value |
|---|---|
| Primary accent | Illuminating Yellow #f5df4d |
| Neutral | Ultimate Grey #939597 |
| Background | Ghost White #F8F8FF / White |
| Font | Inter |
| Border radius | None — rounded-* classes are never used |
| Button min-height | 44px (accessibility) |
| Section spacing | py-24 md:py-32 lg:py-40 |
npm run buildOutput goes to dist/. The folder must include a .htaccess file for SPA routing (Apache / Plesk):
Options -MultiViews
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^ index.html [L]
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]- Upload contents of
dist/(including.htaccess) tohttpdocs/ - Enable SSL via Plesk → Domains → SSL/TLS Certificates → Let's Encrypt
| Route | Component | Description |
|---|---|---|
/ |
Index.tsx |
Main landing page |
/privacy-policy |
PrivacyPolicy.tsx |
GDPR privacy & cookie policy |
/terms-of-service |
TermsOfService.tsx |
Terms of service |
* |
NotFound.tsx |
404 fallback |
Operator: GB+ Spółka z ograniczoną odpowiedzialnością NIP: 5242881811 Address: ul. Książkowa 9F/405, 03-134 Warszawa, Poland Contact: biuro@dragopartner.pl · +48 530 181 372
Version: 0.2.0 Last updated: March 2026 License: Private — all rights reserved.