Apollo Skincare

Who is this template for?

General Features

Ultra-fast Performance: Built with Astro 6 SSG for blazing-fast load times.
Data-driven Reusable Components: All UI components are powered by centralized data configs — swap content, update specs, and scale your product catalog without touching component code.
Light & Dark Mode: A polished theme system that adapts to visitor preferences.
Fully Responsive: Looks perfect across mobile, tablet, and desktop.
GSAP Page Transitions: Cinematic 4-panel splash loader and smooth page transitions powered by GSAP.
Reactive Cart with Nanostores: Persistent cart with localStorage and cross-tab sync — state survives page reloads.
6-step Diagnostic Quiz: Interactive skin diagnostic quiz to guide customers to the right products.
SEO Optimized: Everything in place — sitemap, metadata, and Open Graph tags.
Cookie Preferences Manager: Built-in cookie consent and preferences management.

Technology Overview

Included Pages & Sections

Home: Hero with editorial imagery, featured products, brand story, and CTA
Products: Full product listing with live search and category filters
Product Detail: Individual product page with image gallery, ingredients, and cart
Cart: Persistent cart with cross-tab sync and order summary
Diagnostics: Brand diagnostics overview and quiz entry point
Diagnostic Quiz: 6-step interactive skin quiz with product recommendations
About: Brand story, clinical credentials, and values section
Near You (Stockists): Store locator page for physical retail partners
Search: Live product search with instant results
Contact: Production-ready form with FAQ accordion and contact details.
Legal & Utility: Privacy, Terms, Cookie Preferences, custom 404, RSS feed, and robots.txt.

Additional Highlights

Centralized Content System: Manage all product copy, ingredients, and metadata through typed config files.
Auto-detected Video/Image Media: Smart media components that handle both video and image assets seamlessly.
Scroll-triggered Reveals: Elegant scroll-based reveal animations throughout product and editorial pages.
Comprehensive Documentation: Detailed README covering structure, theming, animations, and configuration.

License & Usage

By purchasing Apollo Skincare, you are granted the right to:

Use the template for personal and commercial projects.
Customize and adapt the source code for your own brand or your clients.
Note: Redistribution, resale, or sublicensing of the template in its original or modified form is strictly prohibited.