Landing page · our own business · unpublished
A landing page where the owner drops in real photos without touching code: Estudio Dental Inova
Our dental prosthetics lab needed a complete page before real photos existed. Eight sections, a three-mode gallery and a custom component to place every photo with a click. Not yet published.
- Client
- Estudio Dental Inova (riel's own business)
- Industry
- Dental laboratory · prosthetics for clinics (B2B)
Our own business: a system we built for our own operation
The problem
A dental lab sells with photos: finished work, before and after, the team. When the page is built, those photos do not exist yet.
- The two usual exits are bad: stock photos (they show, and cost credibility in this sector) or leaving the page unfinished until photos arrive, which they never do.
- A complete page was needed from day one, with every image slot ready for the real photo without anyone editing HTML.
Before
- There was no landing page.
What we built
| Phase | Delivered working |
|---|---|
| Three-mode gallery | Before/after slider, zoomable mosaic and full-screen carousel, switched without reloading. |
| image-slot component | Every image slot is a custom element. It is filled by clicking and picking a file, by dragging a photo onto it, or by writing the path in code. The first two need no code. |
| Zero dependencies, zero build | The page opens from the file or any static server. Nothing to install or update. |
| What is not published as-is | Hero counters, stats and carousel testimonials are template text. They are replaced with real lab data or removed before launch. |
How it was built
- 01
Design system in the CSS
Color, type and spacing variables before the sections.
- 02
Image component before content
image-slot was built first so every section used it from the start.
- 03
Gallery with three modes
On the same slots, so photos are placed once and serve all three.
Technology
HTML, CSS and JavaScript without a framework; a custom element (image-slot.js) for image slots; Google Fonts. No dependencies, no build, no server.
Verified figures
- Sections
- 8
- Gallery modes
- 3
- Dependencies
- 0
- Build steps
- 0
- Status
- Unpublished
Business metrics: none, and there will be none until the page is published. Template hero counters are not cited.
What changed
A complete page before the photos
With every slot visible and ready.
The owner previews with real photos, no developer
With a click or a drag.
Work shown three ways
Before/after, mosaic and carousel, with the same photos.
Publishable on any static host
Nothing to install, whenever we decide to publish.
Does your business sell with photos you do not have yet?
A page built complete today that receives the photos when they arrive, without paying again to place them.