feat(articles): visual upgrades — timeline, callouts, cards, severity pills
Add 4 reusable CSS article components and apply them across 6 cornerstone articles: CSS (input.css): - article-timeline: horizontal phase diagram with numbered cards, collapses to vertical on mobile - article-callout (warning/tip/info): left-bordered callout boxes with icon and title - article-cards: 2-col grid of accent-topped cards (success/failure/neutral/established/growth/emerging) - severity: inline pill badges (high/medium-high/medium/low-medium/low) for risk tables Articles updated: - padel-hall-build-guide-en + padel-halle-bauen-de: ASCII code block → timeline HTML; 3 bold/blockquote warnings → callout boxes; success/failure patterns → 4 cards - padel-hall-investment-risks-en + padel-halle-risiken-de: risk overview table severity → pills; personal guarantee section → callout; risk management section → 4 cards - padel-hall-location-guide-en + padel-standort-analyse-de: market maturity paragraphs → 3 stage cards Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Deeman
@@ -17,15 +17,48 @@ This guide walks through all five phases and 23 steps between your initial marke
|
||||
|
||||
## The 5 Phases at a Glance
|
||||
|
||||
```
|
||||
Phase 1 Phase 2 Phase 3 Phase 4 Phase 5
|
||||
Feasibility → Planning & → Construction → Pre- → Operations &
|
||||
& Concept Design / Conversion Opening Optimization
|
||||
|
||||
Month 1–3 Month 3–6 Month 6–12 Month 10–13 Ongoing
|
||||
|
||||
Steps 1–5 Steps 6–11 Steps 12–16 Steps 17–20 Steps 21–23
|
||||
```
|
||||
<div class="article-timeline">
|
||||
<div class="article-timeline__phase">
|
||||
<div class="article-timeline__num">1</div>
|
||||
<div class="article-timeline__card">
|
||||
<div class="article-timeline__title">Feasibility & Concept</div>
|
||||
<div class="article-timeline__subtitle">Market research, concept, site scouting</div>
|
||||
<div class="article-timeline__meta">Month 1–3 · Steps 1–5</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-timeline__phase">
|
||||
<div class="article-timeline__num">2</div>
|
||||
<div class="article-timeline__card">
|
||||
<div class="article-timeline__title">Planning & Design</div>
|
||||
<div class="article-timeline__subtitle">Architect, permits, financing</div>
|
||||
<div class="article-timeline__meta">Month 3–6 · Steps 6–11</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-timeline__phase">
|
||||
<div class="article-timeline__num">3</div>
|
||||
<div class="article-timeline__card">
|
||||
<div class="article-timeline__title">Construction</div>
|
||||
<div class="article-timeline__subtitle">Build, courts, IT systems</div>
|
||||
<div class="article-timeline__meta">Month 6–12 · Steps 12–16</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-timeline__phase">
|
||||
<div class="article-timeline__num">4</div>
|
||||
<div class="article-timeline__card">
|
||||
<div class="article-timeline__title">Pre-Opening</div>
|
||||
<div class="article-timeline__subtitle">Hiring, marketing, soft launch</div>
|
||||
<div class="article-timeline__meta">Month 10–13 · Steps 17–20</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-timeline__phase">
|
||||
<div class="article-timeline__num">5</div>
|
||||
<div class="article-timeline__card">
|
||||
<div class="article-timeline__title">Operations</div>
|
||||
<div class="article-timeline__subtitle">Revenue streams, optimization</div>
|
||||
<div class="article-timeline__meta">Ongoing · Steps 21–23</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
@@ -105,7 +138,12 @@ Deliverables from this phase:
|
||||
- **MEP design (mechanical, electrical, plumbing):** Heating, ventilation, air conditioning, electrical, drainage — typically the most expensive trade package in a sports hall conversion
|
||||
- **Fire safety strategy**
|
||||
|
||||
> **The most expensive planning mistake in padel hall builds:** underestimating HVAC complexity and budget. Large indoor courts need precise temperature and humidity control — not just for player comfort, but for playing surface longevity and air quality. Courts installed in a poorly climate-controlled building will degrade faster and generate complaints. Budget for it properly from the start, not as a value-engineering target.
|
||||
<div class="article-callout article-callout--warning">
|
||||
<div class="article-callout__body">
|
||||
<span class="article-callout__title">The most expensive planning mistake in padel hall builds</span>
|
||||
<p>Underestimating HVAC complexity and budget. Large indoor courts need precise temperature and humidity control — not just for player comfort, but for playing surface longevity and air quality. Courts installed in a poorly climate-controlled building will degrade faster and generate complaints. Budget for it properly from the start, not as a value-engineering target.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
### Step 8: Court Supplier Selection
|
||||
|
||||
@@ -160,7 +198,12 @@ Courts are installed after the building envelope is weathertight. This is a hard
|
||||
|
||||
Glass panels, artificial turf, and court metalwork must not be exposed to construction dust, moisture, and site traffic. Projects that try to accelerate schedules by installing courts before the building is properly enclosed regularly end up with surface contamination, glass damage, and voided manufacturer warranties.
|
||||
|
||||
> **The most common construction mistake on padel hall projects:** rushing court installation sequencing under schedule pressure. The pressure to hit an opening date is real — but installing courts into an unenclosed building is one of the most reliable ways to add cost and delay, not reduce them. Hold the sequence.
|
||||
<div class="article-callout article-callout--warning">
|
||||
<div class="article-callout__body">
|
||||
<span class="article-callout__title">The most common construction mistake on padel hall projects</span>
|
||||
<p>Rushing court installation sequencing under schedule pressure. The pressure to hit an opening date is real — but installing courts into an unenclosed building is one of the most reliable ways to add cost and delay, not reduce them. Hold the sequence.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Allow two to four weeks for court installation per batch, depending on the manufacturer's crew capacity. Build this explicitly into your master program.
|
||||
|
||||
@@ -174,7 +217,12 @@ Decide early: which booking platform, which point-of-sale system, and whether yo
|
||||
|
||||
Access control systems must be coordinated with the electrical design. Adding them in the final stages of construction is possible but costs more.
|
||||
|
||||
> **The most common pre-opening mistake:** the booking system isn't fully configured, tested, and working on day one. A broken booking flow, failed test payments, or a QR code that leads to an error page on opening day kills your launch momentum in a way that's difficult to recover from. Test the system end-to-end — including real bookings, real payments, and real cancellations — two to four weeks before opening.
|
||||
<div class="article-callout article-callout--warning">
|
||||
<div class="article-callout__body">
|
||||
<span class="article-callout__title">The most common pre-opening mistake</span>
|
||||
<p>The booking system isn't fully configured, tested, and working on day one. A broken booking flow, failed test payments, or a QR code that leads to an error page on opening day kills your launch momentum in a way that's difficult to recover from. Test the system end-to-end — including real bookings, real payments, and real cancellations — two to four weeks before opening.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
### Step 16: Inspections and Certifications
|
||||
|
||||
@@ -248,13 +296,36 @@ Court bookings are your core revenue, but rarely your only opportunity:
|
||||
|
||||
Patterns emerge when you observe padel hall projects across a market over time.
|
||||
|
||||
**Projects that go over budget** almost always cut at the wrong place early — too little HVAC budget, no construction contingency, a cheap general contractor without adequate contractual protection. The savings on the way in become much larger costs on the way out.
|
||||
|
||||
**Projects that slip their schedule** consistently underestimate the regulatory process. Permits, noise assessments, and change-of-use applications take time that money cannot buy once you've started too late. Start conversations with authorities before you need the approvals, not when you need them.
|
||||
|
||||
**Projects that open weakly** started marketing too late and tested the booking system too late. An empty calendar on day one and a broken booking page create impressions that stick longer than the opening week.
|
||||
|
||||
**Projects that succeed long-term** treat all three phases — planning, build, and opening — with equal rigor, and invest early and consistently in community and repeat customers.
|
||||
<div class="article-cards">
|
||||
<div class="article-card article-card--failure">
|
||||
<div class="article-card__accent"></div>
|
||||
<div class="article-card__inner">
|
||||
<span class="article-card__title">Projects that go over budget</span>
|
||||
<p class="article-card__body">Almost always cut at the wrong place early — too little HVAC budget, no construction contingency, a cheap general contractor without adequate contractual protection. The savings on the way in become much larger costs on the way out.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-card article-card--failure">
|
||||
<div class="article-card__accent"></div>
|
||||
<div class="article-card__inner">
|
||||
<span class="article-card__title">Projects that slip their schedule</span>
|
||||
<p class="article-card__body">Consistently underestimate the regulatory process. Permits, noise assessments, and change-of-use applications take time that money cannot buy once you've started too late. Start conversations with authorities before you need the approvals.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-card article-card--failure">
|
||||
<div class="article-card__accent"></div>
|
||||
<div class="article-card__inner">
|
||||
<span class="article-card__title">Projects that open weakly</span>
|
||||
<p class="article-card__body">Started marketing too late and tested the booking system too late. An empty calendar on day one and a broken booking page create impressions that stick longer than the opening week.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-card article-card--success">
|
||||
<div class="article-card__accent"></div>
|
||||
<div class="article-card__inner">
|
||||
<span class="article-card__title">Projects that succeed long-term</span>
|
||||
<p class="article-card__body">Treat all three phases — planning, build, and opening — with equal rigor, and invest early and consistently in community and repeat customers.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Building a padel hall is complex, but it is a solved problem. The failures are nearly always the same failures. So are the successes.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user