Obsidian Peak — Executive Coaching Website (8 Pages)
An 8-page executive coaching website — a liquid-glass nav with a dismissible announcement bar, a 3D-tilted split hero, pointer-tilt program cards, a filterable case-study and insights grid, an immersive program detail page with a Stripe Payment Link checkout, and a 3-tier pricing comparison including a genuine digital-product tier, on an Obsidian Gold palette (deep black, charcoal, ivory, champagne gold) with Bodoni Moda + Inter typography.
Preview
What you can customize
Each section below becomes a guided form field in your library after purchase — no prompting experience required.
- 1
Home
Announcement bar, glass nav, 3D-tilted split hero, trust indicators, featured programs, benefits, visual case study, process timeline, expertise band, testimonial carousel, insights teaser, final CTA.
2 editable fields
- 2
Programs
Working category filters (Executives/Founders/Group Cohorts/Digital) over a 6-program 3D-tilt grid, program-matching process, CTA.
2 editable fields
- 3
Program Detail — The Executive Accelerator
Immersive program detail: gallery, specifications table, benefits list, Stripe checkout placeholder, related programs.
2 editable fields
- 4
Our Story
Founder story, values, statistics band, team presentation, CTA.
2 editable fields
- 5
Client Results
Filterable case-study grid (Executive Transition/Founder Coaching/Board Readiness), an in-depth featured turnaround story, CTA.
2 editable fields
- 6
Pricing
Three-tier pricing comparison (Foundations digital toolkit / Accelerator / Board Advisory), Stripe checkout placeholders, FAQ.
2 editable fields
- 7
Insights
Featured article feature, filterable article grid across Leadership, Founder Growth and Board Readiness.
2 editable fields
- 8
Contact
Contact hero, native-validation enquiry form, office details, map placeholder, discovery-call FAQ.
2 editable fields
Usage instructions
Eight pages, generated in order — each one is a standalone, complete HTML fragment you paste into your own page shell. 1. Home — a dismissible announcement bar, glass-to-solid navigation, a 3D-tilted split hero with a floating stat card, trust indicators, featured programs on a pointer-tilt card grid, benefits, a large case-study feature, the Obsidian Method process timeline, an expertise/team band, a testimonial carousel, an insights teaser and a final CTA. 2. Programs — six coaching formats on a working, JS-filtered grid (Executives / Founders / Group Cohorts / Digital). 3. Program Detail — an immersive page for "The Executive Accelerator": gallery, specifications table, benefits, a Stripe checkout placeholder, and related programs. 4. Our Story — founder story, values, a statistics/team band and CTA. 5. Client Results — a filterable case-study grid (Executive Transition / Founder Coaching / Board Readiness) plus an in-depth featured turnaround story. 6. Pricing — a three-tier comparison (Foundations digital toolkit / Accelerator / Board Advisory) with Stripe checkout placeholders and an FAQ. 7. Insights — a featured article plus a filterable article grid across three categories. 8. Contact — a native-validation enquiry form, office details, a map placeholder and a discovery-call FAQ. Four things to know before you publish: STRIPE. The enrollment button on Program Detail and all three pricing-tier CTAs on Pricing ship with the placeholder href "YOUR_STRIPE_PAYMENT_LINK". None of them are working payment links. Create a Payment Link per program/tier in your own Stripe dashboard and replace each href before the site goes live. The template deliberately avoids the Stripe JS loader, because AI Tapz's preview sandbox blocks external scripts. FORMS. No backend is included. The newsletter and enquiry forms post nowhere until you set their action attribute to your own form-handling endpoint. FONTS. Every page's <style> block references 'Bodoni Moda' (display) and 'Inter' (body) with solid system-font fallbacks. Add the Google Fonts <link> to your page's real <head> for the intended typography — the template renders correctly on the fallback stack alone in the meantime, including inside this platform's own preview. IMAGES. All photography is real, licensed-for-web Unsplash stock, used for presentation purposes — replace with your own photography before commercial use.
Reviews
No reviews yet — be the first once you've used this template.