How vanologia-solutio/aristee-landing-page works
Aristée Beauty Clinic is a Next.js clinic-marketing landing page. A visitor arrives at the home page, explores the clinic story, treatments, differentiators, gallery and operating details, then can contact the clinic or open directions. The sampled code confirms the page composition, shared layout, contact links and map embed; Hero, Journey, USP and CTA are represented by their exact tree paths, but their internal behavior was not sampled.
Main entry points: page.tsx Home page · footer.tsx Footer links · operational.tsx Hours and location · button.tsx Button component
Components 19
Page composition
- Site shell
app/layout.tsx - Home page
app/page.tsx - Navigation
components/general/navbar.tsx
Clinic information
- Hero
components/landing/hero.tsx - Clinic story
components/landing/journey.tsx - Treatments
components/landing/treatments.tsx - Clinic benefits
components/landing/usp.tsx - Clinic gallery
components/landing/gallery.tsx
Contact and location
- Hours and location
components/landing/operational.tsx - Contact callout
components/landing/cta.tsx - Footer links
components/general/footer.tsx - Quick WhatsApp
components/general/floating-whatsapp-button.tsx - Business details
lib/constants.ts
Shared presentation
- Button component
components/ui/button.tsx - Card components
components/ui/card.tsx
Other components
- Site visitor
- Google Maps
- Email service
Connections 28
- Site visitor → Home page: opens
- Site shell → Navigation: renders
- Site shell → Home page: renders route
- Site shell → Footer links: renders
- Site shell → Quick WhatsApp: renders
- Home page → Hero: renders
- Home page → Clinic story: renders
- Home page → Treatments: renders
- Home page → Clinic benefits: renders
- Home page → Clinic gallery: renders
- Home page → Hours and location: renders
- Home page → Contact callout: renders
- Navigation → Home page: navigates anchors
- Hours and location → Business details: reads details
- Hours and location → Google Maps: embeds map
- Hours and location → Google Maps: opens directions
- Footer links → Business details: reads details
- Footer links → Google Maps: opens directions
- Footer links → WhatsApp: opens chat
- Footer links → Email service: opens email
- Quick WhatsApp → Business details: reads contact details
- Quick WhatsApp → WhatsApp: opens chat
- Treatments → Card components: uses cards
- Treatments → Button component: uses buttons
- Clinic gallery → Button component: uses buttons
- Hours and location → Button component: uses buttons
- Navigation → Button component: uses buttons
- Footer links → Button component: uses buttons