Ironhaus Strength Club — Bold Coached Barbell Gym Landing Page

Full Landing Fitness Bold

Bold, dark Divi 5 full landing page for a coached strength gym. Hero, features, testimonials, FAQ, and CTA sections built for fitness studios and barbell clubs.

Rate this element

Be the first to rate

Download this section — free

Divi 5 JSON — import in seconds
Commercial license included
No account needed

Click to view the full page

Overview

Ironhaus opens on a jet-black canvas (#0A0A0A) with a two-column hero: a Denver-Highlands eyebrow line kicked in bright ember orange (#E4572E, 3px letter-spacing) sits above an 800-weight Outfit headline at 64px, capped at 560px so the paragraph beneath it never runs long. A vertical portrait — rounded 16px, ringed in a 1px ember border, cradled by a deep 80px shadow — anchors the right column at 1_2. The primary CTA fires as a soft-cornered ember button with a preset3 glow (32px blur, hover extends to 44px) so it reads as a physical push, not a link.

Below that, three benefit cards live in a 1_3,1_3,1_3 row on a #171717 surface with 44px vertical padding and centered Font Awesome/Divi icons in the same ember. Each card lifts 6px on hover and swaps its shadow from black to warm ember — the whole page uses that single accent color to keep hierarchy legible. The proof section stacks three quote cards with 64px circular avatars, ALL-CAPS names, and an ember credentials line (e.g. "+90 lb deadlift"), while the FAQ presents six Q/A cards in three 1_2,1_2 rows on #151515 with an ember hairline border.

Spacing is quiet on desktop and shifts hard on mobile: sections drop from 140px → 96px → 72px vertical padding, the hero collapses to a single column with a 32px row gap, headlines rescale from 64px to 40px on phone, and the benefit and testimonial rows switch to flex-direction: column so every card gets full width. The closing CTA overlays a gritty Pexels gym photo with a 135° gradient (rgba(10,10,10,0.82) → rgba(0,0,0,0.92)) so the white 64px headline and ember button stay legible against real imagery.

What’s inside

Two-column hero (1_2,1_2, 56px column gap) with tagline, 64px Outfit headline, 560px-max supporting paragraph, primary ember button with contact micro-copy, and a portrait image with 16px radius and 1px ember border
Three-up benefit row using Divi Blurb modules — icon, 22px title, 16px body — each card on #171717 with 20px radius, 1px hairline, and a 6px hover lift with color-shifting shadow
Proof section with three testimonial cards (1_3,1_3,1_3) built from Text + nested 1_4,3_4 rows for a 64px circular avatar next to name + credentials line in ember uppercase
Six-question FAQ built as three 1_2,1_2 Row modules — each Column is a #151515 card with 36×32 padding, 16px radius, and a translucent ember border
Closing CTA section with a Pexels background image, 135° dark gradient overlay, centered eyebrow, 64px headline, 680px-max body, pill button, and a fallback contact line with mailto link
Single accent palette wired throughout: ember (#E4572E) for CTAs, icons, hover shadows, eyebrows, and credential lines against near-black surfaces (#0A0A0A / #0f0f10 / #151515 / #171717 / #18181A)
Responsive breakpoints already tuned — section padding cascades 140/120/110px desktop → 96/80px tablet → 72/64px phone, and the hero, benefit, and testimonial rows all flip to flex-direction: column on phone

Who it’s for

Built for coached barbell gyms, small-group strength studios, powerlifting clubs, CrossFit-adjacent boxes, and personal-training practices that sell coaching — not access to equipment. The tone ("done paying $89 a month to wander between mirrors," "no cardio theater") and the numbers on the page ($189/month, twelve-lifter cap, 45-minute intro) are dialed for a premium, adult-focused strength room, not a $10 chain. It also fits kettlebell clubs, athletic-performance facilities, physical-therapy-adjacent gyms, and hybrid strength-and-conditioning coaches running block programming. Anyone selling a program with a coach in the room — martial arts academies, rowing studios, endurance clubs — can swap the barbell language and reuse the structure without touching the layout.

Customization tips

Palette is a two-color job: the ember accent (#E4572E, plus its hover #C7431E / #C94620 / #c94820 and translucent variants) appears across the hero button, CTA glows, blurb icons, testimonial hairlines, eyebrow text, and the closing overlay — search-and-replace it in the Divi editor to rebrand in under a minute. Backgrounds cycle through #0A0A0A, #0f0f10, #151515, #171717, and #18181A; keep them close in value so the ember stays loud. Copy limits: hero headline holds ~40 characters on two lines, blurb titles at 22px want ≤32 characters, testimonial quotes read best at 35–55 words, and FAQ answers sit comfortably at 40–60 words each. Swap the hero portrait for a 1100×1300 (roughly 11:13) vertical image, keep testimonial avatars square (160×160 works — replace the i.pravatar.cc URLs with real member photos), and use a wide 940×650 gym shot for the closing CTA background so the gradient overlay reads correctly.

How to install this layout

Download the layout JSON file from this page.
Open the target page in the Divi 5 builder.
Open the portability panel (up/down arrows icon) and choose the Import tab.
Upload the JSON. Tick “replace existing content” only for full-page imports.
Check the page at desktop and mobile widths, then swap in your copy and images.

Full walkthrough with troubleshooting: How to Import a Divi 5 Layout.

Questions about Ironhaus Strength Club — Bold Coached Barbell Gym Landing Page

Is this a single page or multiple sections I can split up?

It's one long full-landing page composed of five Divi Sections — hero, three-benefit row, testimonials, FAQ, and closing CTA. Each Section is self-contained, so you can right-click any one, save it to your Divi Library, and drop it into another page on its own.

How does the layout behave on mobile?

The hero row collapses from `flex-direction: row` to `column` with a 32px row gap, the 64px headlines rescale to 40px on phone, and the benefit and testimonial rows switch to full-width stacked cards. Section padding steps down from 140px desktop to 96px tablet to 72px phone so nothing feels cramped.

Which Divi modules are actually used?

Native Divi 5 modules only — Section, Row, Column, Text, Heading, Image, Button, and Blurb. The benefit cards use Blurb with Font Awesome and Divi icons; the testimonials use nested 1_4,3_4 Rows to line up avatars with names. No third-party modules required.

The avatars use pravatar placeholders — do I need to change them?

Yes. The three testimonial images point at `i.pravatar.cc/160?u=ironhaus-member-01` (through `-03`) — placeholders only. Replace each with a real member photo at roughly 160×160px square; the 999px border radius on the Image module handles the circle mask for you.

What should I edit first to make it mine?

Start with the hero eyebrow ("Coached Strength Gym · Denver Highlands"), the headline, and the phone/email in the sub-CTA text — those three fields set your city, offer, and contact. Then swap the hero portrait, the closing CTA background image (Pexels URL), the three testimonial names/quotes/credential lines, and the $189/month and (312) 468-2274 / (720) 442-8817 numbers in the FAQ and CTA blocks.

Can I change the accent color without rebuilding the layout?

Yes — the ember `#E4572E` is reused verbatim on the hero button, sub-CTA button, blurb icons, testimonial credential lines, closing eyebrow, and the mailto link. A find-and-replace in the Divi JSON (also update the rgba glow values like `rgba(228,87,46,0.35)`) will re-skin the whole page in one pass.

Which Divi version does this layout need?

Divi 5. The layout is generated natively for Divi 5 and validated against its real module structure before publication, so it imports clean into the current builder.

Can I use this layout on client websites?

Yes. Every download includes a commercial license covering unlimited sites you own or build for clients. Only reselling or redistributing the layout file itself is prohibited.