thefatdragon/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

design: add real photos from Lovable, dark purple arcade section, photo hero
Some checks failed
/ deploy (push) Has been cancelled
Details

Browse source
This commit is contained in:
Samuel McCann 2026-06-05 11:42:19 +00:00
parent 5dc0ad9695
commit fe1d841e90
12 changed files with 90 additions and 153 deletions
Download patch file Download diff file Expand all files Collapse all files

71
index.html
View file

@ -29,66 +29,56 @@
<!-- HERO -->
<section class="hero">
<div class="hero-bg"></div>
<img src="/assets/hero-shop-C3Z79gRw.webp"
srcset="/assets/hero-shop-768-DvpXR7W2.webp 768w, /assets/hero-shop-1280-CszAF_S1.webp 1280w, /assets/hero-shop-C3Z79gRw.webp 1920w"
sizes="100vw"
alt="Cozy game shop interior with board games and warm lighting"
class="hero-photo" width="1920" height="1080" fetchpriority="high" loading="eager">
<div class="warm-overlay"></div>
<div class="hero-body">
<span class="badge badge-gold" style="margin-bottom:1.5rem">Coming Soon</span>
<span class="hero-icon">🐉</span>
<p class="hero-eyebrow">Coming Soon</p>
<h1 class="hero-title">The Fat Dragon</h1>
<p class="hero-place">Ashbourne &middot; Co. Meath &middot; Ireland</p>
<p class="hero-copy">
A brand-new game shop is coming to Ashbourne &mdash; retro arcade cabinets,
tabletop strategy, D&amp;D campaigns, and a space built for every kind of player.
A new gaming experience is coming to Ashbourne. Opening July 2026 &mdash;
D&amp;D bookings are open right now.
</p>
<span class="hero-note">Opening July 2026 &middot; D&amp;D bookings open now</span>
<div class="hero-ctas">
<a href="/book-now/dnd.html" class="btn btn-gold">⚔️ D&amp;D Sessions</a>
<a href="/arcade.html" class="btn btn-outline">🕹️ Retro Arcade</a>
<a href="/board-games.html" class="btn btn-outline">🎲 Board Games</a>
<a href="/book-now/dnd.html" class="btn btn-book-dnd">⚔️ D&amp;D Sessions</a>
<a href="/arcade.html" class="btn btn-book-arc">🕹️ Retro Arcade</a>
<a href="/board-games.html" class="btn btn-book-tbl">🎲 Board Games</a>
</div>
</div>
</section>
<!-- ARCADE PREVIEW -->
<section class="section section--alt section--border">
<section class="section section--dark section--border">
<div class="container">
<div class="two-col">
<div class="panel cabinet">
<div class="cabinet-screen-wrap">
<div class="cabinet-screen">
<div class="screen-title">FAT DRAGON</div>
<div class="screen-sub">Arcade &middot; Est. 2026</div>
<div class="screen-insert">Insert Coin to Continue</div>
</div>
</div>
<div class="cabinet-controls">
<div class="stick"></div>
<div class="btn-ab" style="background:#c0392b;margin-left:10px"></div>
<div class="btn-ab" style="background:#2980b9"></div>
<div class="btn-ab" style="background:#e67e22"></div>
<div class="btn-ab" style="background:#27ae60"></div>
</div>
</div>
<div>
<span class="label">Retro Arcade</span>
<h2 class="section-title">Play Against Friends and Rivals</h2>
<p class="section-desc">
Relive the golden age of gaming with our hand-picked collection of classic
Relive the golden age of gaming with our curated collection of classic
arcade cabinets. Challenge friends head-to-head or prove yourself against
the machine &mdash; the high score board awaits.
</p>
<div class="tag-list">
<span class="tag">Mortal Kombat II</span>
<span class="tag">Mortal Kombat III</span>
<span class="tag">Street Fighter II</span>
<span class="tag">Street Fighter III</span>
<div class="tag-list" style="margin-bottom:1.75rem">
<span class="tag">Mortal Kombat II &amp; III</span>
<span class="tag">Street Fighter II &amp; III</span>
<span class="tag">Time Crisis</span>
<span class="tag">Marvel vs. Capcom</span>
<span class="tag">Pac-Man</span>
<span class="tag">Space Invaders</span>
</div>
<div style="margin-top:1.75rem">
<a href="/arcade.html" class="btn btn-outline">Explore the Arcade &rarr;</a>
</div>
<a href="/arcade.html" class="btn btn-outline-light">Explore the Arcade &rarr;</a>
</div>
<div class="img-frame img-frame--arc">
<img src="/assets/hero-arcade-1280-BKBZL_XQ.webp"
srcset="/assets/hero-arcade-768-CMd-rnLe.webp 768w, /assets/hero-arcade-1280-BKBZL_XQ.webp 1280w, /assets/hero-arcade-Du1mEK8c.webp 1376w"
sizes="(max-width: 768px) 100vw, 50vw"
alt="The Fat Dragon mascot playing Mortal Kombat at a retro arcade cabinet"
class="section-img" loading="lazy" width="1280" height="720">
</div>
</div>
</div>
@ -98,11 +88,12 @@
<section class="section">
<div class="container">
<div class="two-col two-col--reverse">
<div class="panel board-visual">
<div class="board-art">
<span class="icon">🎲</span>
<span class="caption">Board &amp; Card Games</span>
</div>
<div class="img-frame img-frame--board">
<img src="/assets/hero-boardgame-1280-JhijY958.webp"
srcset="/assets/hero-boardgame-768-raCBaX1q.webp 768w, /assets/hero-boardgame-1280-JhijY958.webp 1280w, /assets/hero-boardgame-BXXYLag8.webp 1376w"
sizes="(max-width: 768px) 100vw, 50vw"
alt="The Fat Dragon mascot playing Catan and Ticket to Ride with friends at a cozy cafe table"
class="section-img" loading="lazy" width="1280" height="720">
</div>
<div>
<span class="label">Board &amp; Card Games</span>