Every page shares the same header, offcanvas mobile nav, search modal, toast container and footer, followed by page-specific content inside <main id="main-content">. This keeps navigation and theming consistent everywhere.
| Page | Purpose |
|---|---|
pages/index.html | Primary homepage — hero, rituals, ingredients, products, consultation CTA, trust, testimonials, journal, newsletter |
pages/home-2.html | Alternate full-bleed magazine-style homepage hero |
pages/shop.html | Product catalog with chips, filter toolbar, grid and pagination |
pages/product-details.html | Single product page — gallery, tabs, related/recently viewed |
pages/ingredients.html | A–Z ingredient glossary with search and letter filter |
pages/ingredient-details.html | Single ingredient profile template |
pages/consultation.html | Consultation packages, practitioner profile, booking form |
pages/certifications.html | Quality standards, badges (demo), FAQ |
pages/services.html | Service overview cards |
pages/service-details.html | Reusable single-service template |
pages/about.html | Brand story, mission, sourcing, timeline, team, testimonials |
pages/blog.html | Wellness journal listing with category filters |
pages/blog-details.html | Article template with TOC and ingredient callouts |
pages/contact.html | Contact info, contact form, wholesale enquiry, map placeholder |
pages/404.html | Branded not-found page |
pages/coming-soon.html | Pre-launch page with countdown and email signup |
All pages under pages/ reference assets as ../assets/css/... and ../assets/js/.... If you move a page out of that folder, update its relative paths accordingly.