1<!DOCTYPE html> 2<html lang="en" data-theme="lotcheck" style="color-scheme: light"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="csrf-token" content="NDFpMw82WHxrJxA8dFs4VxxWAz8eNw9HGz9c9Ea-SadLC2t0taDjwpA7"> 7 <title>ADU Guides for 40 Cities â Costs, Permits & Rules | LotCheck</title> 8 9 <meta name="description" content="120 city-specific ADU guides with real costs, permit timelines, and zoning rules for CA, FL, and TX. Updated 2026."> 10<link rel="canonical" href="https://lotcheck.ai/guides"> 11 12 13<meta property="og:type" content="website"> 14<meta property="og:site_name" content="LotCheck"> 15<meta property="og:title" content="ADU Guides for 40 Cities â Costs, Permits & Rules | LotCheck"> 16<meta property="og:description" content="120 city-specific ADU guides with real costs, permit timelines, and zoning rules for CA, FL, and TX. Updated 2026."> 17<meta property="og:url" content="https://lotcheck.ai/guides"> 18<meta property="og:image" content="https://lotcheck.ai/images/og-default.png"> 19 20 21 22<meta name="twitter:card" content="summary_large_image"> 23<meta name="twitter:site" content="@lotcheck"> 24<meta name="twitter:title" content="ADU Guides for 40 Cities â Costs, Permits & Rules | LotCheck"> 25<meta name="twitter:description" content="120 city-specific ADU guides with real costs, permit timelines, and zoning rules for CA, FL, and TX. Updated 2026."> 26<meta name="twitter:image" content="https://lotcheck.ai/images/og-default.png"> 27 28 29 30 31 32 33 <link rel="preconnect" href="https://fonts.googleapis.com"> 34 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 35 36 <link phx-track-static rel="stylesheet" href="/assets/css/app-b56c26e0dee2961861671e26b586d803.css?vsn=d"> 37 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" crossorigin=""> 38
38<script src="https://unpkg.com/[email protected]/dist/leaflet.js" crossorigin=""></script>
38 39
39<script defer phx-track-static type="text/javascript" src="/assets/js/app-1e82302f27e27a859182bf3e43bba212.js?vsn=d"></script>
39 40 41 <link rel="icon" type="image/x-icon" href="/favicon-91f37b602a111216f1eef3aa337ad763.ico?vsn=d"> 42 43
43<script> 44 window.__GOOGLE_MAPS_KEY = "AIzaSyB2R6AGveQ97KRzrY-h1SLiKGjLflgeWXA"; 45 </script>
45 46
46<script> 47 (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.googleapis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({ 48 key: "AIzaSyB2R6AGveQ97KRzrY-h1SLiKGjLflgeWXA", 49 v: "weekly" 50 }); 51 </script>
51 52 </head> 53 <body class="bg-white text-black"> 54 <div id="phx-GNujOc0kml8vB58R" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBnQAAAAIdwJpZG0AAAAUcGh4LUdOdWpPYzBrbWw4dkI1OFJ3B3Nlc3Npb250AAAAAHcEdmlld3cfRWxpeGlyLkNhRGV2V2ViLkd1aWRlc0luZGV4TGl2ZXcKcGFyZW50X3BpZHcDbmlsdwZyb3V0ZXJ3FkVsaXhpci5DYURldldlYi5Sb3V0ZXJ3CHJvb3RfcGlkdwNuaWx3CXJvb3Rfdmlld3cfRWxpeGlyLkNhRGV2V2ViLkd1aWRlc0luZGV4TGl2ZXcRbGl2ZV9zZXNzaW9uX25hbWV3B2RlZmF1bHRuBgAsYR8MoQFiAAFRgA.gsDYBln6O4yIxZNzrlrQth5uyXqEN35RHCgTNFz4zow" data-phx-static="SFMyNTY.g2gDaAJhBnQAAAADdwJpZG0AAAAUcGh4LUdOdWpPYzBrbWw4dkI1OFJ3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdqbgYALGEfDKEBYgABUYA.57-TeWSfyi3DvlyLUHfNXmrz6EnlEie404qDn_cPOaw"><div class="min-h-screen bg-white"> 55 56 <section class="bg-black text-white py-20 sm:py-28"> 57 <div class="max-w-3xl mx-auto px-6"> 58 <p class="text-[10px] text-white/40 uppercase tracking-[0.3em] mb-4">Guides</p> 59 <h1 class="text-[36px] sm:text-[52px] font-black leading-[1.05] tracking-tight mb-4"> 60 ADU Guides by City 61 </h1> 62 <p class="text-[15px] text-white/50 max-w-lg leading-relaxed"> 63 120 guides covering ADU building, costs, and permits across 40 cities 64 in California, Florida, and Texas. Real zoning data, actual cost estimates, and 65 step-by-step permit processes â not generic advice. 66 </p> 67 </div> 68 </section> 69 70 71 <section class="max-w-5xl mx-auto px-6 py-16"> 72 <div class="mb-16"> 73 <h2 class="text-[11px] text-black/35 uppercase tracking-[0.2em] font-bold mb-8 pb-2 border-b border-black/10"> 74 California 75 </h2> 76 77 <div class="space-y-8"> 78 <div class="border border-black/10 hover:border-black/20 transition-colors"> 79 80 81 <div class="flex flex-col sm:flex-row"> 82 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 83 <img src="https://images.unsplash.com/photo-1641478870338-6c52844b666e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxBbmFoZWltJTIwaG91c2VzfGVufDB8MHx8fDE3NzQ0MTA5NDZ8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Anaheim" class="w-full h-full object-cover" loading="lazy"> 84 </div> 85 <div class="flex-1 p-6"> 86 <h3 class="text-[18px] font-bold text-black mb-1">Anaheim, CA</h3> 87 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 88 3 guides available 89 </p> 90 <div class="flex flex-wrap gap-3"> 91 <a href="/cities/anaheim/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 92 <span>ð </span> 93 <span>ADU Guide</span> 94 <span class="text-[10px] text-black/30">2832w</span> 95 </a><a href="/cities/anaheim/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 96 <span>ð°</span> 97 <span>Cost Breakdown</span> 98 <span class="text-[10px] text-black/30">1921w</span> 99 </a><a href="/cities/anaheim/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 100 <span>ð</span> 101 <span>Permit Process</span> 102 <span class="text-[10px] text-black/30">2775w</span> 103 </a> 104 </div> 105 </div> 106 </div> 107 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 108 109 110 <div class="flex flex-col sm:flex-row"> 111 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 112 <img src="https://images.unsplash.com/photo-1613199928741-1a757b32ffc4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxCYWtlcnNmaWVsZCUyMENBJTIwY2l0eXxlbnwwfDB8fHwxNzc0NDExNDE4fDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Bakersfield" class="w-full h-full object-cover" loading="lazy"> 113 </div> 114 <div class="flex-1 p-6"> 115 <h3 class="text-[18px] font-bold text-black mb-1">Bakersfield, CA</h3> 116 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 117 3 guides available 118 </p> 119 <div class="flex flex-wrap gap-3"> 120 <a href="/cities/bakersfield/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
121 <span>ð </span> 122 <span>ADU Guide</span> 123 <span class="text-[10px] text-black/30">2648w</span> 124 </a><a href="/cities/bakersfield/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 125 <span>ð°</span> 126 <span>Cost Breakdown</span> 127 <span class="text-[10px] text-black/30">2374w</span> 128 </a><a href="/cities/bakersfield/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 129 <span>ð</span> 130 <span>Permit Process</span> 131 <span class="text-[10px] text-black/30">2444w</span> 132 </a> 133 </div> 134 </div> 135 </div> 136 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 137 138 139 <div class="flex flex-col sm:flex-row"> 140 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 141 <img src="https://images.unsplash.com/photo-1660983831373-3f8f926f1204?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwzfHxDaHVsYSUyMFZpc3RhJTIwQ0ElMjBjaXR5fGVufDB8MHx8fDE3NzQ0MTE0MTJ8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Chula Vista" class="w-full h-full object-cover" loading="lazy"> 142 </div> 143 <div class="flex-1 p-6"> 144 <h3 class="text-[18px] font-bold text-black mb-1">Chula Vista, CA</h3> 145 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 146 3 guides available 147 </p> 148 <div class="flex flex-wrap gap-3"> 149 <a href="/cities/chula-vista/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 150 <span>ð </span> 151 <span>ADU Guide</span> 152 <span class="text-[10px] text-black/30">2567w</span> 153 </a><a href="/cities/chula-vista/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 154 <span>ð°</span> 155 <span>Cost Breakdown</span> 156 <span class="text-[10px] text-black/30">2522w</span> 157 </a><a href="/cities/chula-vista/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 158 <span>ð</span> 159 <span>Permit Process</span> 160 <span class="text-[10px] text-black/30">2145w</span> 161 </a> 162 </div> 163 </div> 164 </div> 165 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 166 167 168 <div class="flex flex-col sm:flex-row"> 169 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 170 <img src="https://images.unsplash.com/photo-1690422693812-3e41d0c5ab6e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxGb250YW5hJTIwcmVzaWRlbnRpYWwlMjBob3VzZSUyMGJhY2t5YXJkfGVufDB8MHx8fDE3NzQ0MTE0ODh8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Fontana" class="w-full h-full object-cover" loading="lazy"> 171 </div> 172 <div class="flex-1 p-6"> 173 <h3 class="text-[18px] font-bold text-black mb-1">Fontana, CA</h3> 174 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 175 3 guides available 176 </p> 177 <div class="flex flex-wrap gap-3"> 178 <a href="/cities/fontana/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
179 <span>ð </span> 180 <span>ADU Guide</span> 181 <span class="text-[10px] text-black/30">2582w</span> 182 </a><a href="/cities/fontana/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 183 <span>ð°</span> 184 <span>Cost Breakdown</span> 185 <span class="text-[10px] text-black/30">2632w</span> 186 </a><a href="/cities/fontana/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 187 <span>ð</span> 188 <span>Permit Process</span> 189 <span class="text-[10px] text-black/30">2885w</span> 190 </a> 191 </div> 192 </div> 193 </div> 194 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 195 196 197 <div class="flex flex-col sm:flex-row"> 198 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 199 <img src="https://images.unsplash.com/photo-1725035314964-a98eb774d92d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxGcmVtb250JTIwQ0ElMjBjaXR5fGVufDB8MHx8fDE3NzQ0MTE0MTB8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Fremont" class="w-full h-full object-cover" loading="lazy"> 200 </div> 201 <div class="flex-1 p-6"> 202 <h3 class="text-[18px] font-bold text-black mb-1">Fremont, CA</h3> 203 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 204 3 guides available 205 </p> 206 <div class="flex flex-wrap gap-3"> 207 <a href="/cities/fremont/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 208 <span>ð </span> 209 <span>ADU Guide</span> 210 <span class="text-[10px] text-black/30">2531w</span> 211 </a><a href="/cities/fremont/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 212 <span>ð°</span> 213 <span>Cost Breakdown</span> 214 <span class="text-[10px] text-black/30">2076w</span> 215 </a><a href="/cities/fremont/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 216 <span>ð</span> 217 <span>Permit Process</span> 218 <span class="text-[10px] text-black/30">3003w</span> 219 </a> 220 </div> 221 </div> 222 </div> 223 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 224 225 226 <div class="flex flex-col sm:flex-row"> 227 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 228 <img src="https://images.unsplash.com/photo-1572811300830-7742d6098f9e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxGcmVzbm8lMjBuZWlnaGJvcmhvb2R8ZW58MHwwfHx8MTc3NDQxMDk0NXww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Fresno" class="w-full h-full object-cover" loading="lazy"> 229 </div> 230 <div class="flex-1 p-6"> 231 <h3 class="text-[18px] font-bold text-black mb-1">Fresno, CA</h3> 232 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 233 3 guides available 234 </p> 235 <div class="flex flex-wrap gap-3"> 236 <a href="/cities/fresno/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
237 <span>ð </span> 238 <span>ADU Guide</span> 239 <span class="text-[10px] text-black/30">2550w</span> 240 </a><a href="/cities/fresno/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 241 <span>ð°</span> 242 <span>Cost Breakdown</span> 243 <span class="text-[10px] text-black/30">2385w</span> 244 </a><a href="/cities/fresno/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 245 <span>ð</span> 246 <span>Permit Process</span> 247 <span class="text-[10px] text-black/30">2647w</span> 248 </a> 249 </div> 250 </div> 251 </div> 252 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 253 254 255 <div class="flex flex-col sm:flex-row"> 256 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 257 <img src="https://images.unsplash.com/photo-1622564974062-fc3146e706da?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxJcnZpbmUlMjBob3VzZXN8ZW58MHwwfHx8MTc3NDQxMDkzOHww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Irvine" class="w-full h-full object-cover" loading="lazy"> 258 </div> 259 <div class="flex-1 p-6"> 260 <h3 class="text-[18px] font-bold text-black mb-1">Irvine, CA</h3> 261 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 262 3 guides available 263 </p> 264 <div class="flex flex-wrap gap-3"> 265 <a href="/cities/irvine/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 266 <span>ð </span> 267 <span>ADU Guide</span> 268 <span class="text-[10px] text-black/30">2532w</span> 269 </a><a href="/cities/irvine/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 270 <span>ð°</span> 271 <span>Cost Breakdown</span> 272 <span class="text-[10px] text-black/30">2449w</span> 273 </a><a href="/cities/irvine/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 274 <span>ð</span> 275 <span>Permit Process</span> 276 <span class="text-[10px] text-black/30">2797w</span> 277 </a> 278 </div> 279 </div> 280 </div> 281 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 282 283 284 <div class="flex flex-col sm:flex-row"> 285 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 286 <img src="https://images.unsplash.com/photo-1602904334453-c0d47e053d63?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxMb25nJTIwQmVhY2glMjBob3VzZXN8ZW58MHwwfHx8MTc3NDQxMDk0M3ww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Long Beach" class="w-full h-full object-cover" loading="lazy"> 287 </div> 288 <div class="flex-1 p-6"> 289 <h3 class="text-[18px] font-bold text-black mb-1">Long Beach, CA</h3> 290 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 291 3 guides available 292 </p> 293 <div class="flex flex-wrap gap-3">
294 <a href="/cities/long-beach/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 295 <span>ð </span> 296 <span>ADU Guide</span> 297 <span class="text-[10px] text-black/30">2608w</span> 298 </a><a href="/cities/long-beach/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 299 <span>ð°</span> 300 <span>Cost Breakdown</span> 301 <span class="text-[10px] text-black/30">2510w</span> 302 </a><a href="/cities/long-beach/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 303 <span>ð</span> 304 <span>Permit Process</span> 305 <span class="text-[10px] text-black/30">2480w</span> 306 </a> 307 </div> 308 </div> 309 </div> 310 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 311 312 313 <div class="flex flex-col sm:flex-row"> 314 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 315 <img src="https://images.unsplash.com/photo-1769568496146-591a4fba6386?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxMb3MlMjBBbmdlbGVzJTIwcmVzaWRlbnRpYWwlMjBob3VzZSUyMGJhY2t5YXJkfGVufDB8MHx8fDE3NzQ0MDczMzB8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Los Angeles" class="w-full h-full object-cover" loading="lazy"> 316 </div> 317 <div class="flex-1 p-6"> 318 <h3 class="text-[18px] font-bold text-black mb-1">Los Angeles, CA</h3> 319 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 320 3 guides available 321 </p> 322 <div class="flex flex-wrap gap-3"> 323 <a href="/cities/los-angeles/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 324 <span>ð </span> 325 <span>ADU Guide</span> 326 <span class="text-[10px] text-black/30">2557w</span> 327 </a><a href="/cities/los-angeles/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 328 <span>ð°</span> 329 <span>Cost Breakdown</span> 330 <span class="text-[10px] text-black/30">2688w</span> 331 </a><a href="/cities/los-angeles/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 332 <span>ð</span> 333 <span>Permit Process</span> 334 <span class="text-[10px] text-black/30">2741w</span> 335 </a> 336 </div> 337 </div> 338 </div> 339 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 340 341 342 <div class="flex flex-col sm:flex-row"> 343 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 344 <img src="https://images.unsplash.com/photo-1765927744125-294b5c7da332?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxDQSUyMHN1YnVyYmFuJTIwaG9tZXN8ZW58MHwwfHx8MTc3NDQxMTQxN3ww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Modesto" class="w-full h-full object-cover" loading="lazy"> 345 </div> 346 <div class="flex-1 p-6"> 347 <h3 class="text-[18px] font-bold text-black mb-1">Modesto, CA</h3> 348 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 349 3 guides available 350 </p> 351 <div class="flex flex-wrap gap-3"> 352 <a href="/cities/modesto/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
353 <span>ð </span> 354 <span>ADU Guide</span> 355 <span class="text-[10px] text-black/30">2800w</span> 356 </a><a href="/cities/modesto/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 357 <span>ð°</span> 358 <span>Cost Breakdown</span> 359 <span class="text-[10px] text-black/30">1869w</span> 360 </a><a href="/cities/modesto/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 361 <span>ð</span> 362 <span>Permit Process</span> 363 <span class="text-[10px] text-black/30">2621w</span> 364 </a> 365 </div> 366 </div> 367 </div> 368 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 369 370 371 <div class="flex flex-col sm:flex-row"> 372 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 373 <img src="https://images.unsplash.com/photo-1654217506177-66193fcd097e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwzfHxNb3Jlbm8lMjBWYWxsZXklMjBDQSUyMGNpdHl8ZW58MHwwfHx8MTc3NDQxMTQyNnww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Moreno Valley" class="w-full h-full object-cover" loading="lazy"> 374 </div> 375 <div class="flex-1 p-6"> 376 <h3 class="text-[18px] font-bold text-black mb-1">Moreno Valley, CA</h3> 377 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 378 3 guides available 379 </p> 380 <div class="flex flex-wrap gap-3"> 381 <a href="/cities/moreno-valley/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 382 <span>ð </span> 383 <span>ADU Guide</span> 384 <span class="text-[10px] text-black/30">2762w</span> 385 </a><a href="/cities/moreno-valley/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 386 <span>ð°</span> 387 <span>Cost Breakdown</span> 388 <span class="text-[10px] text-black/30">1983w</span> 389 </a><a href="/cities/moreno-valley/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 390 <span>ð</span> 391 <span>Permit Process</span> 392 <span class="text-[10px] text-black/30">2555w</span> 393 </a> 394 </div> 395 </div> 396 </div> 397 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 398 399 400 <div class="flex flex-col sm:flex-row"> 401 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 402 <img src="https://images.unsplash.com/photo-1757455783993-b8597c9f3b7c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxPYWtsYW5kJTIwaG91c2VzfGVufDB8MHx8fDE3NzQ0MTA5MzZ8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Oakland" class="w-full h-full object-cover" loading="lazy"> 403 </div> 404 <div class="flex-1 p-6"> 405 <h3 class="text-[18px] font-bold text-black mb-1">Oakland, CA</h3> 406 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 407 3 guides available 408 </p> 409 <div class="flex flex-wrap gap-3"> 410 <a href="/cities/oakland/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
411 <span>ð </span> 412 <span>ADU Guide</span> 413 <span class="text-[10px] text-black/30">2803w</span> 414 </a><a href="/cities/oakland/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 415 <span>ð°</span> 416 <span>Cost Breakdown</span> 417 <span class="text-[10px] text-black/30">2325w</span> 418 </a><a href="/cities/oakland/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 419 <span>ð</span> 420 <span>Permit Process</span> 421 <span class="text-[10px] text-black/30">3121w</span> 422 </a> 423 </div> 424 </div> 425 </div> 426 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 427 428 429 <div class="flex flex-col sm:flex-row"> 430 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 431 <img src="https://images.unsplash.com/photo-1769240534658-395ca1628c70?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxSaXZlcnNpZGUlMjByZXNpZGVudGlhbCUyMGhvdXNlJTIwYmFja3lhcmR8ZW58MHwwfHx8MTc3NDQxMDI2OXww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Riverside" class="w-full h-full object-cover" loading="lazy"> 432 </div> 433 <div class="flex-1 p-6"> 434 <h3 class="text-[18px] font-bold text-black mb-1">Riverside, CA</h3> 435 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 436 3 guides available 437 </p> 438 <div class="flex flex-wrap gap-3"> 439 <a href="/cities/riverside/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 440 <span>ð </span> 441 <span>ADU Guide</span> 442 <span class="text-[10px] text-black/30">2547w</span> 443 </a><a href="/cities/riverside/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 444 <span>ð°</span> 445 <span>Cost Breakdown</span> 446 <span class="text-[10px] text-black/30">1953w</span> 447 </a><a href="/cities/riverside/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 448 <span>ð</span> 449 <span>Permit Process</span> 450 <span class="text-[10px] text-black/30">2655w</span> 451 </a> 452 </div> 453 </div> 454 </div> 455 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 456 457 458 <div class="flex flex-col sm:flex-row"> 459 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 460 <img src="https://images.unsplash.com/photo-1723065590384-e86e3f1831e4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxTYWNyYW1lbnRvJTIwaG91c2VzfGVufDB8MHx8fDE3NzQ0MTA5Mzd8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Sacramento" class="w-full h-full object-cover" loading="lazy"> 461 </div> 462 <div class="flex-1 p-6"> 463 <h3 class="text-[18px] font-bold text-black mb-1">Sacramento, CA</h3> 464 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 465 3 guides available 466 </p> 467 <div class="flex flex-wrap gap-3"> 468 <a href="/cities/sacramento/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
469 <span>ð </span> 470 <span>ADU Guide</span> 471 <span class="text-[10px] text-black/30">2847w</span> 472 </a><a href="/cities/sacramento/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 473 <span>ð°</span> 474 <span>Cost Breakdown</span> 475 <span class="text-[10px] text-black/30">2175w</span> 476 </a><a href="/cities/sacramento/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 477 <span>ð</span> 478 <span>Permit Process</span> 479 <span class="text-[10px] text-black/30">2698w</span> 480 </a> 481 </div> 482 </div> 483 </div> 484 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 485 486 487 <div class="flex flex-col sm:flex-row"> 488 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 489 <img src="https://images.unsplash.com/photo-1697510362654-e2961912a7bd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxTYW4lMjBCZXJuYXJkaW5vJTIwQ0ElMjBjaXR5fGVufDB8MHx8fDE3NzQ0MTE0MDh8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="San Bernardino" class="w-full h-full object-cover" loading="lazy"> 490 </div> 491 <div class="flex-1 p-6"> 492 <h3 class="text-[18px] font-bold text-black mb-1">San Bernardino, CA</h3> 493 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 494 3 guides available 495 </p> 496 <div class="flex flex-wrap gap-3"> 497 <a href="/cities/san-bernardino/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 498 <span>ð </span> 499 <span>ADU Guide</span> 500 <span class="text-[10px] text-black/30">2602w</span> 501 </a><a href="/cities/san-bernardino/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 502 <span>ð°</span> 503 <span>Cost Breakdown</span> 504 <span class="text-[10px] text-black/30">2496w</span> 505 </a><a href="/cities/san-bernardino/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 506 <span>ð</span> 507 <span>Permit Process</span> 508 <span class="text-[10px] text-black/30">2275w</span> 509 </a> 510 </div> 511 </div> 512 </div> 513 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 514 515 516 <div class="flex flex-col sm:flex-row"> 517 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 518 <img src="https://images.unsplash.com/photo-1656139788422-02959a414111?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxTYW4lMjBEaWVnbyUyMGhvdXNlc3xlbnwwfDB8fHwxNzc0NDEwOTM0fDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="San Diego" class="w-full h-full object-cover" loading="lazy"> 519 </div> 520 <div class="flex-1 p-6"> 521 <h3 class="text-[18px] font-bold text-black mb-1">San Diego, CA</h3> 522 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 523 3 guides available 524 </p> 525 <div class="flex flex-wrap gap-3"> 526 <a href="/cities/san-diego/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
527 <span>ð </span> 528 <span>ADU Guide</span> 529 <span class="text-[10px] text-black/30">2709w</span> 530 </a><a href="/cities/san-diego/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 531 <span>ð°</span> 532 <span>Cost Breakdown</span> 533 <span class="text-[10px] text-black/30">2188w</span> 534 </a><a href="/cities/san-diego/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 535 <span>ð</span> 536 <span>Permit Process</span> 537 <span class="text-[10px] text-black/30">2364w</span> 538 </a> 539 </div> 540 </div> 541 </div> 542 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 543 544 545 <div class="flex flex-col sm:flex-row"> 546 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 547 <img src="https://images.unsplash.com/photo-1670544745056-90ade4589493?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxTYW4lMjBGcmFuY2lzY28lMjByZXNpZGVudGlhbCUyMGhvdXNlJTIwYmFja3lhcmR8ZW58MHwwfHx8MTc3NDQwNzQ3OHww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="San Francisco" class="w-full h-full object-cover" loading="lazy"> 548 </div> 549 <div class="flex-1 p-6"> 550 <h3 class="text-[18px] font-bold text-black mb-1">San Francisco, CA</h3> 551 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 552 3 guides available 553 </p> 554 <div class="flex flex-wrap gap-3"> 555 <a href="/cities/san-francisco/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 556 <span>ð </span> 557 <span>ADU Guide</span> 558 <span class="text-[10px] text-black/30">2647w</span> 559 </a><a href="/cities/san-francisco/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 560 <span>ð°</span> 561 <span>Cost Breakdown</span> 562 <span class="text-[10px] text-black/30">2592w</span> 563 </a><a href="/cities/san-francisco/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 564 <span>ð</span> 565 <span>Permit Process</span> 566 <span class="text-[10px] text-black/30">2608w</span> 567 </a> 568 </div> 569 </div> 570 </div> 571 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 572 573 574 <div class="flex flex-col sm:flex-row"> 575 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 576 <img src="https://images.unsplash.com/photo-1745816731674-d9c33eaa4f3a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxTYW4lMjBKb3NlJTIwaG91c2VzfGVufDB8MHx8fDE3NzQ0MTA5MzV8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="San Jose" class="w-full h-full object-cover" loading="lazy"> 577 </div> 578 <div class="flex-1 p-6"> 579 <h3 class="text-[18px] font-bold text-black mb-1">San Jose, CA</h3> 580 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 581 3 guides available 582 </p> 583 <div class="flex flex-wrap gap-3"> 584 <a href="/cities/san-jose/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
585 <span>ð </span> 586 <span>ADU Guide</span> 587 <span class="text-[10px] text-black/30">2466w</span> 588 </a><a href="/cities/san-jose/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 589 <span>ð°</span> 590 <span>Cost Breakdown</span> 591 <span class="text-[10px] text-black/30">2328w</span> 592 </a><a href="/cities/san-jose/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 593 <span>ð</span> 594 <span>Permit Process</span> 595 <span class="text-[10px] text-black/30">2506w</span> 596 </a> 597 </div> 598 </div> 599 </div> 600 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 601 602 603 <div class="flex flex-col sm:flex-row"> 604 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 605 <img src="https://images.unsplash.com/photo-1625416136312-7c553b0babb1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxTYW50YSUyMEFuYSUyMENBJTIwY2l0eXxlbnwwfDB8fHwxNzc0NDExNDIwfDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Santa Ana" class="w-full h-full object-cover" loading="lazy"> 606 </div> 607 <div class="flex-1 p-6"> 608 <h3 class="text-[18px] font-bold text-black mb-1">Santa Ana, CA</h3> 609 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 610 3 guides available 611 </p> 612 <div class="flex flex-wrap gap-3"> 613 <a href="/cities/santa-ana/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 614 <span>ð </span> 615 <span>ADU Guide</span> 616 <span class="text-[10px] text-black/30">2265w</span> 617 </a><a href="/cities/santa-ana/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 618 <span>ð°</span> 619 <span>Cost Breakdown</span> 620 <span class="text-[10px] text-black/30">2031w</span> 621 </a><a href="/cities/santa-ana/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 622 <span>ð</span> 623 <span>Permit Process</span> 624 <span class="text-[10px] text-black/30">2544w</span> 625 </a> 626 </div> 627 </div> 628 </div> 629 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 630 631 632 <div class="flex flex-col sm:flex-row"> 633 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 634 <img src="https://images.unsplash.com/photo-1765927744125-294b5c7da332?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxDQSUyMHN1YnVyYmFuJTIwaG9tZXN8ZW58MHwwfHx8MTc3NDQxMTQxN3ww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Stockton" class="w-full h-full object-cover" loading="lazy"> 635 </div> 636 <div class="flex-1 p-6"> 637 <h3 class="text-[18px] font-bold text-black mb-1">Stockton, CA</h3> 638 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 639 3 guides available 640 </p> 641 <div class="flex flex-wrap gap-3"> 642 <a href="/cities/stockton/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
643 <span>ð </span> 644 <span>ADU Guide</span> 645 <span class="text-[10px] text-black/30">2773w</span> 646 </a><a href="/cities/stockton/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 647 <span>ð°</span> 648 <span>Cost Breakdown</span> 649 <span class="text-[10px] text-black/30">2171w</span> 650 </a><a href="/cities/stockton/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 651 <span>ð</span> 652 <span>Permit Process</span> 653 <span class="text-[10px] text-black/30">2677w</span> 654 </a> 655 </div> 656 </div> 657 </div> 658 </div> 659 </div> 660 </div><div class="mb-16"> 661 <h2 class="text-[11px] text-black/35 uppercase tracking-[0.2em] font-bold mb-8 pb-2 border-b border-black/10"> 662 Florida 663 </h2> 664 665 <div class="space-y-8"> 666 <div class="border border-black/10 hover:border-black/20 transition-colors"> 667 668 669 <div class="flex flex-col sm:flex-row"> 670 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 671 <img src="https://images.unsplash.com/photo-1508885368104-a4871600f1e0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHw0fHxmbG9yaWRhJTIwc3VidXJicyUyMGFlcmlhbHxlbnwwfDB8fHwxNzc0NDEyNDYzfDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Cape Coral" class="w-full h-full object-cover" loading="lazy"> 672 </div> 673 <div class="flex-1 p-6"> 674 <h3 class="text-[18px] font-bold text-black mb-1">Cape Coral, FL</h3> 675 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 676 3 guides available 677 </p> 678 <div class="flex flex-wrap gap-3"> 679 <a href="/cities/cape-coral/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 680 <span>ð </span> 681 <span>ADU Guide</span> 682 <span class="text-[10px] text-black/30">2540w</span> 683 </a><a href="/cities/cape-coral/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 684 <span>ð°</span> 685 <span>Cost Breakdown</span> 686 <span class="text-[10px] text-black/30">2434w</span> 687 </a><a href="/cities/cape-coral/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 688 <span>ð</span> 689 <span>Permit Process</span> 690 <span class="text-[10px] text-black/30">2548w</span> 691 </a> 692 </div> 693 </div> 694 </div> 695 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 696 697 698 <div class="flex flex-col sm:flex-row"> 699 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 700 <img src="https://images.unsplash.com/photo-1746653776509-0e41f98513cc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&
700ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxGb3J0JTIwTGF1ZGVyZGFsZSUyMGhvdXNlc3xlbnwwfDB8fHwxNzc0NDEwOTQyfDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Fort Lauderdale" class="w-full h-full object-cover" loading="lazy"> 701 </div> 702 <div class="flex-1 p-6"> 703 <h3 class="text-[18px] font-bold text-black mb-1">Fort Lauderdale, FL</h3> 704 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 705 3 guides available 706 </p> 707 <div class="flex flex-wrap gap-3"> 708 <a href="/cities/fort-lauderdale/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 709 <span>ð </span> 710 <span>ADU Guide</span> 711 <span class="text-[10px] text-black/30">2852w</span> 712 </a><a href="/cities/fort-lauderdale/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 713 <span>ð°</span> 714 <span>Cost Breakdown</span> 715 <span class="text-[10px] text-black/30">2519w</span> 716 </a><a href="/cities/fort-lauderdale/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 717 <span>ð</span> 718 <span>Permit Process</span> 719 <span class="text-[10px] text-black/30">2710w</span> 720 </a> 721 </div> 722 </div> 723 </div> 724 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 725 726 727 <div class="flex flex-col sm:flex-row"> 728 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 729 <img src="https://images.unsplash.com/photo-1700884610430-861cbe7b4804?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHw1fHxmbG9yaWRhJTIwc3VidXJicyUyMGFlcmlhbHxlbnwwfDB8fHwxNzc0NDEyNDYzfDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Hialeah" class="w-full h-full object-cover" loading="lazy"> 730 </div> 731 <div class="flex-1 p-6"> 732 <h3 class="text-[18px] font-bold text-black mb-1">Hialeah, FL</h3> 733 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 734 3 guides available 735 </p> 736 <div class="flex flex-wrap gap-3"> 737 <a href="/cities/hialeah/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 738 <span>ð </span> 739 <span>ADU Guide</span> 740 <span class="text-[10px] text-black/30">2659w</span> 741 </a><a href="/cities/hialeah/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 742 <span>ð°</span> 743 <span>Cost Breakdown</span> 744 <span class="text-[10px] text-black/30">2365w</span> 745 </a><a href="/cities/hialeah/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
746 <span>ð</span> 747 <span>Permit Process</span> 748 <span class="text-[10px] text-black/30">2797w</span> 749 </a> 750 </div> 751 </div> 752 </div> 753 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 754 755 756 <div class="flex flex-col sm:flex-row"> 757 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 758 <img src="https://images.unsplash.com/photo-1699322753746-d563bd20ae4a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxKYWNrc29udmlsbGUlMjBob3VzZXN8ZW58MHwwfHx8MTc3NDQxMDk0MHww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Jacksonville" class="w-full h-full object-cover" loading="lazy"> 759 </div> 760 <div class="flex-1 p-6"> 761 <h3 class="text-[18px] font-bold text-black mb-1">Jacksonville, FL</h3> 762 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 763 3 guides available 764 </p> 765 <div class="flex flex-wrap gap-3"> 766 <a href="/cities/jacksonville/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 767 <span>ð </span> 768 <span>ADU Guide</span> 769 <span class="text-[10px] text-black/30">2678w</span> 770 </a><a href="/cities/jacksonville/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 771 <span>ð°</span> 772 <span>Cost Breakdown</span> 773 <span class="text-[10px] text-black/30">2314w</span> 774 </a><a href="/cities/jacksonville/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 775 <span>ð</span> 776 <span>Permit Process</span> 777 <span class="text-[10px] text-black/30">2820w</span> 778 </a> 779 </div> 780 </div> 781 </div> 782 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 783 784 785 <div class="flex flex-col sm:flex-row"> 786 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 787 <img src="https://images.unsplash.com/photo-1740482682683-309e6fb4898f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxNaWFtaSUyMHJlc2lkZW50aWFsJTIwaG91c2UlMjBiYWNreWFyZHxlbnwwfDB8fHwxNzc0NDA3NzUwfDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Miami" class="w-full h-full object-cover" loading="lazy"> 788 </div> 789 <div class="flex-1 p-6"> 790 <h3 class="text-[18px] font-bold text-black mb-1">Miami, FL</h3> 791 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 792 3 guides available 793 </p> 794 <div class="flex flex-wrap gap-3"> 795 <a href="/cities/miami/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 796 <span>ð </span> 797 <span>ADU Guide</span> 798 <span class="text-[10px] text-black/30">2327w</span> 799 </a><a href="/cities/miami/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
800 <span>ð°</span> 801 <span>Cost Breakdown</span> 802 <span class="text-[10px] text-black/30">2505w</span> 803 </a><a href="/cities/miami/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 804 <span>ð</span> 805 <span>Permit Process</span> 806 <span class="text-[10px] text-black/30">2394w</span> 807 </a> 808 </div> 809 </div> 810 </div> 811 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 812 813 814 <div class="flex flex-col sm:flex-row"> 815 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 816 <img src="https://images.unsplash.com/photo-1716852451478-c8965a17f65e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwyfHxPcmxhbmRvJTIwRkwlMjBjaXR5fGVufDB8MHx8fDE3NzQ0MTE0MDZ8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Orlando" class="w-full h-full object-cover" loading="lazy"> 817 </div> 818 <div class="flex-1 p-6"> 819 <h3 class="text-[18px] font-bold text-black mb-1">Orlando, FL</h3> 820 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 821 3 guides available 822 </p> 823 <div class="flex flex-wrap gap-3"> 824 <a href="/cities/orlando/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 825 <span>ð </span> 826 <span>ADU Guide</span> 827 <span class="text-[10px] text-black/30">2537w</span> 828 </a><a href="/cities/orlando/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 829 <span>ð°</span> 830 <span>Cost Breakdown</span> 831 <span class="text-[10px] text-black/30">1906w</span> 832 </a><a href="/cities/orlando/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 833 <span>ð</span> 834 <span>Permit Process</span> 835 <span class="text-[10px] text-black/30">2598w</span> 836 </a> 837 </div> 838 </div> 839 </div> 840 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 841 842 843 <div class="flex flex-col sm:flex-row"> 844 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 845 <img src="https://images.unsplash.com/photo-1704236600122-56a1401023d3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxmbG9yaWRhJTIwc3VidXJicyUyMGFlcmlhbHxlbnwwfDB8fHwxNzc0NDEyNDYzfDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Port St. Lucie" class="w-full h-full object-cover" loading="lazy"> 846 </div> 847 <div class="flex-1 p-6"> 848 <h3 class="text-[18px] font-bold text-black mb-1">Port St. Lucie, FL</h3> 849 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 850 3 guides available 851 </p> 852 <div class="flex flex-wrap gap-3"> 853 <a href="/cities/port-st-lucie/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
854 <span>ð </span> 855 <span>ADU Guide</span> 856 <span class="text-[10px] text-black/30">2773w</span> 857 </a><a href="/cities/port-st-lucie/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 858 <span>ð°</span> 859 <span>Cost Breakdown</span> 860 <span class="text-[10px] text-black/30">2618w</span> 861 </a><a href="/cities/port-st-lucie/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 862 <span>ð</span> 863 <span>Permit Process</span> 864 <span class="text-[10px] text-black/30">2743w</span> 865 </a> 866 </div> 867 </div> 868 </div> 869 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 870 871 872 <div class="flex flex-col sm:flex-row"> 873 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 874 <img src="https://images.unsplash.com/photo-1700884610430-861cbe7b4804?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHw1fHxmbG9yaWRhJTIwc3VidXJicyUyMGFlcmlhbHxlbnwwfDB8fHwxNzc0NDEyNDYzfDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="St. Petersburg" class="w-full h-full object-cover" loading="lazy"> 875 </div> 876 <div class="flex-1 p-6"> 877 <h3 class="text-[18px] font-bold text-black mb-1">St. Petersburg, FL</h3> 878 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 879 3 guides available 880 </p> 881 <div class="flex flex-wrap gap-3"> 882 <a href="/cities/st-petersburg/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 883 <span>ð </span> 884 <span>ADU Guide</span> 885 <span class="text-[10px] text-black/30">2369w</span> 886 </a><a href="/cities/st-petersburg/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 887 <span>ð°</span> 888 <span>Cost Breakdown</span> 889 <span class="text-[10px] text-black/30">2200w</span> 890 </a><a href="/cities/st-petersburg/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 891 <span>ð</span> 892 <span>Permit Process</span> 893 <span class="text-[10px] text-black/30">2645w</span> 894 </a> 895 </div> 896 </div> 897 </div> 898 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 899 900 901 <div class="flex flex-col sm:flex-row"> 902 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 903 <img src="https://images.unsplash.com/photo-1565572473942-19349e997900?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwzfHxmbG9yaWRhJTIwc3VidXJicyUyMGFlcmlhbHxlbnwwfDB8fHwxNzc0NDEyNDYzfDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Tallahassee" class="w-full h-full object-cover" loading="lazy"> 904 </div> 905 <div class="flex-1 p-6"> 906 <h3 class="text-[18px] font-bold text-black mb-1">Tallahassee, FL</h3> 907 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 908 3 guides available 909 </p> 910 <div class="flex flex-wrap gap-3"> 911 <a href="/cities/tallahassee/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
912 <span>ð </span> 913 <span>ADU Guide</span> 914 <span class="text-[10px] text-black/30">2817w</span> 915 </a><a href="/cities/tallahassee/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 916 <span>ð°</span> 917 <span>Cost Breakdown</span> 918 <span class="text-[10px] text-black/30">1866w</span> 919 </a><a href="/cities/tallahassee/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 920 <span>ð</span> 921 <span>Permit Process</span> 922 <span class="text-[10px] text-black/30">2756w</span> 923 </a> 924 </div> 925 </div> 926 </div> 927 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 928 929 930 <div class="flex flex-col sm:flex-row"> 931 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 932 <img src="https://images.unsplash.com/photo-1728845533839-de4e2271eb10?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxUYW1wYSUyMGhvdXNlc3xlbnwwfDB8fHwxNzc0NDEwOTMxfDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Tampa" class="w-full h-full object-cover" loading="lazy"> 933 </div> 934 <div class="flex-1 p-6"> 935 <h3 class="text-[18px] font-bold text-black mb-1">Tampa, FL</h3> 936 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 937 3 guides available 938 </p> 939 <div class="flex flex-wrap gap-3"> 940 <a href="/cities/tampa/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 941 <span>ð </span> 942 <span>ADU Guide</span> 943 <span class="text-[10px] text-black/30">2337w</span> 944 </a><a href="/cities/tampa/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 945 <span>ð°</span> 946 <span>Cost Breakdown</span> 947 <span class="text-[10px] text-black/30">2336w</span> 948 </a><a href="/cities/tampa/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 949 <span>ð</span> 950 <span>Permit Process</span> 951 <span class="text-[10px] text-black/30">2684w</span> 952 </a> 953 </div> 954 </div> 955 </div> 956 </div> 957 </div> 958 </div><div class="mb-16"> 959 <h2 class="text-[11px] text-black/35 uppercase tracking-[0.2em] font-bold mb-8 pb-2 border-b border-black/10"> 960 Texas 961 </h2> 962 963 <div class="space-y-8"> 964 <div class="border border-black/10 hover:border-black/20 transition-colors"> 965 966 967 <div class="flex flex-col sm:flex-row"> 968 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 969 <img src="https://images.unsplash.com/photo-1760627591964-2e6589455edd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxBcmxpbmd0b24lMjByZXNpZGVudGlhbCUyMGhvdXNlJTIwYmFja3lhcmR8ZW58MHwwfHx8MTc3NDQxMjI4M3ww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Arlington" class="w-full h-full object-cover" loading="lazy"> 970 </div> 971 <div class="flex-1 p-6"> 972 <h3 class="text-[18px] font-bold text-black mb-1">Arlington, TX</h3> 973 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 974 3 guides available 975 </p> 976 <div class="flex flex-wrap gap-3"> 977 <a href="/cities/arlington/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
978 <span>ð </span> 979 <span>ADU Guide</span> 980 <span class="text-[10px] text-black/30">2260w</span> 981 </a><a href="/cities/arlington/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 982 <span>ð°</span> 983 <span>Cost Breakdown</span> 984 <span class="text-[10px] text-black/30">2043w</span> 985 </a><a href="/cities/arlington/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 986 <span>ð</span> 987 <span>Permit Process</span> 988 <span class="text-[10px] text-black/30">2501w</span> 989 </a> 990 </div> 991 </div> 992 </div> 993 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 994 995 996 <div class="flex flex-col sm:flex-row"> 997 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 998 <img src="https://images.unsplash.com/photo-1679151894613-1f68accd8e20?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxBdXN0aW4lMjBob3VzZXN8ZW58MHwwfHx8MTc3NDQxMDkzMnww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Austin" class="w-full h-full object-cover" loading="lazy"> 999 </div> 1000 <div class="flex-1 p-6"> 1001 <h3 class="text-[18px] font-bold text-black mb-1">Austin, TX</h3> 1002 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 1003 3 guides available 1004 </p> 1005 <div class="flex flex-wrap gap-3"> 1006 <a href="/cities/austin/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1007 <span>ð </span> 1008 <span>ADU Guide</span> 1009 <span class="text-[10px] text-black/30">2685w</span> 1010 </a><a href="/cities/austin/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1011 <span>ð°</span> 1012 <span>Cost Breakdown</span> 1013 <span class="text-[10px] text-black/30">2272w</span> 1014 </a><a href="/cities/austin/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1015 <span>ð</span> 1016 <span>Permit Process</span> 1017 <span class="text-[10px] text-black/30">2834w</span> 1018 </a> 1019 </div> 1020 </div> 1021 </div> 1022 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 1023 1024 1025 <div class="flex flex-col sm:flex-row"> 1026 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 1027 <img src="https://images.unsplash.com/photo-1743813584916-32ccfe87098f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxDb3JwdXMlMjBDaHJpc3RpJTIwcmVzaWRlbnRpYWwlMjBob3VzZSUyMGJhY2t5YXJkfGVufDB8MHx8fDE3NzQ0MTE4MjR8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Corpus Christi" class="w-full h-full object-cover" loading="lazy"> 1028 </div> 1029 <div class="flex-1 p-6"> 1030 <h3 class="text-[18px] font-bold text-black mb-1">Corpus Christi, TX</h3> 1031 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 1032 3 guides available 1033 </p> 1034 <div class="flex flex-wrap gap-3"> 1035 <a href="/cities/corpus-christi/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
1036 <span>ð </span> 1037 <span>ADU Guide</span> 1038 <span class="text-[10px] text-black/30">2637w</span> 1039 </a><a href="/cities/corpus-christi/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1040 <span>ð°</span> 1041 <span>Cost Breakdown</span> 1042 <span class="text-[10px] text-black/30">2374w</span> 1043 </a><a href="/cities/corpus-christi/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1044 <span>ð</span> 1045 <span>Permit Process</span> 1046 <span class="text-[10px] text-black/30">2783w</span> 1047 </a> 1048 </div> 1049 </div> 1050 </div> 1051 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 1052 1053 1054 <div class="flex flex-col sm:flex-row"> 1055 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 1056 <img src="https://images.unsplash.com/photo-1614658226606-23819ec3a0f3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxUWCUyMHJlc2lkZW50aWFsfGVufDB8MHx8fDE3NzQ0MTA5NTB8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Dallas" class="w-full h-full object-cover" loading="lazy"> 1057 </div> 1058 <div class="flex-1 p-6"> 1059 <h3 class="text-[18px] font-bold text-black mb-1">Dallas, TX</h3> 1060 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 1061 3 guides available 1062 </p> 1063 <div class="flex flex-wrap gap-3"> 1064 <a href="/cities/dallas/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1065 <span>ð </span> 1066 <span>ADU Guide</span> 1067 <span class="text-[10px] text-black/30">2599w</span> 1068 </a><a href="/cities/dallas/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1069 <span>ð°</span> 1070 <span>Cost Breakdown</span> 1071 <span class="text-[10px] text-black/30">2068w</span> 1072 </a><a href="/cities/dallas/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1073 <span>ð</span> 1074 <span>Permit Process</span> 1075 <span class="text-[10px] text-black/30">2527w</span> 1076 </a> 1077 </div> 1078 </div> 1079 </div> 1080 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 1081 1082 1083 <div class="flex flex-col sm:flex-row"> 1084 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 1085 <img src="https://images.unsplash.com/photo-1650687034903-d0278e2cd5b8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxFbCUyMFBhc28lMjBUWCUyMGNpdHl8ZW58MHwwfHx8MTc3NDQxMTQwNHww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="El Paso" class="w-full h-full object-cover" loading="lazy"> 1086 </div> 1087 <div class="flex-1 p-6"> 1088 <h3 class="text-[18px] font-bold text-black mb-1">El Paso, TX</h3> 1089 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 1090 3 guides available 1091 </p> 1092 <div class="flex flex-wrap gap-3"> 1093 <a href="/cities/el-paso/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
1094 <span>ð </span> 1095 <span>ADU Guide</span> 1096 <span class="text-[10px] text-black/30">2541w</span> 1097 </a><a href="/cities/el-paso/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1098 <span>ð°</span> 1099 <span>Cost Breakdown</span> 1100 <span class="text-[10px] text-black/30">2266w</span> 1101 </a><a href="/cities/el-paso/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1102 <span>ð</span> 1103 <span>Permit Process</span> 1104 <span class="text-[10px] text-black/30">2697w</span> 1105 </a> 1106 </div> 1107 </div> 1108 </div> 1109 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 1110 1111 1112 <div class="flex flex-col sm:flex-row"> 1113 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 1114 <img src="https://images.unsplash.com/photo-1641084700024-1187c183b0f3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwyfHxGb3J0JTIwV29ydGglMjBUWCUyMGNpdHl8ZW58MHwwfHx8MTc3NDQxMTQyOHww&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Fort Worth" class="w-full h-full object-cover" loading="lazy"> 1115 </div> 1116 <div class="flex-1 p-6"> 1117 <h3 class="text-[18px] font-bold text-black mb-1">Fort Worth, TX</h3> 1118 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 1119 3 guides available 1120 </p> 1121 <div class="flex flex-wrap gap-3"> 1122 <a href="/cities/fort-worth/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1123 <span>ð </span> 1124 <span>ADU Guide</span> 1125 <span class="text-[10px] text-black/30">1994w</span> 1126 </a><a href="/cities/fort-worth/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1127 <span>ð°</span> 1128 <span>Cost Breakdown</span> 1129 <span class="text-[10px] text-black/30">2505w</span> 1130 </a><a href="/cities/fort-worth/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1131 <span>ð</span> 1132 <span>Permit Process</span> 1133 <span class="text-[10px] text-black/30">2734w</span> 1134 </a> 1135 </div> 1136 </div> 1137 </div> 1138 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 1139 1140 1141 <div class="flex flex-col sm:flex-row"> 1142 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 1143 <img src="https://images.unsplash.com/photo-1626075246403-544a14566c3d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxIb3VzdG9uJTIwcmVzaWRlbnRpYWwlMjBob3VzZSUyMGJhY2t5YXJkfGVufDB8MHx8fDE3NzQ0MDkxODl8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Houston" class="w-full h-full object-cover" loading="lazy"> 1144 </div> 1145 <div class="flex-1 p-6"> 1146 <h3 class="text-[18px] font-bold text-black mb-1">Houston, TX</h3> 1147 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 1148 3 guides available 1149 </p> 1150 <div class="flex flex-wrap gap-3"> 1151 <a href="/cities/houston/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
1152 <span>ð </span> 1153 <span>ADU Guide</span> 1154 <span class="text-[10px] text-black/30">2569w</span> 1155 </a><a href="/cities/houston/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1156 <span>ð°</span> 1157 <span>Cost Breakdown</span> 1158 <span class="text-[10px] text-black/30">2353w</span> 1159 </a><a href="/cities/houston/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1160 <span>ð</span> 1161 <span>Permit Process</span> 1162 <span class="text-[10px] text-black/30">2643w</span> 1163 </a> 1164 </div> 1165 </div> 1166 </div> 1167 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 1168 1169 1170 <div class="flex flex-col sm:flex-row"> 1171 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 1172 <img src="https://images.unsplash.com/photo-1614658226606-23819ec3a0f3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxUWCUyMHJlc2lkZW50aWFsfGVufDB8MHx8fDE3NzQ0MTA5NTB8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Lubbock" class="w-full h-full object-cover" loading="lazy"> 1173 </div> 1174 <div class="flex-1 p-6"> 1175 <h3 class="text-[18px] font-bold text-black mb-1">Lubbock, TX</h3> 1176 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 1177 3 guides available 1178 </p> 1179 <div class="flex flex-wrap gap-3"> 1180 <a href="/cities/lubbock/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1181 <span>ð </span> 1182 <span>ADU Guide</span> 1183 <span class="text-[10px] text-black/30">2415w</span> 1184 </a><a href="/cities/lubbock/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1185 <span>ð°</span> 1186 <span>Cost Breakdown</span> 1187 <span class="text-[10px] text-black/30">2324w</span> 1188 </a><a href="/cities/lubbock/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1189 <span>ð</span> 1190 <span>Permit Process</span> 1191 <span class="text-[10px] text-black/30">2942w</span> 1192 </a> 1193 </div> 1194 </div> 1195 </div> 1196 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 1197 1198 1199 <div class="flex flex-col sm:flex-row"> 1200 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 1201 <img src="https://images.unsplash.com/photo-1711110065954-1c79c1dec505?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxQbGFubyUyMHJlc2lkZW50aWFsJTIwaG91c2UlMjBiYWNreWFyZHxlbnwwfDB8fHwxNzc0NDEwNDczfDA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="Plano" class="w-full h-full object-cover" loading="lazy"> 1202 </div> 1203 <div class="flex-1 p-6"> 1204 <h3 class="text-[18px] font-bold text-black mb-1">Plano, TX</h3> 1205 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 1206 3 guides available 1207 </p> 1208 <div class="flex flex-wrap gap-3"> 1209 <a href="/cities/plano/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors">
1210 <span>ð </span> 1211 <span>ADU Guide</span> 1212 <span class="text-[10px] text-black/30">2349w</span> 1213 </a><a href="/cities/plano/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1214 <span>ð°</span> 1215 <span>Cost Breakdown</span> 1216 <span class="text-[10px] text-black/30">2615w</span> 1217 </a><a href="/cities/plano/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1218 <span>ð</span> 1219 <span>Permit Process</span> 1220 <span class="text-[10px] text-black/30">2447w</span> 1221 </a> 1222 </div> 1223 </div> 1224 </div> 1225 </div><div class="border border-black/10 hover:border-black/20 transition-colors"> 1226 1227 1228 <div class="flex flex-col sm:flex-row"> 1229 <div class="sm:w-48 h-32 sm:h-auto overflow-hidden flex-shrink-0"> 1230 <img src="https://images.unsplash.com/photo-1695762686072-064d476c7719?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MDUyMzh8MHwxfHNlYXJjaHwxfHxTYW4lMjBBbnRvbmlvJTIwaG91c2VzfGVufDB8MHx8fDE3NzQ0MTA5NDF8MA&ixlib=rb-4.1.0&q=80&w=1080&w=400&q=75" alt="San Antonio" class="w-full h-full object-cover" loading="lazy"> 1231 </div> 1232 <div class="flex-1 p-6"> 1233 <h3 class="text-[18px] font-bold text-black mb-1">San Antonio, TX</h3> 1234 <p class="text-[11px] text-black/35 uppercase tracking-wider mb-4"> 1235 3 guides available 1236 </p> 1237 <div class="flex flex-wrap gap-3"> 1238 <a href="/cities/san-antonio/adu-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1239 <span>ð </span> 1240 <span>ADU Guide</span> 1241 <span class="text-[10px] text-black/30">2428w</span> 1242 </a><a href="/cities/san-antonio/cost-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1243 <span>ð°</span> 1244 <span>Cost Breakdown</span> 1245 <span class="text-[10px] text-black/30">2253w</span> 1246 </a><a href="/cities/san-antonio/permit-guide" data-phx-link="redirect" data-phx-link-state="push" class="inline-flex items-center gap-2 px-4 py-2 border border-black/15 hover:border-[oklch(45%_0.12_250)] hover:text-[oklch(45%_0.12_250)] text-[12px] font-medium transition-colors"> 1247 <span>ð</span> 1248 <span>Permit Process</span> 1249 <span class="text-[10px] text-black/30">2937w</span> 1250 </a> 1251 </div> 1252 </div> 1253 </div> 1254 </div> 1255 </div> 1256 </div> 1257 1258 1259 <div class="mt-12 text-center border-t border-black/10 pt-12"> 1260 <p class="text-[13px] text-black/40 mb-4">Guides updated regularly with the latest zoning data and legislation.</p> 1261 <a href="/search" data-phx-link="redirect" data-phx-link-state="push" class="inline-block bg-black text-white font-bold text-[12px] uppercase tracking-wider px-6 py-3 hover:bg-black/80 transition-colors"> 1262 Check Your Property â 1263 </a> 1264 </div> 1265 </section> 1266</div></div> 1267 </body> 1268</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.