/var/www/sites/twin-fin/index.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Twin Fin Restaurant & Bar — Fremantle</title><link rel="icon" type="image/svg+xml" href="images/twinfin-logo.svg"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Work+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="css/style.css"><script src="js/config.js" defer></script><script src="js/hours.js" defer></script></head><body><header class="site-header"><div class="container header-inner"><a href="index.html" class="logo-link" aria-label="Twin Fin Restaurant & Bar — Home"><img src="images/twinfin-logo-official.svg" alt="Twin Fin Restaurant & Bar logo" class="logo-img" width="180" height="60"></a><button class="nav-toggle" aria-label="Toggle navigation" aria-expanded="false"><span class="hamburger"></span></button><nav class="main-nav" aria-label="Primary navigation"><ul class="nav-list"><li><a href="/" aria-current="page" class="nav-link">Home</a></li><li><a href="about.html" class="nav-link">About</a></li><li><a href="menu.html" class="nav-link">Menu</a></li><li><a href="careers.html" class="nav-link">Careers</a></li><li><a href="contact.html" class="nav-link">Contact</a></li></ul></nav></div></header><main><!-- Home Page Content: Fremantle's Best-Kept Secret --><section class="hero-full" aria-label="Twin Fin — Bathers Beach Fremantle"><img src="images/building.jpg" alt="Twin Fin Restaurant at Bathers Beach, Fremantle" class="hero-full__bg" loading="eager"><div class="hero-full__overlay"></div><div class="hero-full__content fade-in"><a href="index.html" aria-label="Twin Fin — Home"><img src="images/twinfin-logo-official.svg" class="hero-full__logo" alt="Twin Fin Restaurant & Bar"></a><div class="hero-full__tagline">RESTAURANT & JUICE BAR</div><p class="hero-full__sub">Fremantle's best-kept secret</p><div class="hero-full__btns"><a href="menu.html" class="btn btn--outline-white btn--coral"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M8 7h8M8 12h8M8 17h5"/></svg>
View Menu
</a></div></div><div class="hero-full__location-badge"><h2 class="hero-full__location-heading">Fremantle's Best Kept Secret</h2><p class="hero-full__location-sub">Right on Bathers Beach — where great seafood meets good times.</p></div><div class="hero-full__scroll" aria-hidden="true"><svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></div></section><main id="main" class="main-content"><section class="tales-section fade-in" aria-label="About Twin Fin"><div class="tales-inner"><div class="tales-photo-col"><div class="tales-photo-card"><img src="images/building.jpg" alt="Twin Fin Restaurant at Bathers Beach" loading="lazy"></div></div><div class="tales-content-col"><span class="section-label">About Twin Fin</span><h2 class="tales-heading">Fremantle's Best-Kept Secret</h2><div class="tales-rule"></div><p class="tales-intro">
Twin Fin is nestled in an idyllic, scenic corner of Bathers Beach — a spot steeped in local history, previously home to Fishermen's Kitchen in the '90s and Sweetlips Fish in the early 2000s.
</p><p class="tales-intro">
We're more than just fish and chips. Twin Fin offers a full range of seafood meals, all at affordable prices — from classic favourites to restaurant-quality dishes like seafood chowder, Lobster Mornay, garlic prawns, Twin Fin Delight, tacos and burgers. Every dish is designed to tantalise your taste buds, with generous sharing options so families and friends can enjoy the experience together, whether dining indoors or out.
</p><p class="tales-intro">
The venue is surrounded by century-old buildings and has a few surprises in store. Every few hours, a freight train rolls past while you're enjoying your meal, sipping a cold beer, a cocktail, or one of our specialty drinks — Crushers, Frappes and Milkshakes. Add the sound of ocean waves from Bathers Beach and you have a dining experience unlike any other.
</p><p class="tales-intro tales-intro--cta">
Next time you're at Bathers Beach, come say hi. We'd love to see you.
</p><div class="unified-cards"><a href="about.html#venue" class="unified-card"><div class="unified-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M2 12c1.5-2 3-2 4.5 0s3 2 4.5 0 3-2 4.5 0 3 2 4.5 0"/><path d="M2 17c1.5-2 3-2 4.5 0s3 2 4.5 0 3-2 4.5 0 3 2 4.5 0"/><path d="M2 7c1.5-2 3-2 4.5 0s3 2 4.5 0 3-2 4.5 0 3 2 4.5 0"/></svg></div><div class="unified-card__text"><strong>Beachfront Dining</strong><p>Stunning ocean views at Bathers Beach — where the waves meet your table.</p></div><span class="unified-card__arrow">→</span></a><a href="about.html#venue" class="unified-card unified-card--coral"><div class="unified-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="2" y="7" width="20" height="11" rx="2"/><path d="M7 18v2M17 18v2M2 12h20"/><circle cx="7" cy="15" r="1" fill="currentColor"/><circle cx="17" cy="15" r="1" fill="currentColor"/><path d="M8 7V5a4 4 0 018 0v2"/></svg></div><div class="unified-card__text"><strong>Unique Atmosphere</strong><p>Freight trains rumble by, ocean waves lap the shore — a dining vibe like no other.</p></div><span class="unified-card__arrow">→</span></a></div></div></div></section><section class="food-cta fade-in" aria-label="Ready to eat?"><div class="food-cta__inner"><h2 class="food-cta__heading">Ready to eat?</h2><p class="food-cta__sub">Explore our menu packed with fresh seafood, hearty burgers, and signature drinks.</p><a href="menu.html" class="btn btn--outline-white">View Menu</a></div></section></main></main><footer class="site-footer"><div class="container footer-grid"><div class="footer-col footer-brand"><img src="images/twinfin-logo-official.svg" alt="Twin Fin" class="footer-logo" width="140" height="47"><p class="footer-tagline">Fresh seafood with a view of Fremantle's working harbour.</p></div><div class="footer-col footer-links"><h4 class="footer-heading">Quick Links</h4><ul><li><a href="index.html">Home</a></li><li><a href="about.html">About</a></li><li><a href="menu.html">Menu</a></li><li><a href="careers.html">Careers</a></li><li><a href="contact.html">Contact</a></li></ul></div><div class="footer-col footer-external"><h4 class="footer-heading">Our Neighbours</h4><ul><li><a href="https://cicerellos.com.au" target="_blank" rel="noopener">Cicerello's Fremantle</a></li><li><a href="https://museum.wa.gov.au/museums/shipwrecks" target="_blank" rel="noopener">WA Shipwrecks Museum</a></li></ul></div><div class="footer-col footer-contact"><h4 class="footer-heading">Contact</h4><address><p>8/47 Mews Rd, Fremantle WA 6160</p><p>Phone: <a href="tel:+61864249503">(08) 6424-9503</a></p><p>Email: <a href="mailto:bookings@twinfin.com.au">bookings@twinfin.com.au</a></p></address><div class="footer-hours" id="footer-hours"><h4 class="footer-heading">Opening Hours</h4><p class="hours-loading">Loading hours…</p><noscript><p>Mon–Sun: 11:30am – Late</p></noscript></div></div></div><div class="footer-bottom"><div class=[REDACTED]