How leck0000/dentra-website works
DENTRA Website is a public-facing presentation site for the DENTRA dental-care platform, not the platform’s clinic-search or dental-screening backend. A visitor opens the landing page and browses product, clinic-finder, trust, installation, and FAQ sections; the clinic finder is explicitly illustrative rather than live clinic data. A scroll-driven 3D camera breakdown is a separate interactive showcase. The graph follows documented imports and calls; backend behavior is not shown, and the README’s responsive-layout capability is not a separate runtime subsystem.
Main entry points: page.jsx Home page · icon.jsx Icon set · reveal.jsx Reveal animation · hero.jsx Product introduction
Components 19
Landing Page
- Home page
app/page.jsx - Navigation
app/nav.jsx
Product Sections
- Product introduction
app/hero.jsx - How it works
app/how-it-works.jsx - Clinic finder demo
app/find-dentist.jsx - AI treatments
app/treatments-ai.jsx - Privacy and trust
app/privacy-trust.jsx - iPhone installation
app/install-ios.jsx - FAQ
app/faq.jsx
Device Showcase
- Exploded-view interaction
components/device/DeviceExplodedView.jsx - Device story steps
components/device/steps.js - Three.js scene
components/device/scene/scene.js - 3D device model
components/device/scene/model.js
Shared Presentation
- Brand elements
components/brand.jsx - Icon set
components/icon.jsx - Phone screenshots
components/phone.jsx - Store badges
components/store-badges.jsx - Reveal animation
app/reveal.jsx
Other components
- Site visitor
Connections 35
- Site visitor → Home page: opens
README.md - Home page → Navigation: renders
app/page.jsx - Home page → Product introduction: renders
app/page.jsx - Home page → Exploded-view interaction: renders
app/page.jsx - Home page → How it works: renders
app/page.jsx - Home page → Clinic finder demo: renders
app/page.jsx - Home page → AI treatments: renders
app/page.jsx - Home page → Privacy and trust: renders
app/page.jsx - Home page → iPhone installation: renders
app/page.jsx - Home page → FAQ: renders
app/page.jsx - Home page → Brand elements: renders
app/page.jsx - Exploded-view interaction → Device story steps: reads steps
components/device/DeviceExplodedView.jsx - Exploded-view interaction → Three.js scene: loads scene
components/device/DeviceExplodedView.jsx - Three.js scene → Device story steps: uses step data
components/device/scene/scene.js - Three.js scene → 3D device model: builds model
components/device/scene/scene.js - Navigation → Brand elements: uses mark
app/nav.jsx - Navigation → Store badges: uses badges
app/nav.jsx - Product introduction → Icon set: uses icons
app/hero.jsx - Product introduction → Phone screenshots: renders phone
app/hero.jsx - Product introduction → Store badges: uses badges
app/hero.jsx - How it works → Icon set: uses icons
app/how-it-works.jsx - How it works → Phone screenshots: renders phone
app/how-it-works.jsx - How it works → Reveal animation: wraps content
app/how-it-works.jsx - Clinic finder demo → Icon set: uses icons
app/find-dentist.jsx - Clinic finder demo → Reveal animation: wraps content
app/find-dentist.jsx - AI treatments → Icon set: uses icons
app/treatments-ai.jsx - AI treatments → Reveal animation: wraps content
app/treatments-ai.jsx - Privacy and trust → Icon set: uses icons
app/privacy-trust.jsx - Privacy and trust → Reveal animation: wraps content
app/privacy-trust.jsx - FAQ → Icon set: uses icons
app/faq.jsx - FAQ → Store badges: uses badges
app/faq.jsx - FAQ → Reveal animation: wraps content
app/faq.jsx - iPhone installation → Reveal animation: wraps content
app/install-ios.jsx - iPhone installation → Brand elements: uses mark
app/install-ios.jsx - iPhone installation → Store badges: uses badge
app/install-ios.jsx