Health and fitness
Gym
A high-energy website for a gym with class timetable, membership plans, coaches and a free trial pass form.
LTR · 1280 pxOpen full preview
Copy the recipe
The headings and the first line of each part. Copy the recipe to get every word.
What is inside the recipe
- 01Goal and audienceBuild a complete, ready to publish website for "Iron Rhythm Fitness", gym business in Kuwait.
- 02Stack and setupUse plain HTML, CSS and a little JavaScript, or Next.js with Tailwind if your tool prefers it. Mobile first.
- 03Design systemStyle: Bold dark. Follow these exact values.
- 04Page structureOne page, sections in this exact order.
- 05HeroThe first screen. Use this copy exactly.
- 06Section: ServicesShow these services as a clear, scannable list or grid. Use the exact wording.
- 07Section: ScheduleShow the weekly schedule as a clear timetable.
- 08Section: PackagesShow the price options side by side on large screens and stacked on phones. Mark the middle one as the best choice.
- 09Section: TeamIntroduce the people with a portrait frame, name, role and one line.
- 10Section: NumbersShow these numbers large, in one row.
- 11Section: ReviewsShow three customer reviews as quotes. These are invented samples: label them as examples until real ones replace them.
- 12Section: QuestionsMake an accordion using the native details and summary elements.
- 13Section: BookingAdd a short booking form that ends in a WhatsApp message.
- 14Section: ContactShow the contact details with large tap targets.
- 15FooterA simple footer with the brand, a short line and quick links.
- 16Components and interactionsBuild these behaviours, and keep the code small and readable.
- 17Arabic and right-to-leftThe site must work fully in Arabic, not just in English.
- 18AccessibilityMake it usable by everyone.
- 19Search and sharing basicsAdd the basics so the site can be found and shared.
- 20PerformanceIt should feel instant on a slow phone connection.
- 21Advice for this kind of businessReal owners care about these points. Reflect them in the copy and layout.
- 22Do notAvoid these mistakes.
- 23How the owner customises itFinish by adding a short guide for the owner in a README or an HTML comment.
- 24Done whenCheck each line before you say the website is finished.
What you get
- A complete brief for a gym website with 9 sections, from hero to contact
- Exact colours, fonts and spacing for the bold dark look
- Every line of copy written for you, in English and Arabic
- Right-to-left rules for the Arabic version
- A WhatsApp booking flow and a checklist to know it is finished
Questions about this recipe
What does this gym prompt include?
A brief for a bold dark site with timetable, plans, coaches, a free pass form and a sticky WhatsApp button.
Can the timetable be edited easily?
Yes. The prompt keeps the schedule as a simple list so you can change it each month.
Do I need photos of my gym?
Yes, bright photos of the floor and coaches. The prompt includes dark placeholder frames.
Does it need a members area?
No. It stops at the free pass form. Add a member system later if you need one.
More recipes you may like
Build it step by step in the course
Not sure how to use a recipe? The free course walks you through it, one small step at a time.