How fauziiifau/makeup-landing works
AULIAAS_MAKEUP is an Astro makeup-services site with a client-side testimonial and admin workflow. Visitors browse service, pricing, portfolio and contact content; they can submit reviews and use the price calculator. Administrators authenticate and manage testimonial approval and edits. The README is only the Astro starter template, so the feature map is based on the file tree and sampled client logic; unsampled page composition and some component wiring are not asserted.
Main entry points: app.ts Client Interactions · index.astro Home Page · Modals.astro Modal Views · Pricing.astro Price Calculator
Components 19
Public Site
- Home Page
src/pages/index.astro - Site Layout
src/layouts/Layout.astro - Navigation
src/components/Navbar.astro - Hero
src/components/Hero.astro - Services
src/components/Services.astro - Pricing
src/components/Pricing.astro - Portfolio
src/components/Portfolio.astro - Contact
src/components/Contact.astro - Footer
src/components/Footer.astro - Terms
src/components/Terms.astro - WhatsApp Link
src/components/FloatingWA.astro
Interactive Features
- Modal Views
src/components/Modals.astro - Client Interactions
src/scripts/app.ts - Price Calculator
src/components/Pricing.astro
Testimonials Admin
- Testimonials
src/components/Testimonials.astro - Firebase Auth
- Firestore
Other components
- Visitor
- Administrator
Connections 8
- Visitor → Home Page: opens
- Administrator → Home Page: opens
- Client Interactions → Firebase Auth: signs in
- Client Interactions → Firestore: reads and writes
- Client Interactions → Price Calculator: updates price
- Client Interactions → Modal Views: opens and closes
- Visitor → Testimonials: submits review
- Administrator → Client Interactions: manages reviews