Concept · built with AI tools
SmileViva Dental Studio — Dental Clinic Template Friendly 3D dental clinic template with online booking
A sellable website template for dental clinics, demoed as a fictional studio in Madhapur, Hyderabad. It pairs a no-build static front end (40+ pages, 30 original 3D clay illustrations) with an optional Node.js API for live slots, reminders, a patient portal and Razorpay payments.
- Status
- Concept · built with AI tools
- Type
- Template
- Category
- Healthcare website
- Version
- 1.0.0
- Built with
- HTML5, CSS custom properties, Vanilla JavaScript …
This is a self-initiated concept, designed and built by Srini with AI tools. It is not a real company or client project.
The problem
Most dental clinic sites are brochure pages that hide prices and push visitors to phone in. The FRS set out to turn visitors into booked patients: transparent fees and EMI, a booking flow under two minutes, local-SEO pages per area, and trust built through plain-language treatment pages rather than fear-based claims.
Who it is for
Dental clinics in India (and agencies/developers building for them) who want a fast, rebrandable site with booking built in; sold as a template.
Features
- 5-step booking wizard: treatment → dentist → date/slot → details → confirm
- Reschedule/cancel online with a configurable 12-hour rule, plus waitlist
- 10 treatment pages with duration, sessions, comfort and price badges
- Fees & EMI calculator with transparent price ranges and care plans
- ‘Which treatment is right for me?’ quiz and free Smile Assessment with photo upload
- Patient portal (OTP login, appointments, invoices) and intake form
- Multilingual UI: English, Telugu, Hindi
- 4 area landing pages, blog with 5 posts, 25-question FAQ, emergency page
- Consent-first cookie banner; GA4 only after analytics consent; DPDP-minded data handling
- Optional Node/Express API: SQLite or PostgreSQL, SMS/email/WhatsApp confirmations, 48h/24h reminders, Razorpay
- Rebrand from one site.json and one tokens.css
- Mobile sticky Call · WhatsApp · Book bar
Pages & screens
- Home
- Treatments hub + 10 treatment pages
- About & Team
- New Patients
- Fees & EMI
- Smile Gallery
- Reviews
- Blog + 5 posts
- Contact
- FAQ
- Emergency
- Area pages (Madhapur, Kondapur, Jubilee Hills, Gachibowli)
- Book
- Manage Booking
- Waitlist
- Intake form
- Smile Assessment
- Patient Portal (login + dashboard)
- Privacy / Terms / Cookies
- 404
Stack
- HTML5
- CSS custom properties (design tokens)
- Vanilla JavaScript (ES modules, no build step)
- JSON content files + Node page generator
- Node.js 20+ / Express 5 (optional API)
- SQLite (better-sqlite3) or PostgreSQL
- zod, helmet, rate limiting, JWT cookies
- Playwright e2e tests
- Google Fonts: Plus Jakarta Sans + Inter
- OpenStreetMap embed
How I built it with AI
Started from Srini's own Dental Clinic Website Requirements Specification (FRS v1.0: goals, pages FR-01…, booking, SEO, accessibility). AI coding tools built the template against it, with an FRS traceability matrix, QA report and 24-part documentation set (architecture, user, developer, design, rebrand, API, deployment, security/DPDP, marketplace notes). The 30 clay-style 3D illustrations were AI-generated from reusable prompt templates that ship with the docs, e.g. "A cute 3D clay render of [OBJECT, e.g. a molar tooth wearing a small blue shield], soft matte plastic toy style, rounded chunky forms… palette of soft blue #2F78B7, teal #2FB5A5 and orange #F2873A accents… no text, no logos." Buyers can regenerate the set in their own brand colours using the same prompts.
Design highlights
- Highlight 01 — Soft 3D clay illustrations on blue gradients — clinical competence without clinical coldness
- Highlight 02 — Radical transparency: duration, sessions, comfort level and indicative fee shown as badges on every treatment
- Highlight 03 — One clear primary action per view, with a sticky Call · WhatsApp · Book bar on mobile
- Highlight 04 — Plain-English voice (Grade 7–8) — ‘Most root canals take 1–2 visits’ instead of hype
- Highlight 05 — Works fully in demo mode with no server; flip one setting for live API mode