BioHairTech
Beauty-tech distributor site with client portal and booking
What it is.
Bilingual Next.js site for BioHairTech, official Koemia distributor for Greece, Cyprus and Albania, with client portal and booking.
BioHairTech is the official distributor of premium beauty-tech products in Greece, Cyprus and Albania, starting with KOEMIA, the Italian Hair Styling 4.0 system for professional salons. We built biohairtech.com as a bilingual (EL/EN) Next.js application that presents the Koemia system, its products and services as a portfolio with request-a-quote, and adds a booking drawer with Stripe payments, a gated client portal and an admin console. Everything runs from one MySQL-backed codebase on the client's Hostinger Node.js hosting.
BioHairTech needed a single web presence that positions the company as the institutional distributor behind Koemia, explains a complex four-step salon system (analysis, treatment, styling, orchestration) to salon owners and consumers, and lets people book demos or treatments. B2B clients also needed a private area for files, requests and invoices, and the team needed a console to approve professional accounts. All of it had to follow strict brand guidelines (Deep Forest and Sage palette, vector-only wordmark) and run on the client's Hostinger Node.js hosting rather than a VPS.
What we built.
Bilingual EL/EN marketing site: System, Products catalog with category filters, Services, Company, Contact and legal pages
Booking drawer for professionals and individuals: 6 services, salon opening-hours validation, Stripe Checkout for paid demos
Account system with 6-digit email OTP verification, password reset, httpOnly DB sessions and admin approval for B2B accounts
Client portal: appointments, secure file and invoice vault (10 MB uploads served via authenticated route), requests with status
Admin console: KPIs, user search and approvals, bookings, requests, invoices and per-client file uploads
Transactional email via Hostinger SMTP: verification codes, booking confirmations, contact and portal notifications
Brand system from the guidelines: Deep Forest and Sage tokens, official wordmark and monogram, generated favicon and OG image
SEO and delivery: metadata, JSON-LD, sitemap and robots, cookie consent, WebP product renders, prebuilt deploy to Hostinger MySQL
The stack.
- Next.js 16 (App Router)
- React 19
- TypeScript
- Tailwind CSS 4
- Prisma 6
- MySQL (Hostinger)
- @prisma/adapter-mariadb
- Stripe Checkout
- Nodemailer (Hostinger SMTP)
- bcryptjs
- Inter via next/font
- Hostinger Node.js hosting
The screens.
Results.
Live at biohairtech.com in Greek and English, with the public site, client portal and admin console served from one Next.js codebase
11 Koemia products catalogued across devices, consumables and software, with 14 studio renders converted from 10-20 MB PNGs to WebP
6 bookable services across professional and individual journeys, with paid demos charged server-side through Stripe Checkout