Denxa

Denxa — HTML-Template für Zahnarztpraxis & Smile-Studio

Ein dreisprachiges (EN/AR/DE) 22-seitiges Praxis-Template mit sechs Behandlungsseiten, Behandlerprofilen, veröffentlichter Preisliste, Terminanfrage und Smile-Galerie. Mobile-First, mit vollständig gespiegeltem RTL-Layout.

Denxa ist ein vollständiges mehrseitiges Frontend für Zahnarztpraxen, kieferorthopädische Studios und Familienpraxen. Zweiundzwanzig Seiten sind fertig — Start, Über uns, eine Behandlungsübersicht und sechs einzelne Behandlungsseiten, das Behandlerteam und ein Behandlerprofil, eine Terminanfrage, eine veröffentlichte Preisliste, eine Smile-Galerie, Patientenstimmen, FAQ, Journal und Artikel, Kontakt, 404, AGB und Datenschutz — alle mit gemeinsamem Header, Footer und Designsystem. Die Startseite wurde neu sortiert statt neu eingefärbt: Auf den Hero folgen sofort Telefonnummer und Öffnungszeiten, denn danach sucht ein Mensch mit Zahnschmerzen; dann Behandlungen, die Geschichte der Praxis, die Zahlen, die Gründe zu bleiben, eine neunzigsekündige Tour, die Behandler, Bewertungen, die Fragen vor der Buchung und ein abschließendes Terminband. Jeder Text jeder Seite ist aus einem einzigen Wörterbuch mit 466 Schlüsseln auf Englisch, Arabisch und Deutsch übersetzt. Englisch steht im Markup, sodass jede Seite auch ohne JavaScript vollständig und indexierbar ist; das Umschalten ist sofort, die Wahl bleibt erhalten oder lässt sich mit ?lang= erzwingen, und selbst die Beschriftungen, die ein Screenreader vorliest, sind übersetzt. Arabisch ist eine echte Spiegelung statt einer rechtsbündigen Kopie — das Stylesheet wurde auf logische CSS-Eigenschaften umgebaut, sodass Abstände, Rahmen, Positionen, Floats und Ausrichtung von selbst kippen, während gespiegelte Eckenradien, negierte Transformationen, Schattenversätze und richtungstragende Chevrons passend erzeugt werden und Telefonnummern, Preise und E-Mail-Adressen innerhalb arabischer Sätze von links nach rechts bleiben. Arabisch wechselt zu IBM Plex Sans Arabic und Cairo mit eigener Zeilenhöhe und ohne lateinische Laufweite; lateinischer Text nutzt Sora für Überschriften und Manrope für Fließtext. Das Layout ist Mobile-First im strengen Sinn: Die Typoskala ist in der Wurzel auf Telefongröße gesetzt und wächst über vier min-width-Stufen, jede Media Query fügt Fähigkeiten hinzu statt sie zu entfernen, und jede Seite wurde in allen drei Sprachen bei 390 und 1440 Pixeln auf horizontales Überlaufen geprüft. Drei geerbte Verhaltensweisen wurden ersetzt: ein Akkordeon, das beim zweiten Klick schließt und seinen Zustand an assistive Technik meldet, ein Galeriefilter, der Klassen umschaltet statt Kacheln absolut zu positionieren, und Zähler auf IntersectionObserver-Basis, die ihren Endwert ins Markup schreiben, damit die Zahlen auch ohne Skripte stimmen. Wortmarke, Badge, Favicon, neun Behandlungssymbole und die Bedienelemente sind erzeugtes SVG, und jedes Foto ist eine frische klinische Aufnahme, auf die exakte Box des Layouts zugeschnitten, in doppelter Auflösung für Retina.