How gswgaston/sitefabiana works
This repository is a React one-page website for a neuropsychopedagogy practice. Visitors move from the introduction through audience and service information, practitioner credentials, care locations and FAQs, then reach consultation calls to action and contact links. The page is composed by App; its content sections are presentation stages rather than backend workflow or stored records. The source excerpts confirm composition and selected section-to-decoration calls; other section implementations and contact behavior were not sampled, so those internal links are not inferred.
Main entry points: App.tsx Landing page · PuzzlePieces.tsx Puzzle motif · LayeredWaves.tsx Wave dividers · Hero.tsx Introduction
Components 18
Page entry
- React mount
src/main.tsx - Landing page
src/App.tsx
Practice information
- Navigation
src/components/Navbar.tsx - Introduction
src/components/Hero.tsx - Credentials
src/components/CredentialsStrip.tsx - Audience
src/components/Audience.tsx - Service stages
src/components/Services.tsx - Practitioner profile
src/components/About.tsx - Care options
src/components/Locations.tsx - FAQs
src/components/FAQ.tsx
Contact paths
- Consultation prompt
src/components/ConversionBanner.tsx - Footer links
src/components/Footer.tsx - WhatsApp shortcut
src/components/WhatsAppFloat.tsx
Visual components
- Puzzle motif
src/components/decorations/PuzzlePieces.tsx - Brand doodles
src/components/decorations/BrandDoodles.tsx - Wave dividers
src/components/decorations/LayeredWaves.tsx - Puzzle border
src/components/decorations/CornerPuzzleBorder.tsx
Other components
- Site visitor
Connections 29
- Site visitor → React mount: opens
- React mount → Landing page: renders
src/main.tsx - Landing page → Navigation: renders
src/App.tsx - Landing page → Introduction: renders
src/App.tsx - Landing page → Credentials: renders
src/App.tsx - Landing page → Audience: renders
src/App.tsx - Landing page → Service stages: renders
src/App.tsx - Landing page → Practitioner profile: renders
src/App.tsx - Landing page → Care options: renders
src/App.tsx - Landing page → FAQs: renders
src/App.tsx - Landing page → Consultation prompt: renders
src/App.tsx - Landing page → Footer links: renders
src/App.tsx - Landing page → WhatsApp shortcut: renders
src/App.tsx - Introduction → Puzzle border: renders
src/components/Hero.tsx - Puzzle border → Puzzle motif: renders
src/components/decorations/CornerPuzzleBorder.tsx - Introduction → Wave dividers: renders
src/components/Hero.tsx - Introduction → Brand doodles: renders
src/components/Hero.tsx - Audience → Puzzle motif: renders
src/components/Audience.tsx - Audience → Brand doodles: renders
src/components/Audience.tsx - Audience → Wave dividers: renders
src/components/Audience.tsx - Service stages → Puzzle motif: renders
src/components/Services.tsx - Service stages → Brand doodles: renders
src/components/Services.tsx - Service stages → Wave dividers: renders
src/components/Services.tsx - Practitioner profile → Puzzle motif: renders
src/components/About.tsx - Practitioner profile → Brand doodles: renders
src/components/About.tsx - Care options → Puzzle motif: renders
src/components/Locations.tsx - Care options → Wave dividers: renders
src/components/Locations.tsx - FAQs → Puzzle motif: renders
src/components/FAQ.tsx - Consultation prompt → Wave dividers: renders
src/components/ConversionBanner.tsx