Next.js website · service landing page
Dental clinic landing page
A beautiful landing page without leads is just a business card. Dental patients fear two things: pain and the price going up once they’re in the chair. So this site answers those fears and immediately offers an action: price a treatment plan with a monthly payment, take a one-minute quiz, choose a doctor and time without calling, or ask the consultant in chat. Everything a visitor does becomes a lead or an analytics goal, and the hero section is A/B-tested — so you can see which headline brings more bookings.
Scenario: Emal dental clinic in Yekaterinburg — fictional: 25 services with prices, five doctors with their own schedules, reviews, FAQs and opening hours in local time.
Open the demo
The site is mobile-friendly: open it on a phone and a “Call / Book” bar appears at the bottom.
Leads from the demo website are visible only to you, in the “Owner dashboard”: the server validates the form and stores nothing.
What the demo shows
How to try it
Build a treatment plan
In “Prices”, find “implant” and add it to the plan together with a CT scan. Switch installments to 24 months — the payment and tax deduction are recalculated.
Take the quiz
“Find a treatment in a minute” → “Missing tooth” and three more answers. The site recommends an implantologist and prices, and you can pick a time right there.
Book a doctor
In a doctor’s card, press “Book”: the booking widget fills in the doctor. Choose a day and a free time, leave your name and phone — you get a booking number and a calendar file.
Ask the consultant
The chat button at the bottom right: “How much is an implant?”, “Can I get a tax deduction?”, “Are you open on Sunday?”. Under each answer you see where it came from.
Open the owner dashboard
The button in the top bar. The “Leads” tab has everything you sent, with UTM and the A/B variant; “Goals” has every click; in “A/B” you can switch the hero headline.
No paid neural networks
There are no paid neural network requests: the consultant builds an answer by searching the site’s price list, doctors and FAQs and shows the sources. Forms are genuinely validated on the server, but leads aren’t stored — they’re returned to your browser and visible only to you in the “Owner dashboard”. The doctors’ schedules and A/B test results are for demonstration.
The demo runs without OpenAI, YandexGPT or GigaChat API keys. Wherever a production system calls a model, there’s a local stub with the same interface — so the demo is free, always available and never makes things up.
What a production project adds
- Leads and bookings go to amoCRM, Bitrix24 or the clinic’s management system (IDENT, Medods), with a Telegram notification to the administrator
- Schedules and free slots from the clinic system in real time, SMS reminders and booking confirmation
- A consultant on the YandexGPT or GigaChat language model over the same base — prices, doctors, FAQs — with a ban on inventing prices
- Yandex Metrica with goals and e-commerce, flicker-free server-side A/B tests, a variant conversion report
- Content is edited in an admin panel (Payload, Strapi or headless WordPress), and the site is built as static pages that open instantly
Stack
- All demos by stack:
- Next.js
- React
- TypeScript
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Server Actions
Developer’s comment
Anton Goncharov
AI systems developer · Python
For business
- Visitors don’t leave to think it over: in a minute they see the price of their treatment with a monthly payment and pick a time with a doctor themselves.
- Every lead arrives with its source, page and headline variant — you can see which ads and which copy bring patients.
- The headline is checked with an A/B test on live traffic, and the decision is made by numbers, not taste.
For developers
- Next.js 16 App Router: the A/B variant is chosen in proxy.ts before rendering and passed to the page via a request cookie — no flicker and no client JS.
- Forms are Server Actions with a shared validation schema, a honeypot and rate limiting; the phone mask and normalization are covered by tests.
- The schedule, treatment plan, calendar file and assistant search are pure functions with tests, and the main scenarios go through a browser smoke test.
Tips
Tip 01
Set a goal for every funnel step — opened the quiz, chose a doctor, chose a time, submitted — otherwise you won’t know where leads get lost.
Tip 02
Don’t enable analytics before cookie consent: Russian personal data law (152-FZ) requires it, and an “Allow” banner barely affects conversion.
Want the same for your business?
Tell me about your task — I’ll tell you what from the demo fits, how long it will take and what I’ll need from you.
Other demos in this section
All demos- live
Next.js website · B2B, multi-page
Manufacturing company website
A multi-page website for a steel structures plant that sells on its own: a calculator prices a building with a live drawing, a builder assembles a technical specification, case studies filter by industry, you can apply for a job with a CV, and site search understands queries in plain words.
- Next.js
- React
- TypeScript
- live
Next.js website · catalog, map, comparison
Real estate catalog with smart search
A real estate agency’s apartment catalog: type “two-bedroom near the metro under 12 million” and the search sets the filters itself, shows apartments on a city map, compares up to four and sends new ones to Telegram.
- Next.js
- React
- TypeScript
- live
Next.js website · AI translation, per-language SEO
An export website in four languages
A website for an Altai honey exporter in Russian, English, Chinese and Arabic: translated page URLs, per-language SEO, a wholesale price calculator with delivery and a translation studio that checks the neural network’s draft against a glossary.
- Next.js
- React
- TypeScript
- live
Next.js website · customer account, AI assistant, Telegram
Customer account portal
A print shop’s customer account: orders with production stages, layout approval with comments right on the layout, invoices paid via SBP, documents with an electronic signature, a new order with a price calculation, a chat with an AI assistant and a manager, notifications in Telegram.
- Next.js
- React
- TypeScript
- live
Next.js website · Python in the browser, AI mentor
Online school with a student account
An online analytics school: a landing page with a Python task checked right in the browser, a level test with a personal curriculum, installments with a tax deduction estimate, a student account with homework and AI review, an AI mentor that answers from course materials and a certificate verified by QR code.
- Next.js
- React
- TypeScript
- live
Next.js website · booking by plate number, photo report, approval
Car service with booking and repair status
A car service website: booking by plate number or VIN into free bay slots, a “what’s knocking?” diagnosis with likely causes and a price range, repair status with a photo report, approval of extra work and payment by link, and a garage with service history and a forecast of the next maintenance.
- Next.js
- React
- TypeScript
- live
Next.js website · case analysis, claim letters, calculators
Law firm with AI case analysis
A law firm website: describe your situation in your own words right in the hero, get an AI analysis with an assessment of prospects, a claim letter in Word, court fee, penalty and limitation period calculators, a document checklist, case progress in a client account, a price builder and booking with a lawyer.
- Next.js
- React
- TypeScript
- live
Next.js SaaS website · sandbox, dashboard, API
SaaS: AI replies to WB and Ozon reviews
The website and dashboard of a SaaS service that replies to Wildberries and Ozon reviews: a sandbox with review analysis and checks, autopilot by rating, a queue with approval, topic analytics, plans with a payback calculator, store connection by key, an invoice by tax ID and API documentation with a live console.
- Next.js
- React
- TypeScript
- live
Next.js restaurant website · menu, table booking, delivery
Restaurant with delivery
A restaurant website with delivery: a menu with allergen and diet filters, AI dinner selection from a plain phrase, table booking on a floor plan showing free tables for the chosen time, a cart with delivery zones, a minimum order and promo codes, and order tracking with the courier on a map.
- Next.js
- React
- TypeScript
- live
Next.js fitness studio website · booking, memberships, account
Fitness studio
A small-group fitness studio website: a weekly schedule with spots and two-click booking, a waiting list that moves you into the group automatically, memberships you can freeze from your account, an AI 4-week training plan from five questions and a personal account with attendance stats.
- Next.js
- React
- TypeScript
- live
Next.js IT conference website · program, tickets, networking
Conference website
A two-day conference website: a program by room and track with a personal schedule, AI selection of talks without overlaps by role and free text, tickets in price waves with promo codes and a team discount, a QR code for every attendee checked at the entrance, and networking with matching and meetings during breaks.
- Next.js
- React
- TypeScript
- live
Next.js corporate logistics website · calculator, tracking, AI request
Transport company website
A transport company’s corporate website: a calculator that compares groupage and a dedicated truck at once, shipment tracking with the truck on a map, AI parsing of a request from an email or waybill with missing fields highlighted, a map of warehouses and terminals with a storage calculation, a carrier application with an eligibility check, and company details with checksum validation.
- Next.js
- React
- TypeScript