Crown is a gallery-and-detail landing page built for natural hair and loc specialist training academies. It guides licensed cosmetologists, self-taught stylists, and loc technicians from first impression to course enrollment across three certification tiers. A full-bleed editorial hero, an expandable technique gallery, graduate testimonials, and an inline checkout panel work together to build trust and drive direct sales.
by Rocket studio
Loading preview…
Quick summary
Crown is a single-page enrollment experience designed for a natural hair and loc specialist training academy. It opens with an editorial hero portrait, moves through a nine-tile expandable technique gallery, and closes with a three-tier inline enrollment panel. Every section is built to move a visitor from curiosity to confident enrollment.
Who this template is for
Crown is built for educators and academy owners in the natural hair space who need a direct-sales landing page that reflects the craft and prestige of their program.
Licensed cosmetologists who want to offer a structured certification curriculum to working stylists
Self-taught loc technicians and kitchen beauticians who are ready to legitimize their skills and raise their rates
Natural hair academy founders who need a polished, gallery-led enrollment page that handles three course tiers at once
What problem this template solves
Many talented natural hair educators lose potential students because their online presence does not match the quality of their work. A plain booking page or a generic course site cannot communicate the depth of a loctician certification program. Crown closes that gap.
Visitors with no context for natural hair training cannot quickly understand what they will learn or why the credential matters
Self-taught stylists need social proof and a clear path to enrollment before they commit to a $200-seat program
Academy owners lose warm leads when there is no secondary capture option for visitors who are not yet ready to enroll
What you get with this template
Crown delivers a complete, conversion-focused landing page with every section already designed and structured for a natural hair training academy. You get a high-interactivity layout built for direct enrollment sales.
A full-bleed editorial hero with a floating cohort card and an animated headline reveal
A nine-tile expandable technique gallery with case study modals showing technique name, tool list, completion time, and a looping hand-technique video
Theme
Luxe Minimal
Creative direction
Immersive Visual
Color system
Sunset Gradient
Style
Gallery + Detail
Direction
Direct Sales
Page Sections
Full-bleed Editorial Hero with Animated Headline
Nine-tile Expandable Technique Gallery
Graduate Video Testimonial Cards
Three-tier Inline Enrollment Panel
Persistent Floating Call-to-action Bar
Free Curl Pattern Guide Email Capture
Related questions
How many course tiers does the enrollment panel support?
Can visitors enroll directly from this landing page?
What is the Free Curl Pattern Guide section used for?
Is this template designed for mobile users?
What natural hair techniques are featured in the gallery?
A three-tier inline enrollment panel with Foundations, Advanced Loctician, and Master Certification cards, Afterpay installment support, and a secondary email capture for the free Curl Pattern Guide
Feature list
Crown includes the following built-in features drawn directly from the template brief.
Full-Bleed Editorial Hero
The hero opens with a tightly composed portrait of a stylist mid-part on a seated client. No text appears on the first beat. A single-line headline in light condensed sans-serif floats up from the bottom: "Your hands. Their crown. Our method." A floating cohort card and a mix-blend navigation layer complete the opening section.
Expandable Technique Gallery
Nine square tiles display finished natural hair styles including sisterlocks, traditional locs, comb coils, Bantu knots, and protective updos. Clicking any tile opens a full case study modal with the technique name, tool list, time to complete, and a looping video of the stylist's hands at work.
Graduate Testimonial Cards
Floating video-style testimonial cards appear between gallery sections. They feature graduates holding their certificates, expressing emotion, and crediting the program. These cards provide social proof at the moments when a visitor is most engaged with the work.
Three-Tier Inline Enrollment Panel
The enrollment panel presents three course cards side by side: Foundations, Advanced Loctician, and Master Certification. Each card shows hour counts, module lists, and pricing. Afterpay installment payment is built into the checkout flow so students can spread the cost.
Floating Call-to-Action Bar
The primary call-to-action button reads "Enroll in the Next Cohort" in molten gold on cacao. It first appears beneath the hero section. After the visitor scrolls past the second section, it pins as a persistent floating bar so the enrollment path is always one tap away.
Free Guide Email Capture
A dedicated section invites visitors who are not yet ready to enroll to download the free Curl Pattern Guide. Entering an email address captures the lead and begins warming that visitor toward future enrollment.
Page sections overview
Section
Purpose
Hero Portrait
Establish prestige and introduce the program headline
Technique Gallery
Showcase nine finished styles with expandable case study modals
Graduate Testimonials
Build trust with video-style social proof between gallery rows
Enrollment Panel
Present three course tiers with pricing and Afterpay checkout
Free Guide Capture
Collect emails from visitors not yet ready to enroll
Footer
Horizontal footer with program navigation and contact links
Design & branding system
Crown uses a Luxe Minimal editorial style built around a Sunset Gradient color system. Every color choice is intentional and tied to a specific role in the layout.
Deep cacao (#2C1810) anchors body text and navigation; warm amber (#D4915E) marks hover states and active links; soft peach (#F5D5C3) and cream white (#FDF6F0) wash across section backgrounds
Molten gold (#E8A849) appears only on price tags and call-to-action buttons, giving those elements the weight of jewelry catching light
Typography pairs Fraunces, a serif display face, for headlines with DM Sans for body copy, creating an editorial warmth that feels grounded and premium at the same time
Mobile & speed optimization
Crown is built mobile-first because the target audience browses and books on phones while in the salon chair. Every layout decision prioritizes touch interactions and small-screen readability.
Gallery tile expansion, enrollment panel tabs, and the floating call-to-action bar are all optimized for one-handed tap navigation on mobile devices
Static sections use server-side rendering while interactive components such as the gallery modal and enrollment panel run as client components, keeping the initial load light
How this template helps you convert
Crown moves a visitor from visual engagement to enrollment decision through a deliberate sequence of trust-building moments.
The editorial hero and animated headline create an immediate emotional connection, giving the visitor a sense of what the training experience feels and looks like before any sales copy appears.
The expandable gallery and graduate testimonial cards provide concrete evidence of the program's depth and results, giving hesitant visitors the proof they need to consider enrolling.
The floating call-to-action bar keeps the enrollment path visible at all times, and the free Curl Pattern Guide capture gives browsers a low-commitment first step that keeps them in the funnel.
Other information about this template
Crown is designed specifically for the natural hair and loc specialist training niche and ships with every interaction already scoped for that use case.
The template is localized for English (USA) with USD pricing and MM/DD/YYYY date formatting throughout
GSAP ScrollTrigger powers the scroll-reveal animations, marquee elements, and floating interactions, while the gallery and modal components use client-side rendering for smooth expand behavior
The immersive scroll experience darkens section background tones progressively, moving the visitor from airy cream at the top to rich cacao at the enrollment panel, reinforcing the salon-floor atmosphere as they go deeper into the page
