PageSourceSearch

https://www.thelegionofbarbers.com/about

html thelegionofbarbers.com collected 2026-10-04 20:43:45 UTC 72,582 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/__l5e/assets-v1/feecf7a5-4893-4a51-8d57-65ff0032b42a/legion-logo-v2.png"/><link rel="preload" as="image" href="/__l5e/assets-v1/b75b53a6-1c05-4738-89d2-3d27334aa262/hero-storefront-sign.jpeg"/><link rel="stylesheet" href="/assets/styles-ODKuPcZb.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;family=Oswald:wght@400;500;600;700&amp;display=swap" data-precedence="default"/><title>About Us | The Legion of Barbers Academy</title><meta name="author" content="The Legion of Barbers Academy"/><meta name="twitter:site" content="@legionofbarbers"/><meta name="description" content="The Legion of Barbers Academy is a 5.0-rated barbershop and barber school in Burien, WA — a community of craftsmen dedicated to the art of barbering."/><meta property="og:title" content="About | The Legion of Barbers Academy"/><meta property="og:description" content="A barbershop built on legacy. 5.0-rated in Burien, WA."/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><link rel="modulepreload" href="/assets/index-B38sF6-N.js"/><link rel="modulepreload" href="/assets/createLucideIcon-7e2UjiLS.js"/><link rel="modulepreload" href="/assets/redirect-DCb_aIiF.js"/><link rel="modulepreload" href="/assets/award-xJDaJ3Gs.js"/><link rel="modulepreload" href="/assets/about-D5ow3jcz.js"/><link rel="modulepreload" href="/assets/SiteLayout-ClQbJ1Px.js"/><link rel="modulepreload" href="/assets/check-CbRU_5A0.js"/><link rel="modulepreload" href="/assets/clock-fg5Hs_Sy.js"/>
1<link rel="modulepreload" href="/assets/phone-CSQzowle.js"/><link rel="modulepreload" href="/assets/hero-storefront-sign.jpeg.asset-DWB1y5S6.js"/><link rel="modulepreload" href="/assets/star-GeeZaNjG.js"/><link rel="modulepreload" href="/assets/user-DjMVGRbV.js"/><link rel="modulepreload" href="/assets/users-DOOSI7cT.js"/><link rel="modulepreload" href="/assets/CtaBanner-DfwF64sD.js"/><link rel="icon" href="/favicon.ico?v=3" sizes="any"/><link rel="icon" href="/favicon.png?v=3" type="image/png"/><link rel="shortcut icon" href="/favicon.ico?v=3"/><link rel="apple-touch-icon" href="/apple-touch-icon.png?v=3"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="canonical" href="/about"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"The Legion of Barbers Academy","url":"https://thelegionofbarbers.com/","logo":"https://thelegionofbarbers.com/favicon.png","telephone":"(206) 503-2865"}</script>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1<meta name="twitter:title" content="About | The Legion of Barbers Academy"><meta name="twitter:description" content="A barbershop built on legacy. 5.0-rated in Burien, WA."><meta property="og:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/8e15042b83d0943779db6306a7f4ee5b/id-preview-576c1db5--6ee5dc55-b160-476f-bc2a-018b44280e67.lovable.app-1786165798249.png"><meta name="twitter:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/8e15042b83d0943779db6306a7f4ee5b/id-preview-576c1db5--6ee5dc55-b160-476f-bc2a-018b44280e67.lovable.app-1786165798249.png"></head><body><!--$--><div class="min-h-screen bg-background"><header class="sticky top-0 z-50 w-full border-b-2 border-accent bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"><div class="relative w-full bg-primary px-4 py-2.5 sm:px-6 lg:px-8"><div class="mx-auto flex max-w-7xl items-center justify-center gap-3"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone hidden h-4 w-4 text-primary-foreground sm:block" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg><span class="text-xs font-semibold uppercase tracking-wider text-primary-foreground sm:text-sm">Book faster on the app</span></div><div class="flex items-center gap-2"><a href="https://apps.apple.com/us/app/the-legion-of-barbers/id6449472177" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 rounded-full bg-accent px-3 py-1.5 text-xs font-semibold text-accent-foreground transition-transform hover:scale-105 hover:bg-accent/90 sm:gap-2 sm:text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple h-4 w-4" aria-hidden="true"><path d="M12 6.528V3a1 1 0 0 1 1-1h0"></path><path d="M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21"></path></svg><span class="hidden sm:inline">App Store</span><span class="sm:hidden">iOS</span></a><a href="https://play.google.com/store/apps/details?hl=en_US&amp;id=com.getsquire.squirelegionofbarbers" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 rounded-full bg-accent px-3 py-1.5 text-xs font-semibold text-accent-foreground transition-transform hover:scale-105 hover:bg-accent/90 sm:gap-2 sm:text-sm"><svg viewBox="0 0 24 24" fill="currentColor" class="h-4 w-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><path d="M3.609 1.814L13.792 12 3.61 22.186a.996.996 0 0 1-.61-.92V2.734a1 1 0 0 1 .609-.92zm10.89 10.893l2.302 2.302-10.937 6.333 8.635-8.635zm3.199-3.198l2.807 1.626a1 1 0 0 1 0 1.73l-2.808 1.626L15.206 12l2.492-2.491zM5.864 2.658L16.8 8.99l-2.302 2.302-8.634-8.634z"></path></svg><span class="hidden sm:inline">Google Play</span><span class="sm:hidden">Android</span></a></div><button aria-label="Dismiss app download banner" class="absolute right-2 rounded-full p-1 text-primary-foreground/80 transition-colors hover:bg-primary-foreground/10 hover:text-primary-foreground sm:right-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-4 w-4" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div><div class="mx-auto flex h-20 max-w-7xl items-center justify-between px-4 py-2 sm:px-6 lg:px-8"><a href="/" class="flex items-center gap-3"><img src="/__l5e/assets-v1/feecf7a5-4893-4a51-8d57-65ff0032b42a/legion-logo-v2.png" alt="The Legion of Barbers Academy" class="h-14 w-auto sm:h-16"/></a><nav class="hidden items-center gap-7 md:flex">
1<a class="text-sm font-medium transition-colors text-foreground/80 hover:text-gold" href="/">Home</a><a class="text-sm font-medium transition-colors text-gold" href="/about" data-status="active" aria-current="page">About</a><a class="text-sm font-medium transition-colors text-foreground/80 hover:text-gold" href="/services">Services</a><a class="text-sm font-medium transition-colors text-foreground/80 hover:text-gold" href="/academy">Academy</a><a class="text-sm font-medium transition-colors text-foreground/80 hover:text-gold" href="/team">Team</a><a class="text-sm font-medium transition-colors text-foreground/80 hover:text-gold" href="/contact">Contact</a></nav><div class="hidden items-center gap-3 md:flex"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 bg-gold font-display text-sm font-semibold uppercase tracking-wider text-gold-foreground hover:bg-gold/90" type="button">Book Now</button></div><button class="inline-flex items-center justify-center rounded-md p-2 text-foreground md:hidden" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></header><main><section data-reveal-skip="true" class="relative flex min-h-[75vh] items-center justify-center overflow-hidden"><div class="absolute inset-0"><img src="/__l5e/assets-v1/b75b53a6-1c05-4738-89d2-3d27334aa262/hero-storefront-sign.jpeg" alt="The Legion of Barbers Academy storefront sign" class="animate-hero-image h-full w-full object-cover" loading="eager"/><div class="absolute inset-0 bg-gradient-to-b from-background/85 via-background/60 to-background"></div></div><div class="relative z-10 mx-auto max-w-4xl px-4 text-center sm:px-6 lg:px-8"><div class="animate-hero-badge mb-6 inline-flex items-center gap-2 rounded-full border border-accent/40 bg-background/70 px-4 py-1.5 backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-accent text-accent" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span class="text-sm font-medium text-accent">5.0 Google Reviews • Burien &amp; Des Moines, WA</span></div><h1 class="animate-hero-title font-display text-4xl font-bold leading-[1.1] text-foreground sm:text-5xl md:text-6xl lg:text-7xl">Built on Legacy.<br/><span class="text-gold">Powered by Craft.</span></h1><p class="animate-hero-subtitle mx-auto mt-6 max-w-2xl text-lg text-foreground/80 sm:text-xl">The Legion of Barbers Academy is more than a barbershop — it&#x27;s a community of craftsmen, educators, and clients who believe a great cut can change your day.</p><div class="animate-hero-cta mt-8 flex flex-col items-center justify-center gap-4 sm:flex-row"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-10 rounded-md px-8 bg-gold font-display text-base font-semibold uppercase tracking-wider text-gold-foreground transition-transform duration-200 hover:-translate-y-0.5 hover:bg-gold/90 hover:shadow-lg" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar mr-2 h-5 w-5" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Book Online</button><a href="/team"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border shadow-sm h-10 rounded-md px-8 border-foreground
1/20 bg-background/50 font-display text-base font-semibold uppercase tracking-wider text-foreground transition-transform duration-200 hover:-translate-y-0.5 hover:bg-accent hover:text-accent-foreground hover:shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users mr-2 h-5 w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg>Meet the Team</button></a></div></div></section><section class="border-y border-border/60 bg-charcoal"><div data-reveal-stagger="true" class="mx-auto grid max-w-6xl grid-cols-2 gap-6 px-4 py-10 sm:grid-cols-4 sm:px-6 lg:px-8"><div class="text-center"><div class="font-display text-3xl font-bold text-accent sm:text-4xl">5.0</div><div class="mt-1 text-xs font-semibold uppercase tracking-widest text-foreground/70">Google Rating</div></div><div class="text-center"><div class="font-display text-3xl font-bold text-accent sm:text-4xl">7</div><div class="mt-1 text-xs font-semibold uppercase tracking-widest text-foreground/70">Days Open Weekly</div></div><div class="text-center"><div class="font-display text-3xl font-bold text-accent sm:text-4xl">1,000+</div><div class="mt-1 text-xs font-semibold uppercase tracking-widest text-foreground/70">Training Hours</div></div><div class="text-center"><div class="font-display text-3xl font-bold text-accent sm:text-4xl">2</div><div class="mt-1 text-xs font-semibold uppercase tracking-widest text-foreground/70">Locations</div></div></div></section><section class="py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="grid items-center gap-12 lg:grid-cols-2"><div class="relative"><div class="absolute -left-4 -top-4 h-24 w-24 rounded-full bg-gold/10"></div><div class="absolute -bottom-4 -right-4 h-16 w-16 rounded-full bg-accent/10"></div><div class="relative overflow-hidden rounded-2xl border border-border/60 shadow-xl"><img src="/__l5e/assets-v1/5d105daf-6fdb-4547-bb63-a6ed542bba58/storefront-exterior.png" alt="The Legion of Barbers Academy storefront exterior in Burien, WA" class="aspect-[4/3] w-full object-cover" loading="lazy"/></div><div class="absolute -bottom-6 -right-6 hidden rounded-xl border border-border/60 bg-card p-4 shadow-lg sm:block"><div class="flex items-center gap-3"><img src="/__l5e/assets-v1/feecf7a5-4893-4a51-8d57-65ff0032b42a/legion-logo-v2.png" alt="The Legion of Barbers Academy logo" class="h-12 w-12 rounded-full object-cover"/><div><p class="font-display text-sm font-bold text-foreground">Est. Burien</p><p class="text-xs text-muted-foreground">Now in Burien &amp; Des Moines</p></div></div></div></div><div><span class="text-sm font-semibold uppercase tracking-widest text-gold">Our Story</span><h2 class="mt-2 font-display text-3xl font-bold text-foreground sm:text-4xl md:text-5xl">A Barbershop That <span class="text-accent">Teaches</span></h2><p class="mt-6 text-lg text-foreground/80">The Legion of Barbers Academy was founded on a simple idea: great barbershops don&#x27;t just serve clients — they build the next generation of barbers. What started as a vision for better cuts and better training became a 5.0-rated destination in Burien and Des Moines, Washington.</p><p class="mt-4 text-lg text-foreground/80">Today, Legion is both a working barbershop and a licensed barber academy. Clients get precision haircuts, fades, shaves, and beard work at student-friendly prices. Students get hands-on training, real clients, and mentorship from licensed instructors who still work behind the chair.</p><p class="mt-4 text-lg text-foreground/80">Whether you&#x27;re here for a fresh cut or a fresh career, you&#x27;ll find the same thing: a team that respects the craft, the community, and everyone who walks through the door.</p><div class="mt-8 flex flex-wrap gap-4"><div class="flex items-center gap-2 text-sm font-medium text-foreground
1/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Licensed instructors</div><div class="flex items-center gap-2 text-sm font-medium text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Live-model training</div><div class="flex items-center gap-2 text-sm font-medium text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Student-friendly pricing</div></div></div></div></div></section><section class="bg-charcoal py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><span class="text-sm font-semibold uppercase tracking-widest text-gold">What We Stand For</span><h2 class="mt-2 font-display text-3xl font-bold text-foreground sm:text-4xl md:text-5xl">Our <span class="text-accent">Values</span></h2><p class="mt-4 text-foreground/70">Four principles that guide every cut, every class, and every conversation at Legion.</p></div><div data-reveal-stagger="true" class="mt-14 grid gap-6 sm:grid-cols-2 lg:grid-cols-4"><div class="group rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:border-gold/40 hover:shadow-lg"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-gold/10 transition-colors group-hover:bg-accent/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart h-6 w-6 text-gold transition-colors group-hover:text-accent" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></div><h3 class="font-display text-xl font-bold text-foreground">Community First</h3><p class="mt-2 text-sm leading-relaxed text-foreground/70">Every client is treated like family. We built Legion to be a place where neighbors connect, students grow, and craft is celebrated.</p></div><div class="group rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:border-gold/40 hover:shadow-lg"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-gold/10 transition-colors group-hover:bg-accent/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors h-6 w-6 text-gold transition-colors group-hover:text-accent" aria-hidden="true"><circle cx="6" cy="6" r="3"></circle><path d="M8.12 8.12 12 12"></path><path d="M20 4 8.12 15.88"></path><circle cx="6" cy="18" r="3"></circle><path d="M14.8 14.8 20 20"></path></svg></div><h3 class="font-display text-xl font-bold text-foreground">Precision Craft</h3><p class="mt-2 text-sm leading-relaxed text-foreground/70">From tapers to straight-razor shaves, every service is executed with attention to detail and respect for classic barbering traditions.</p></div><div class="group rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:border-gold/40 hover:shadow-lg"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-gold/10 transition-colors group-hover:bg-accent/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-6 w-6 text-gold transition-colors group-hover:text-accent" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div><h3 class="font-display text-xl font-bold text-foreground">Next-Gen Training</h3>
1<p class="mt-2 text-sm leading-relaxed text-foreground/70">Our academy pairs classroom learning with live-model practice so students graduate confident, licensed, and shop-ready.</p></div><div class="group rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:border-gold/40 hover:shadow-lg"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-gold/10 transition-colors group-hover:bg-accent/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-6 w-6 text-gold transition-colors group-hover:text-accent" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><h3 class="font-display text-xl font-bold text-foreground">Trust &amp; Transparency</h3><p class="mt-2 text-sm leading-relaxed text-foreground/70">Licensed supervision, clear pricing, and honest feedback. No surprises — just quality work and real conversation.</p></div></div></div></section><section class="py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><span class="text-sm font-semibold uppercase tracking-widest text-accent">Why Legion</span><h2 class="mt-2 font-display text-3xl font-bold text-foreground sm:text-4xl md:text-5xl">The Legion <span class="text-gold">Difference</span></h2><p class="mt-4 text-foreground/70">We combine old-school barbering values with modern training, fair pricing, and a community-first atmosphere.</p></div><div data-reveal-stagger="true" class="mt-14 grid gap-6 sm:grid-cols-2 lg:grid-cols-4"><div class="group rounded-xl border border-border/40 bg-card p-6 text-center transition-all duration-300 hover:-translate-y-1 hover:border-gold/40 hover:shadow-lg"><div class="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-gold/10 transition-colors group-hover:bg-accent/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-7 w-7 text-gold transition-colors group-hover:text-accent" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><h3 class="font-display text-lg font-bold text-foreground">5.0-Star Reputation</h3><p class="mt-2 text-sm text-foreground/70">Google reviews don&#x27;t lie. Our clients keep coming back because consistency matters.</p></div><div class="group rounded-xl border border-border/40 bg-card p-6 text-center transition-all duration-300 hover:-translate-y-1 hover:border-gold/40 hover:shadow-lg"><div class="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-gold/10 transition-colors group-hover:bg-accent/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-7 w-7 text-gold transition-colors group-hover:text-accent" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><h3 class="font-display text-lg font-bold text-foreground">Licensed Instructors</h3><p class="mt-2 text-sm text-foreground/70">Every student service is guided by a Washington-licensed barber with real shop experience.</p></div><div class="group rounded-xl border border-border/40 bg-card p-6 text-center transition-all duration-300 hover:-translate-y-1 hover:border-gold/40 hover:shadow-lg"><div class="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-gold/10 transition-colors group-hover:bg-accent/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-7 w-7 text-gold transition-colors group-hover:text-accent" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg></div><h3 class="font-display text-lg font-bold text-foreground">Open 7 Days</h3>
1<p class="mt-2 text-sm text-foreground/70">Early cuts, evening training, and weekend appointments to fit your life.</p></div><div class="group rounded-xl border border-border/40 bg-card p-6 text-center transition-all duration-300 hover:-translate-y-1 hover:border-gold/40 hover:shadow-lg"><div class="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-gold/10 transition-colors group-hover:bg-accent/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up h-7 w-7 text-gold transition-colors group-hover:text-accent" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><h3 class="font-display text-lg font-bold text-foreground">Shop-Floor Learning</h3><p class="mt-2 text-sm text-foreground/70">Train in a working barbershop, not a mock classroom. Real tools, real clients, real results.</p></div></div></div></section><section class="bg-charcoal py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><span class="text-sm font-semibold uppercase tracking-widest text-gold">Two Paths, One Roof</span><h2 class="mt-2 font-display text-3xl font-bold text-foreground sm:text-4xl md:text-5xl">Visit as a Client. <span class="text-accent">Train as a Barber.</span></h2></div><div data-reveal-stagger="true" class="mt-14 grid gap-8 lg:grid-cols-2"><div class="group overflow-hidden rounded-2xl border border-border/40 bg-card transition-all hover:-translate-y-1 hover:shadow-xl"><div class="relative h-48 overflow-hidden bg-charcoal"><img src="/__l5e/assets-v1/5d105daf-6fdb-4547-bb63-a6ed542bba58/storefront-exterior.png" alt="Barbershop client experience" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy"/>
1<div class="absolute left-4 top-4 rounded-full bg-accent px-3 py-1 font-display text-xs font-bold uppercase tracking-widest text-accent-foreground">For Clients</div></div><div class="p-8"><h3 class="font-display text-2xl font-bold text-foreground">The Chair Experience</h3><p class="mt-3 text-foreground/70">Sit back, relax, and leave sharper. Every service is performed by a licensed barber or a supervised student under expert instruction — at prices that make quality grooming accessible.</p><ul class="mt-5 grid gap-2 text-sm text-foreground/80 sm:grid-cols-2"><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Haircuts under instructor supervision</li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Hot-towel shaves</li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Beard trims &amp; lineups</li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-gold" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Premium grooming packages</li></ul><div class="mt-6"><a href="/services"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 bg-gold font-display text-sm font-semibold uppercase tracking-wider text-gold-foreground hover:bg-gold/90">See Services</button></a></div></div></div><div class="group overflow-hidden rounded-2xl border border-border/40 bg-card transition-all hover:-translate-y-1 hover:shadow-xl"><div class="relative h-48 overflow-hidden bg-charcoal"><img src="/__l5e/assets-v1/b75b53a6-1c05-4738-89d2-3d27334aa262/hero-storefront-sign.jpeg" alt="Barber academy training" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy"/>
1<div class="absolute left-4 top-4 rounded-full bg-gold px-3 py-1 font-display text-xs font-bold uppercase tracking-widest text-gold-foreground">For Students</div></div><div class="p-8"><h3 class="font-display text-2xl font-bold text-foreground">The Academy Path</h3><p class="mt-3 text-foreground/70">Learn the craft in a real shop environment. Our 1,000-hour program includes live-model cuts, fade mastery, straight-razor shaves, and business basics — plus financing options through Denefits.</p><ul class="mt-5 grid gap-2 text-sm text-foreground/80 sm:grid-cols-2"><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>1,000-hour licensing program</li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Specialized fade &amp; shave courses</li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Licensed instructor mentorship</li><li class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Financing available</li></ul><div class="mt-6"><a href="/academy"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 bg-accent font-display text-sm font-semibold uppercase tracking-wider text-accent-foreground hover:bg-accent/90">Explore Academy</button></a></div></div></div></div></div></section><section class="py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><span class="text-sm font-semibold uppercase tracking-widest text-gold">The People Behind the Chairs</span><h2 class="mt-2 font-display text-3xl font-bold text-foreground sm:text-4xl md:text-5xl">Meet the <span class="text-accent">Team</span></h2><p class="mt-4 text-foreground/70">Skilled barbers, passionate educators, and the faces that make Legion feel like family.</p></div><div data-reveal-stagger="true" class="mt-14 grid gap-8 md:grid-cols-2"><div class="flex flex-col rounded-2xl border border-border/40 bg-card p-8 transition-all duration-300 hover:-translate-y-1 hover:border-gold/30 hover:shadow-lg"><div class="mb-6 flex items-center gap-6"><div class="flex h-24 w-24 flex-shrink-0 items-center justify-center rounded-full bg-gold/10 text-gold ring-2 ring-gold/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user h-10 w-10" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><div><h3 class="font-display text-2xl font-bold text-foreground">William</h3><p class="mt-1 text-sm font-medium text-gold">Owner &amp; Lead Barber</p></div></div><p class="text-foreground/80">William founded The Legion of Barbers Academy with a clear vision: a barbershop that raises the next generation of craftsmen. He leads every cut, every class, and every conversation with pride.</p><div class="mt-6"><a href="/team" class="inline-flex items-center gap-1 text-sm font-semibold uppercase tracking-widest text-gold transition-transform hover:translate-x-1 hover:text-gold/80">Full team profile <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
11.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></a></div></div><div class="flex flex-col rounded-2xl border border-border/40 bg-card p-8 transition-all duration-300 hover:-translate-y-1 hover:border-gold/30 hover:shadow-lg"><div class="mb-6 flex items-center gap-6"><div class="flex h-24 w-24 flex-shrink-0 items-center justify-center rounded-full bg-gold/10 text-gold ring-2 ring-gold/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user h-10 w-10" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><div><h3 class="font-display text-2xl font-bold text-foreground">Antowon</h3><p class="mt-1 text-sm font-medium text-gold">Instructor</p></div></div><p class="text-foreground/80">Antowon specializes in fades, tapers, and beard shaping. His calm, hands-on teaching style turns nervous beginners into confident barbers.</p><div class="mt-6"><a href="/team" class="inline-flex items-center gap-1 text-sm font-semibold uppercase tracking-widest text-gold transition-transform hover:translate-x-1 hover:text-gold/80">Full team profile <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></a></div></div></div></div></section><section class="bg-charcoal py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><span class="text-sm font-semibold uppercase tracking-widest text-accent">How It Works</span><h2 class="mt-2 font-display text-3xl font-bold text-foreground sm:text-4xl md:text-5xl">Your Visit, <span class="text-gold">Step by Step</span></h2></div><div class="mt-14 grid gap-6 sm:grid-cols-2 lg:grid-cols-4"><div class="relative rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg" data-reveal="true"><div class="font-display text-4xl font-bold text-gold/20">01</div><h3 class="mt-2 font-display text-lg font-bold text-foreground">Walk In or Book</h3><p class="mt-2 text-sm text-foreground/70">Call, walk in, or book through the app. We&#x27;re open 7 days a week.</p><div class="absolute -right-3 top-1/2 hidden h-6 w-6 -translate-y-1/2 items-center justify-center rounded-full border border-border/40 bg-card text-gold lg:flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div></div><div class="relative rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg" data-reveal="true"><div class="font-display text-4xl font-bold text-gold/20">02</div><h3 class="mt-2 font-display text-lg font-bold text-foreground">Consultation</h3>
1<p class="mt-2 text-sm text-foreground/70">Tell us what you want. We listen, advise, and map the cut before the clippers start.</p><div class="absolute -right-3 top-1/2 hidden h-6 w-6 -translate-y-1/2 items-center justify-center rounded-full border border-border/40 bg-card text-gold lg:flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div></div><div class="relative rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg" data-reveal="true"><div class="font-display text-4xl font-bold text-gold/20">03</div><h3 class="mt-2 font-display text-lg font-bold text-foreground">Precision Work</h3><p class="mt-2 text-sm text-foreground/70">Every cut is shaped, blended, and detailed by a licensed barber or supervised student.</p><div class="absolute -right-3 top-1/2 hidden h-6 w-6 -translate-y-1/2 items-center justify-center rounded-full border border-border/40 bg-card text-gold lg:flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div></div><div class="relative rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg" data-reveal="true"><div class="font-display text-4xl font-bold text-gold/20">04</div><h3 class="mt-2 font-display text-lg font-bold text-foreground">Leave Sharper</h3><p class="mt-2 text-sm text-foreground/70">Check the mirror, get the product tips, and leave with a fresh cut and a plan.</p></div></div></div></section><section class="py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><span class="text-sm font-semibold uppercase tracking-widest text-gold">Word on the Street</span><h2 class="mt-2 font-display text-3xl font-bold text-foreground sm:text-4xl md:text-5xl">What <span class="text-accent">Clients Say</span></h2></div><div data-reveal-stagger="true" class="mt-14 grid gap-6 md:grid-cols-3"><div class="relative rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg"><div class="mb-4 flex gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div>
1<p class="text-foreground/80">&quot;<!-- -->William took his time and gave me the cleanest fade I&#x27;ve had in years. The whole shop feels like family.<!-- -->&quot;</p><div class="mt-6 flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-full bg-gold/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user h-5 w-5 text-gold" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><div><p class="font-display text-sm font-bold text-foreground">Marcus D.</p><p class="text-xs text-muted-foreground">Burien client</p></div></div></div><div class="relative rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg"><div class="mb-4 flex gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div>
1<p class="text-foreground/80">&quot;<!-- -->I came in for a haircut and left inspired to enroll. The academy is the real deal — live clients from day one.<!-- -->&quot;</p><div class="mt-6 flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-full bg-gold/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user h-5 w-5 text-gold" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><div><p class="font-display text-sm font-bold text-foreground">Devon R.</p><p class="text-xs text-muted-foreground">Academy student</p></div></div></div><div class="relative rounded-xl border border-border/40 bg-card p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg"><div class="mb-4 flex gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-gold text-gold" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div>
1<p class="text-foreground/80">&quot;<!-- -->Brought my son in for his first real cut. Patient, professional, and the cut was perfect. Five stars.<!-- -->&quot;</p><div class="mt-6 flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-full bg-gold/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user h-5 w-5 text-gold" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><div><p class="font-display text-sm font-bold text-foreground">Angela P.</p><p class="text-xs text-muted-foreground">Google review</p></div></div></div></div></div></section><section class="bg-charcoal py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><span class="text-sm font-semibold uppercase tracking-widest text-gold">Two Locations</span><h2 class="mt-2 font-display text-3xl font-bold text-foreground sm:text-4xl md:text-5xl">Proudly Serving <span class="text-accent">Burien &amp; Des Moines</span></h2><p class="mt-4 text-foreground/70">The same Legion craft, community, and quality — now in two South Seattle-area shops.</p></div><div class="mt-14 grid gap-8 lg:grid-cols-2"><div class="overflow-hidden rounded-2xl border border-border/60 bg-card shadow-xl"><div class="aspect-[16/10] w-full"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2697.2451209861224!2d-122.34835720853555!3d47.465652596860096!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5490457da1bd8397%3A0xefc2a8a2b1cb41f1!2sThe%20Legion%20of%20Barbers%20Academy!5e0!3m2!1sen!2sus!4v1785202544050!5m2!1sen!2sus" width="100%" height="100%" class="h-full w-full border-0" allowFullScreen="" loading="lazy" referrerPolicy="strict-origin-when-cross-origin" title="The Legion of Barbers Burien location on Google Maps"></iframe></div><div class="p-6"><div class="mb-4 flex items-center justify-between"><div><h3 class="font-display text-xl font-bold text-foreground">Burien</h3><p class="text-sm text-gold">Barbershop &amp; Academy</p></div><span class="rounded-full bg-accent px-3 py-1 font-display text-xs font-bold uppercase tracking-widest text-accent-foreground">Academy HQ</span></div><div class="grid gap-4 sm:grid-cols-2"><a href="https://maps.google.com/?q=637+SW+153rd+St,+Burien,+WA+98166" target="_blank" rel="noopener noreferrer" class="flex items-start gap-3 rounded-xl border border-border/40 bg-background p-4 transition-colors hover:border-gold/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-0.5 h-5 w-5 flex-shrink-0 text-gold" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><div><p class="font-display text-sm font-bold text-foreground">Address</p><p class="text-sm text-foreground/70">637 SW 153rd St<!-- -->, <!-- -->Burien, WA 98166</p></div></a><a href="tel:+12065032865" class="flex items-start gap-3 rounded-xl border border-border/40 bg-background p-4 transition-colors hover:border-gold/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone mt-0.5 h-5 w-5 flex-shrink-0 text-gold" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><div><p class="font-display text-sm font-bold text-foreground">Phone</p><p class="text-sm text-foreground/70">(206) 503-2865</p></div></a></div></div></div><div class="overflow-hidden rounded-2xl border border-border/60 bg-card shadow-xl"><div class="aspect-[16/10] w-full"><iframe src="https://www.google.com/maps?q=22201+Marine+View+Dr+S,+Des+Moines,+WA+98198&amp;output=embed" width="100%" height="100%" class="h-full w-full border-0" allowFullScreen="" loading="lazy" referrerPolicy="str
1ict-origin-when-cross-origin" title="The Legion of Barbers Des Moines location on Google Maps"></iframe></div><div class="p-6"><div class="mb-4 flex items-center justify-between"><div><h3 class="font-display text-xl font-bold text-foreground">Des Moines</h3><p class="text-sm text-gold">Barbershop</p></div><span class="rounded-full bg-accent px-3 py-1 font-display text-xs font-bold uppercase tracking-widest text-accent-foreground">Shop</span></div><div class="grid gap-4 sm:grid-cols-2"><a href="https://maps.google.com/?q=22201+Marine+View+Drive+South,+Des+Moines,+WA+98198" target="_blank" rel="noopener noreferrer" class="flex items-start gap-3 rounded-xl border border-border/40 bg-background p-4 transition-colors hover:border-gold/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-0.5 h-5 w-5 flex-shrink-0 text-gold" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><div><p class="font-display text-sm font-bold text-foreground">Address</p><p class="text-sm text-foreground/70">22201 Marine View Drive South<!-- -->, <!-- -->Des Moines, WA 98198</p></div></a><a href="tel:+12065922158" class="flex items-start gap-3 rounded-xl border border-border/40 bg-background p-4 transition-colors hover:border-gold/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone mt-0.5 h-5 w-5 flex-shrink-0 text-gold" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><div><p class="font-display text-sm font-bold text-foreground">Phone</p><p class="text-sm text-foreground/70">(206) 592-2158</p></div></a></div></div></div></div><div class="mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4"><div class="flex items-start gap-3 rounded-xl border border-border/40 bg-card p-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock mt-0.5 h-5 w-5 flex-shrink-0 text-gold" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><div><p class="font-display text-sm font-bold text-foreground">Open Today</p><p class="text-sm text-foreground/70">10:00 AM – 7:00 PM</p></div></div><div class="flex items-start gap-3 rounded-xl border border-border/40 bg-card p-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award mt-0.5 h-5 w-5 flex-shrink-0 text-gold" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><div><p class="font-display text-sm font-bold text-foreground">Rating</p><p class="text-sm text-foreground/70">5.0 stars on Google</p></div></div><div class="flex items-start gap-3 rounded-xl border border-border/40 bg-card p-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-0.5 h-5 w-5 flex-shrink-0 text-gold" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><div><p class="font-display text-sm font-bold text-foreground">Burien</p>
1<p class="text-sm text-foreground/70">637 SW 153rd St</p></div></div><div class="flex items-start gap-3 rounded-xl border border-border/40 bg-card p-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-0.5 h-5 w-5 flex-shrink-0 text-gold" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><div><p class="font-display text-sm font-bold text-foreground">Des Moines</p><p class="text-sm text-foreground/70">22201 Marine View Dr S</p></div></div></div></div></section><section class="relative overflow-hidden bg-gold py-16"><div aria-hidden="true" class="absolute inset-y-0 left-0 w-2 bg-accent"></div><div aria-hidden="true" class="absolute inset-y-0 right-0 w-2 bg-accent"></div><div class="mx-auto max-w-4xl px-4 text-center sm:px-6 lg:px-8"><h2 class="font-display text-3xl font-bold text-gold-foreground sm:text-4xl">Come Experience the Legion</h2><p class="mt-3 text-lg text-gold-foreground/80">Book your appointment, tour the academy, or stop by and meet the team.</p><div class="mt-8 flex flex-col justify-center gap-4 sm:flex-row"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-10 rounded-md px-8 bg-gold-foreground font-display text-sm font-semibold uppercase tracking-wider text-gold hover:bg-gold-foreground/90" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar mr-2 h-4 w-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Book Appointment</button><a href="https://maps.google.com/?q=637+SW+153rd+St,+Burien,+WA+98166" target="_blank" rel="noopener noreferrer"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border shadow-sm hover:text-accent-foreground h-10 rounded-md px-8 border-gold-foreground/30 bg-transparent font-display text-sm font-semibold uppercase tracking-wider text-gold-foreground hover:bg-gold-foreground/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mr-2 h-4 w-4" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Get Directions</button></a></div></div></section></main><footer class="relative border-t border-border/40 py-12" style="background-image:url(/__l5e/assets-v1/ab1de828-3cea-495f-9935-4d2323ce100e/footer-pattern.png);background-repeat:repeat;background-size:auto"><div class="absolute inset-0 bg-background/90"></div><div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4"><div><a aria-label="Go to homepage" title="Go to homepage" href="/" class="group inline-block"><h3 class="font-display text-lg font-bold text-foreground transition-colors group-hover:text-gold"><span class="text-gold">THE LEGION</span> <span class="text-accent">of Barbers</span></h3></a><p class="mt-3 text-sm text-foreground/60">Premium barbershop serving Burien and Des Moines, plus a professional barber academy in Burien.</p></div><div><h4 class="font-display text-sm font-semibold uppercase tracking-wider text-foreground">Locations</h4>
1<ul class="mt-4 space-y-4 text-sm text-foreground/60"><li><div class="font-semibold text-foreground/80">Burien<!-- --> — <!-- -->Barbershop &amp; Academy</div><a href="https://maps.google.com/?q=637+SW+153rd+St,+Burien,+WA+98166" target="_blank" rel="noopener noreferrer" class="block hover:text-gold">637 SW 153rd St<!-- -->, <!-- -->Burien, WA 98166</a><a href="tel:+12065032865" class="block hover:text-gold">(206) 503-2865</a></li><li><div class="font-semibold text-foreground/80">Des Moines<!-- --> — <!-- -->Barbershop</div><a href="https://maps.google.com/?q=22201+Marine+View+Drive+South,+Des+Moines,+WA+98198" target="_blank" rel="noopener noreferrer" class="block hover:text-gold">22201 Marine View Drive South<!-- -->, <!-- -->Des Moines, WA 98198</a><a href="tel:+12065922158" class="block hover:text-gold">(206) 592-2158</a></li></ul></div><div><h4 class="font-display text-sm font-semibold uppercase tracking-wider text-foreground">Quick Links</h4><ul class="mt-4 space-y-2 text-sm text-foreground/60"><li><a href="/" class="hover:text-gold">Home</a></li><li><a class="hover:text-gold active" href="/about" data-status="active" aria-current="page">About</a></li><li><a href="/services" class="hover:text-gold">Services</a></li><li><a href="/academy" class="hover:text-gold">Academy</a></li><li><a href="/team" class="hover:text-gold">Team</a></li><li><a href="/contact" class="hover:text-gold">Contact</a></li></ul></div><div><h4 class="font-display text-sm font-semibold uppercase tracking-wider text-foreground">Follow Us</h4><div class="mt-4 flex gap-3"><a href="https://www.instagram.com/thelegionofbarbersacademy/" target="_blank" rel="noopener noreferrer" class="inline-flex rounded-full bg-secondary p-2 text-foreground/70 transition-colors hover:bg-gold/10 hover:text-gold" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-5 w-5" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://www.facebook.com/p/The-Legion-of-Barbers-Academy-61575353145706" target="_blank" rel="noopener noreferrer" class="inline-flex rounded-full bg-secondary p-2 text-foreground/70 transition-colors hover:bg-gold/10 hover:text-gold" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-5 w-5" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a></div></div></div><div class="mt-12 flex flex-col items-center justify-between gap-3 border-t border-border/40 pt-8 text-center text-sm text-foreground/50 sm:flex-row"><p>© <!-- -->2026<!-- --> The Legion of Barbers Academy. All rights reserved.</p><div class="flex flex-col items-center gap-3 sm:flex-row sm:gap-6"><a href="https://www.nextreachsolutions.com/" target="_blank" rel="noopener noreferrer" class="text-xs text-foreground/40 hover:text-gold">Powered by Next Reach Solutions</a><a href="/privacy" class="text-xs text-foreground/40 hover:text-gold">Privacy Policy</a><a href="/terms" class="text-xs text-foreground/40 hover:text-gold">Terms of Service</a><a href="/admin" class="text-xs text-foreground/40 hover:text-gold">Admin</a></div></div></div></footer></div>
1<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
1<!--/$--><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-B38sF6-N.js","/assets/createLucideIcon-7e2UjiLS.js","/assets/redirect-DCb_aIiF.js","/assets/award-xJDaJ3Gs.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-B38sF6-N.js"}}]},"/about":$R[8]={preloads:$R[9]=["/assets/about-D5ow3jcz.js","/assets/SiteLayout-ClQbJ1Px.js","/assets/check-CbRU_5A0.js","/assets/clock-fg5Hs_Sy.js","/assets/phone-CSQzowle.js","/assets/hero-storefront-sign.jpeg.asset-DWB1y5S6.js","/assets/star-GeeZaNjG.js","/assets/user-DjMVGRbV.js","/assets/users-DOOSI7cT.js","/assets/CtaBanner-DfwF64sD.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791146624906,s:"success",ssr:!0},$R[12]={i:"�about�about",u:1791146624906,s:"success",ssr:!0}],lastMatchId:"�about�about"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="" src="/assets/index-B38sF6-N.js"></script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.