PageSourceSearch

https://lotcheck.ai/tools

html lotcheck.ai collected 2026-10-05 12:52:24 UTC 135,970 bytes, 1,286 lines download raw bytes

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="OFgoHkIsayMNAhRSYTkPITMhIkQ9GDsoi0akqg_fF1L3WnfQyxQqL-nR">
7    <title>Free Building Code Tools — ADU &amp; Development | LotCheck</title>
8
9    <meta name="description" content="6 free tools: ADU eligibility checker, setback calculator, plan check, parking calculator, FAR tool, and building code lookup. 40 cities.">
10<link rel="canonical" href="https://lotcheck.ai/tools">
11
12
13<meta property="og:type" content="website">
14<meta property="og:site_name" content="LotCheck">
15<meta property="og:title" content="Free Building Code Tools — ADU &amp; Development | LotCheck">
16<meta property="og:description" content="6 free tools: ADU eligibility checker, setback calculator, plan check, parking calculator, FAR tool, and building code lookup. 40 cities.">
17<meta property="og:url" content="https://lotcheck.ai/tools">
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="Free Building Code Tools — ADU &amp; Development | LotCheck">
25<meta name="twitter:description" content="6 free tools: ADU eligibility checker, setback calculator, plan check, parking calculator, FAR tool, and building code lookup. 40 cities.">
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 class="min-h-screen bg-white">
55  <header class="border-b-2 border-black">
56    <div class="max-w-6xl mx-auto px-4 sm:px-6 py-3 sm:py-4 flex items-end justify-between">
57      <div>
58        <a href="/" data-phx-link="redirect" data-phx-link-state="push" class="text-[24px] sm:text-[32px] font-black tracking-tight text-black leading-none">LOTCHECK</a>
59      </div>
60      <nav class="flex items-center gap-4 sm:gap-6 pb-0.5">
61        <a href="/tools" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] sm:text-[11px] text-black font-bold uppercase tracking-[0.2em]">Tools</a>
62        <a href="/cities" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] sm:text-[11px] text-black/55 uppercase tracking-[0.2em] hover:text-black">Cities</a>
63        <a href="/search" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] sm:text-[11px] text-black/55 uppercase tracking-[0.2em] hover:text-black">Search</a>
64      </nav>
65    </div>
66  </header>
67
68  <div class="max-w-4xl mx-auto px-6 py-8 sm:py-12">
69    <p class="text-[10px] font-bold uppercase tracking-[0.2em] text-black/40 mb-3">Free Tools</p>
70    <h1 class="text-3xl sm:text-4xl font-black text-black mb-3">Building Code Tools</h1>
71    <p class="text-[14px] text-black/50 mb-10 max-w-xl">Free tools for builders, architects, and developers. Check your project against city-specific codes before you submit.</p>
72
73    <div class="space-y-6 mb-12">
74
75      <a href="/tools/plan-check" data-phx-link="redirect" data-phx-link-state="push" class="block p-6 border-2 border-black hover:bg-black hover:text-white transition-colors group">
76        <div class="flex items-start justify-between">
77          <div>
78            <p class="text-[10px] font-bold uppercase tracking-[0.2em] opacity-40 group-hover:opacity-60 mb-2">Featured Tool</p>
79            <h2 class="text-[22px] font-black mb-2">Plan Check</h2>
80            <p class="text-[14px] opacity-55 group-hover:opacity-70 leading-relaxed max-w-lg">
81              Pre-submission building code review. Enter your project details — setbacks, height, coverage, parking —
82              and get a compliance report showing what a plan checker will flag before you submit.
83            </p>
84            <div class="flex items-center gap-4 mt-4 text-[11px] opacity-40 group-hover:opacity-60">
85              <span>40 cities</span>
86              <span>5 project types</span>
87              <span>200 city-specific pages</span>
88            </div>
89          </div>
90          <span class="text-[24px] opacity-20 group-hover:opacity-60 shrink-0 mt-2">→</span>
91        </div>
92      </a>
93
94      <a href="/tools/codes" data-phx-link="redirect" data-phx-link-state="push" class="block p-6 border border-black/15 hover:border-black/40 transition-colors group">
95        <div class="flex items-start justify-between">
96          <div>
97            <h2 class="text-[18px] font-black mb-1.5">Building Code Lookup</h2>
98            <p class="text-[13px] text-black/50 group-hover:text-black/60 leading-relaxed max-w-lg">
99              Quick reference for city building codes across CA, FL, and TX. Zone requirements, setback tables,
100              height limits, parking ratios, and common plan check flags — organized by city.
101            </p>
102            <div class="flex items-center gap-4 mt-3 text-[11px] text-black/35">
103              <span>40 cities</span>
104              <span>Zone tables</span>
105              <span>Common flags</span>
106            </div>
107          </div>
108          <span class="text-[20px] text-black/15 group-hover:text-black/40 shrink-0 mt-1">→</span>
109        </div>
110      </a>
111
112      <a href="/search" data-phx-link="redirect" data-phx-link-state="push" class="block p-6 border border-black/15 hover:border-black/40 transition-colors group">
113        <div class="flex items-start justify-between">
114          <div>
115            <h2 class="text-[18px] font-black mb-1.5">Parcel Search</h2>
116            <p class="text-[13px] text-black/50 group-hover:text-black/60 leading-relaxed max-w-lg">
117              Look up any property by address. See parcel details, APN, county, and what state and local law
118              lets you build — ADU eligibility, SB 9 lot split potential, and development scenarios.
119            </p>
120            <div class="flex items-center gap-4 mt-3 text-[11px] text-black/35">
121              <span>8M+ parcels</span>
122              <span>58 counties</span>
123              <span>Instant results</span>
124            </div>
125          </div>
126          <span class="text-[20px] text-black/15 group-hover:text-black/40 shrink-0 mt-1">→</span>
127        </div>
128      </a>
129    </div>
130
131    <div class="mb-12">
132      <h2 class="text-[11px] font-bold uppercase tracking-[0.2em] text-black/40 mb-4">Plan Check by City</h2>
133      <div class="space-y-4">
134
135          <div class="border border-black/10 p-4">
136            <div class="flex items-center justify-between mb-3">
137              <div>
138                <span class="text-[14px] font-bold text-black">Anaheim</span>
139                <span class="text-[11px] text-black/35 ml-2">Orange County</span>
140              </div>
141              <a href="/tools/codes/anaheim" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
142            </div>
143            <div class="flex flex-wrap gap-2">
144              <a href="/tools/plan-check/anaheim/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
145              <a href="/tools/plan-check/anaheim/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
146              <a href="/tools/plan-check/anaheim/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
147              <a href="/tools/plan-check/anaheim/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
148              <a href="/tools/plan-check/anaheim/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
149            </div>
150          </div>
151
152          <div class="border border-black/10 p-4">
153            <div class="flex items-center justify-between mb-3">
154              <div>
155                <span class="text-[14px] font-bold text-black">Arlington</span>
156                <span class="text-[11px] text-black/35 ml-2">Tarrant County</span>
157              </div>
158              <a href="/tools/codes/arlington" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
159            </div>
160            <div class="flex flex-wrap gap-2">
161              <a href="/tools/plan-check/arlington/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
162              <a href="/tools/plan-check/arlington/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
163              <a href="/tools/plan-check/arlington/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
164              <a href="/tools/plan-check/arlington/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
165              <a href="/tools/plan-check/arlington/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
166            </div>
167          </div>
168
169          <div class="border border-black/10 p-4">
170            <div class="flex items-center justify-between mb-3">
171              <div>
172                <span class="text-[14px] font-bold text-black">Austin</span>
173                <span class="text-[11px] text-black/35 ml-2">Travis County</span>
174              </div>
175              <a href="/tools/codes/austin" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
176            </div>
177            <div class="flex flex-wrap gap-2">
178              <a href="/tools/plan-check/austin/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
179              <a href="/tools/plan-check/austin/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
180              <a href="/tools/plan-check/austin/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
181              <a href="/tools/plan-check/austin/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
182              <a href="/tools/plan-check/austin/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
183            </div>
184          </div>
185
186          <div class="border border-black/10 p-4">
187            <div class="flex items-center justify-between mb-3">
188              <div>
189                <span class="text-[14px] font-bold text-black">Bakersfield</span>
190                <span class="text-[11px] text-black/35 ml-2">Kern County</span>
191              </div>
192              <a href="/tools/codes/bakersfield" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
193            </div>
194            <div class="flex flex-wrap gap-2">
195              <a href="/tools/plan-check/bakersfield/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
196              <a href="/tools/plan-check/bakersfield/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
197              <a href="/tools/plan-check/bakersfield/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
198              <a href="/tools/plan-check/bakersfield/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
199              <a href="/tools/plan-check/bakersfield/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
200            </div>
201          </div>
202
203          <div class="border border-black/10 p-4">
204            <div class="flex items-center justify-between mb-3">
205              <div>
206                <span class="text-[14px] font-bold text-black">Cape Coral</span>
207                <span class="text-[11px] text-black/35 ml-2">Lee County</span>
208              </div>
209              <a href="/tools/codes/cape-coral" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
210            </div>
211            <div class="flex flex-wrap gap-2">
212              <a href="/tools/plan-check/cape-coral/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
213              <a href="/tools/plan-check/cape-coral/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
214              <a href="/tools/plan-check/cape-coral/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
215              <a href="/tools/plan-check/cape-coral/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
216              <a href="/tools/plan-check/cape-coral/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
217            </div>
218          </div>
219
220          <div class="border border-black/10 p-4">
221            <div class="flex items-center justify-between mb-3">
222              <div>
223                <span class="text-[14px] font-bold text-black">Chula Vista</span>
224                <span class="text-[11px] text-black/35 ml-2">San Diego County</span>
225              </div>
226              <a href="/tools/codes/chula-vista" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
227            </div>
228            <div class="flex flex-wrap gap-2">
229              <a href="/tools/plan-check/chula-vista/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
230              <a href="/tools/plan-check/chula-vista/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
231              <a href="/tools/plan-check/chula-vista/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
232              <a href="/tools/plan-check/chula-vista/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
233              <a href="/tools/plan-check/chula-vista/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
234            </div>
235          </div>
236
237          <div class="border border-black/10 p-4">
238            <div class="flex items-center justify-between mb-3">
239              <div>
240                <span class="text-[14px] font-bold text-black">Corpus Christi</span>
241                <span class="text-[11px] text-black/35 ml-2">Nueces County</span>
242              </div>
243              <a href="/tools/codes/corpus-christi" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
244            </div>
245            <div class="flex flex-wrap gap-2">
246              <a href="/tools/plan-check/corpus-christi/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
247              <a href="/tools/plan-check/corpus-christi/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
248              <a href="/tools/plan-check/corpus-christi/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
249              <a href="/tools/plan-check/corpus-christi/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
250              <a href="/tools/plan-check/corpus-christi/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
251            </div>
252          </div>
253
254          <div class="border border-black/10 p-4">
255            <div class="flex items-center justify-between mb-3">
256              <div>
257                <span class="text-[14px] font-bold text-black">Dallas</span>
258                <span class="text-[11px] text-black/35 ml-2">Dallas County</span>
259              </div>
260              <a href="/tools/codes/dallas" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
261            </div>
262            <div class="flex flex-wrap gap-2">
263              <a href="/tools/plan-check/dallas/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
264              <a href="/tools/plan-check/dallas/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
265              <a href="/tools/plan-check/dallas/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
266              <a href="/tools/plan-check/dallas/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
267              <a href="/tools/plan-check/dallas/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
268            </div>
269          </div>
270
271          <div class="border border-black/10 p-4">
272            <div class="flex items-center justify-between mb-3">
273              <div>
274                <span class="text-[14px] font-bold text-black">El Paso</span>
275                <span class="text-[11px] text-black/35 ml-2">El Paso County</span>
276              </div>
277              <a href="/tools/codes/el-paso" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
278            </div>
279            <div class="flex flex-wrap gap-2">
280              <a href="/tools/plan-check/el-paso/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
281              <a href="/tools/plan-check/el-paso/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
282              <a href="/tools/plan-check/el-paso/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
283              <a href="/tools/plan-check/el-paso/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
284              <a href="/tools/plan-check/el-paso/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
285            </div>
286          </div>
287
288          <div class="border border-black/10 p-4">
289            <div class="flex items-center justify-between mb-3">
290              <div>
291                <span class="text-[14px] font-bold text-black">Fontana</span>
292                <span class="text-[11px] text-black/35 ml-2">San Bernardino County</span>
293              </div>
294              <a href="/tools/codes/fontana" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
295            </div>
296            <div class="flex flex-wrap gap-2">
297              <a href="/tools/plan-check/fontana/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
298              <a href="/tools/plan-check/fontana/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
299              <a href="/tools/plan-check/fontana/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
300              <a href="/tools/plan-check/fontana/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
301              <a href="/tools/plan-check/fontana/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
302            </div>
303          </div>
304
305          <div class="border border-black/10 p-4">
306            <div class="flex items-center justify-between mb-3">
307              <div>
308                <span class="text-[14px] font-bold text-black">Fort Lauderdale</span>
309                <span class="text-[11px] text-black/35 ml-2">Broward County</span>
310              </div>
311              <a href="/tools/codes/fort-lauderdale" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
312            </div>
313            <div class="flex flex-wrap gap-2">
314              <a href="/tools/plan-check/fort-lauderdale/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
315              <a href="/tools/plan-check/fort-lauderdale/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
316              <a href="/tools/plan-check/fort-lauderdale/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
317              <a href="/tools/plan-check/fort-lauderdale/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
318              <a href="/tools/plan-check/fort-lauderdale/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
319            </div>
320          </div>
321
322          <div class="border border-black/10 p-4">
323            <div class="flex items-center justify-between mb-3">
324              <div>
325                <span class="text-[14px] font-bold text-black">Fort Worth</span>
326                <span class="text-[11px] text-black/35 ml-2">Tarrant County</span>
327              </div>
328              <a href="/tools/codes/fort-worth" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
329            </div>
330            <div class="flex flex-wrap gap-2">
331              <a href="/tools/plan-check/fort-worth/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
332              <a href="/tools/plan-check/fort-worth/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
333              <a href="/tools/plan-check/fort-worth/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
334              <a href="/tools/plan-check/fort-worth/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
335              <a href="/tools/plan-check/fort-worth/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
336            </div>
337          </div>
338
339          <div class="border border-black/10 p-4">
340            <div class="flex items-center justify-between mb-3">
341              <div>
342                <span class="text-[14px] font-bold text-black">Fremont</span>
343                <span class="text-[11px] text-black/35 ml-2">Alameda County</span>
344              </div>
345              <a href="/tools/codes/fremont" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
346            </div>
347            <div class="flex flex-wrap gap-2">
348              <a href="/tools/plan-check/fremont/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
349              <a href="/tools/plan-check/fremont/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
350              <a href="/tools/plan-check/fremont/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
351              <a href="/tools/plan-check/fremont/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
352              <a href="/tools/plan-check/fremont/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
353            </div>
354          </div>
355
356          <div class="border border-black/10 p-4">
357            <div class="flex items-center justify-between mb-3">
358              <div>
359                <span class="text-[14px] font-bold text-black">Fresno</span>
360                <span class="text-[11px] text-black/35 ml-2">Fresno County</span>
361              </div>
362              <a href="/tools/codes/fresno" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
363            </div>
364            <div class="flex flex-wrap gap-2">
365              <a href="/tools/plan-check/fresno/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
366              <a href="/tools/plan-check/fresno/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
367              <a href="/tools/plan-check/fresno/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
368              <a href="/tools/plan-check/fresno/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
369              <a href="/tools/plan-check/fresno/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
370            </div>
371          </div>
372
373          <div class="border border-black/10 p-4">
374            <div class="flex items-center justify-between mb-3">
375              <div>
376                <span class="text-[14px] font-bold text-black">Hialeah</span>
377                <span class="text-[11px] text-black/35 ml-2">Miami-Dade County</span>
378              </div>
379              <a href="/tools/codes/hialeah" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
380            </div>
381            <div class="flex flex-wrap gap-2">
382              <a href="/tools/plan-check/hialeah/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
383              <a href="/tools/plan-check/hialeah/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
384              <a href="/tools/plan-check/hialeah/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
385              <a href="/tools/plan-check/hialeah/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
386              <a href="/tools/plan-check/hialeah/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
387            </div>
388          </div>
389
390          <div class="border border-black/10 p-4">
391            <div class="flex items-center justify-between mb-3">
392              <div>
393                <span class="text-[14px] font-bold text-black">Houston</span>
394                <span class="text-[11px] text-black/35 ml-2">Harris County</span>
395              </div>
396              <a href="/tools/codes/houston" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
397            </div>
398            <div class="flex flex-wrap gap-2">
399              <a href="/tools/plan-check/houston/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
400              <a href="/tools/plan-check/houston/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
401              <a href="/tools/plan-check/houston/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
402              <a href="/tools/plan-check/houston/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
403              <a href="/tools/plan-check/houston/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
404            </div>
405          </div>
406
407          <div class="border border-black/10 p-4">
408            <div class="flex items-center justify-between mb-3">
409              <div>
410                <span class="text-[14px] font-bold text-black">Irvine</span>
411                <span class="text-[11px] text-black/35 ml-2">Orange County</span>
412              </div>
413              <a href="/tools/codes/irvine" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
414            </div>
415            <div class="flex flex-wrap gap-2">
416              <a href="/tools/plan-check/irvine/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
417              <a href="/tools/plan-check/irvine/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
418              <a href="/tools/plan-check/irvine/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
419              <a href="/tools/plan-check/irvine/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
420              <a href="/tools/plan-check/irvine/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
421            </div>
422          </div>
423
424          <div class="border border-black/10 p-4">
425            <div class="flex items-center justify-between mb-3">
426              <div>
427                <span class="text-[14px] font-bold text-black">Jacksonville</span>
428                <span class="text-[11px] text-black/35 ml-2">Duval County</span>
429              </div>
430              <a href="/tools/codes/jacksonville" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
431            </div>
432            <div class="flex flex-wrap gap-2">
433              <a href="/tools/plan-check/jacksonville/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
434              <a href="/tools/plan-check/jacksonville/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
435              <a href="/tools/plan-check/jacksonville/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
436              <a href="/tools/plan-check/jacksonville/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
437              <a href="/tools/plan-check/jacksonville/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
438            </div>
439          </div>
440
441          <div class="border border-black/10 p-4">
442            <div class="flex items-center justify-between mb-3">
443              <div>
444                <span class="text-[14px] font-bold text-black">Long Beach</span>
445                <span class="text-[11px] text-black/35 ml-2">Los Angeles County</span>
446              </div>
447              <a href="/tools/codes/long-beach" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
448            </div>
449            <div class="flex flex-wrap gap-2">
450              <a href="/tools/plan-check/long-beach/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
451              <a href="/tools/plan-check/long-beach/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
452              <a href="/tools/plan-check/long-beach/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
453              <a href="/tools/plan-check/long-beach/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
454              <a href="/tools/plan-check/long-beach/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
455            </div>
456          </div>
457
458          <div class="border border-black/10 p-4">
459            <div class="flex items-center justify-between mb-3">
460              <div>
461                <span class="text-[14px] font-bold text-black">Los Angeles</span>
462                <span class="text-[11px] text-black/35 ml-2">Los Angeles County</span>
463              </div>
464              <a href="/tools/codes/los-angeles" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
465            </div>
466            <div class="flex flex-wrap gap-2">
467              <a href="/tools/plan-check/los-angeles/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
468              <a href="/tools/plan-check/los-angeles/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
469              <a href="/tools/plan-check/los-angeles/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
470              <a href="/tools/plan-check/los-angeles/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
471              <a href="/tools/plan-check/los-angeles/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
472            </div>
473          </div>
474
475          <div class="border border-black/10 p-4">
476            <div class="flex items-center justify-between mb-3">
477              <div>
478                <span class="text-[14px] font-bold text-black">Lubbock</span>
479                <span class="text-[11px] text-black/35 ml-2">Lubbock County</span>
480              </div>
481              <a href="/tools/codes/lubbock" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
482            </div>
483            <div class="flex flex-wrap gap-2">
484              <a href="/tools/plan-check/lubbock/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
485              <a href="/tools/plan-check/lubbock/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
486              <a href="/tools/plan-check/lubbock/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
487              <a href="/tools/plan-check/lubbock/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
488              <a href="/tools/plan-check/lubbock/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
489            </div>
490          </div>
491
492          <div class="border border-black/10 p-4">
493            <div class="flex items-center justify-between mb-3">
494              <div>
495                <span class="text-[14px] font-bold text-black">Miami</span>
496                <span class="text-[11px] text-black/35 ml-2">Miami-Dade County</span>
497              </div>
498              <a href="/tools/codes/miami" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
499            </div>
500            <div class="flex flex-wrap gap-2">
501              <a href="/tools/plan-check/miami/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
502              <a href="/tools/plan-check/miami/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
503              <a href="/tools/plan-check/miami/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
504              <a href="/tools/plan-check/miami/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
505              <a href="/tools/plan-check/miami/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
506            </div>
507          </div>
508
509          <div class="border border-black/10 p-4">
510            <div class="flex items-center justify-between mb-3">
511              <div>
512                <span class="text-[14px] font-bold text-black">Modesto</span>
513                <span class="text-[11px] text-black/35 ml-2">Stanislaus County</span>
514              </div>
515              <a href="/tools/codes/modesto" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
516            </div>
517            <div class="flex flex-wrap gap-2">
518              <a href="/tools/plan-check/modesto/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
519              <a href="/tools/plan-check/modesto/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
520              <a href="/tools/plan-check/modesto/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
521              <a href="/tools/plan-check/modesto/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
522              <a href="/tools/plan-check/modesto/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
523            </div>
524          </div>
525
526          <div class="border border-black/10 p-4">
527            <div class="flex items-center justify-between mb-3">
528              <div>
529                <span class="text-[14px] font-bold text-black">Moreno Valley</span>
530                <span class="text-[11px] text-black/35 ml-2">Riverside County</span>
531              </div>
532              <a href="/tools/codes/moreno-valley" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
533            </div>
534            <div class="flex flex-wrap gap-2">
535              <a href="/tools/plan-check/moreno-valley/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
536              <a href="/tools/plan-check/moreno-valley/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
537              <a href="/tools/plan-check/moreno-valley/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
538              <a href="/tools/plan-check/moreno-valley/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
539              <a href="/tools/plan-check/moreno-valley/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
540            </div>
541          </div>
542
543          <div class="border border-black/10 p-4">
544            <div class="flex items-center justify-between mb-3">
545              <div>
546                <span class="text-[14px] font-bold text-black">Oakland</span>
547                <span class="text-[11px] text-black/35 ml-2">Alameda County</span>
548              </div>
549              <a href="/tools/codes/oakland" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
550            </div>
551            <div class="flex flex-wrap gap-2">
552              <a href="/tools/plan-check/oakland/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
553              <a href="/tools/plan-check/oakland/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
554              <a href="/tools/plan-check/oakland/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
555              <a href="/tools/plan-check/oakland/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
556              <a href="/tools/plan-check/oakland/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
557            </div>
558          </div>
559
560          <div class="border border-black/10 p-4">
561            <div class="flex items-center justify-between mb-3">
562              <div>
563                <span class="text-[14px] font-bold text-black">Orlando</span>
564                <span class="text-[11px] text-black/35 ml-2">Orange County</span>
565              </div>
566              <a href="/tools/codes/orlando" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
567            </div>
568            <div class="flex flex-wrap gap-2">
569              <a href="/tools/plan-check/orlando/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
570              <a href="/tools/plan-check/orlando/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
571              <a href="/tools/plan-check/orlando/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
572              <a href="/tools/plan-check/orlando/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
573              <a href="/tools/plan-check/orlando/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
574            </div>
575          </div>
576
577          <div class="border border-black/10 p-4">
578            <div class="flex items-center justify-between mb-3">
579              <div>
580                <span class="text-[14px] font-bold text-black">Plano</span>
581                <span class="text-[11px] text-black/35 ml-2">Collin County</span>
582              </div>
583              <a href="/tools/codes/plano" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
584            </div>
585            <div class="flex flex-wrap gap-2">
586              <a href="/tools/plan-check/plano/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
587              <a href="/tools/plan-check/plano/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
588              <a href="/tools/plan-check/plano/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
589              <a href="/tools/plan-check/plano/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
590              <a href="/tools/plan-check/plano/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
591            </div>
592          </div>
593
594          <div class="border border-black/10 p-4">
595            <div class="flex items-center justify-between mb-3">
596              <div>
597                <span class="text-[14px] font-bold text-black">Port St. Lucie</span>
598                <span class="text-[11px] text-black/35 ml-2">St. Lucie County</span>
599              </div>
600              <a href="/tools/codes/port-st-lucie" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
601            </div>
602            <div class="flex flex-wrap gap-2">
603              <a href="/tools/plan-check/port-st-lucie/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
604              <a href="/tools/plan-check/port-st-lucie/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
605              <a href="/tools/plan-check/port-st-lucie/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
606              <a href="/tools/plan-check/port-st-lucie/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
607              <a href="/tools/plan-check/port-st-lucie/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
608            </div>
609          </div>
610
611          <div class="border border-black/10 p-4">
612            <div class="flex items-center justify-between mb-3">
613              <div>
614                <span class="text-[14px] font-bold text-black">Riverside</span>
615                <span class="text-[11px] text-black/35 ml-2">Riverside County</span>
616              </div>
617              <a href="/tools/codes/riverside" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
618            </div>
619            <div class="flex flex-wrap gap-2">
620              <a href="/tools/plan-check/riverside/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
621              <a href="/tools/plan-check/riverside/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
622              <a href="/tools/plan-check/riverside/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
623              <a href="/tools/plan-check/riverside/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
624              <a href="/tools/plan-check/riverside/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
625            </div>
626          </div>
627
628          <div class="border border-black/10 p-4">
629            <div class="flex items-center justify-between mb-3">
630              <div>
631                <span class="text-[14px] font-bold text-black">Sacramento</span>
632                <span class="text-[11px] text-black/35 ml-2">Sacramento County</span>
633              </div>
634              <a href="/tools/codes/sacramento" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
635            </div>
636            <div class="flex flex-wrap gap-2">
637              <a href="/tools/plan-check/sacramento/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
638              <a href="/tools/plan-check/sacramento/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
639              <a href="/tools/plan-check/sacramento/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
640              <a href="/tools/plan-check/sacramento/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
641              <a href="/tools/plan-check/sacramento/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
642            </div>
643          </div>
644
645          <div class="border border-black/10 p-4">
646            <div class="flex items-center justify-between mb-3">
647              <div>
648                <span class="text-[14px] font-bold text-black">San Antonio</span>
649                <span class="text-[11px] text-black/35 ml-2">Bexar County</span>
650              </div>
651              <a href="/tools/codes/san-antonio" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
652            </div>
653            <div class="flex flex-wrap gap-2">
654              <a href="/tools/plan-check/san-antonio/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
655              <a href="/tools/plan-check/san-antonio/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
656              <a href="/tools/plan-check/san-antonio/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
657              <a href="/tools/plan-check/san-antonio/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
658              <a href="/tools/plan-check/san-antonio/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
659            </div>
660          </div>
661
662          <div class="border border-black/10 p-4">
663            <div class="flex items-center justify-between mb-3">
664              <div>
665                <span class="text-[14px] font-bold text-black">San Bernardino</span>
666                <span class="text-[11px] text-black/35 ml-2">San Bernardino County</span>
667              </div>
668              <a href="/tools/codes/san-bernardino" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
669            </div>
670            <div class="flex flex-wrap gap-2">
671              <a href="/tools/plan-check/san-bernardino/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
672              <a href="/tools/plan-check/san-bernardino/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
673              <a href="/tools/plan-check/san-bernardino/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
674              <a href="/tools/plan-check/san-bernardino/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
675              <a href="/tools/plan-check/san-bernardino/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
676            </div>
677          </div>
678
679          <div class="border border-black/10 p-4">
680            <div class="flex items-center justify-between mb-3">
681              <div>
682                <span class="text-[14px] font-bold text-black">San Diego</span>
683                <span class="text-[11px] text-black/35 ml-2">San Diego County</span>
684              </div>
685              <a href="/tools/codes/san-diego" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
686            </div>
687            <div class="flex flex-wrap gap-2">
688              <a href="/tools/plan-check/san-diego/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
689              <a href="/tools/plan-check/san-diego/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
690              <a href="/tools/plan-check/san-diego/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
691              <a href="/tools/plan-check/san-diego/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
692              <a href="/tools/plan-check/san-diego/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
693            </div>
694          </div>
695
696          <div class="border border-black/10 p-4">
697            <div class="flex items-center justify-between mb-3">
698              <div>
699                <span class="text-[14px] font-bold text-black">San Francisco</span>
700                <span class="text-[11px] text-black/35 ml-2">San Francisco County</span>
701              </div>
702              <a href="/tools/codes/san-francisco" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
703            </div>
704            <div class="flex flex-wrap gap-2">
705              <a href="/tools/plan-check/san-francisco/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
706              <a href="/tools/plan-check/san-francisco/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
707              <a href="/tools/plan-check/san-francisco/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
708              <a href="/tools/plan-check/san-francisco/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
709              <a href="/tools/plan-check/san-francisco/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
710            </div>
711          </div>
712
713          <div class="border border-black/10 p-4">
714            <div class="flex items-center justify-between mb-3">
715              <div>
716                <span class="text-[14px] font-bold text-black">San Jose</span>
717                <span class="text-[11px] text-black/35 ml-2">Santa Clara County</span>
718              </div>
719              <a href="/tools/codes/san-jose" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
720            </div>
721            <div class="flex flex-wrap gap-2">
722              <a href="/tools/plan-check/san-jose/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
723              <a href="/tools/plan-check/san-jose/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
724              <a href="/tools/plan-check/san-jose/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
725              <a href="/tools/plan-check/san-jose/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
726              <a href="/tools/plan-check/san-jose/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
727            </div>
728          </div>
729
730          <div class="border border-black/10 p-4">
731            <div class="flex items-center justify-between mb-3">
732              <div>
733                <span class="text-[14px] font-bold text-black">Santa Ana</span>
734                <span class="text-[11px] text-black/35 ml-2">Orange County</span>
735              </div>
736              <a href="/tools/codes/santa-ana" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
737            </div>
738            <div class="flex flex-wrap gap-2">
739              <a href="/tools/plan-check/santa-ana/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
740              <a href="/tools/plan-check/santa-ana/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
741              <a href="/tools/plan-check/santa-ana/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
742              <a href="/tools/plan-check/santa-ana/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
743              <a href="/tools/plan-check/santa-ana/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
744            </div>
745          </div>
746
747          <div class="border border-black/10 p-4">
748            <div class="flex items-center justify-between mb-3">
749              <div>
750                <span class="text-[14px] font-bold text-black">St. Petersburg</span>
751                <span class="text-[11px] text-black/35 ml-2">Pinellas County</span>
752              </div>
753              <a href="/tools/codes/st-petersburg" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
754            </div>
755            <div class="flex flex-wrap gap-2">
756              <a href="/tools/plan-check/st-petersburg/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
757              <a href="/tools/plan-check/st-petersburg/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
758              <a href="/tools/plan-check/st-petersburg/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
759              <a href="/tools/plan-check/st-petersburg/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
760              <a href="/tools/plan-check/st-petersburg/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
761            </div>
762          </div>
763
764          <div class="border border-black/10 p-4">
765            <div class="flex items-center justify-between mb-3">
766              <div>
767                <span class="text-[14px] font-bold text-black">Stockton</span>
768                <span class="text-[11px] text-black/35 ml-2">San Joaquin County</span>
769              </div>
770              <a href="/tools/codes/stockton" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
771            </div>
772            <div class="flex flex-wrap gap-2">
773              <a href="/tools/plan-check/stockton/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
774              <a href="/tools/plan-check/stockton/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
775              <a href="/tools/plan-check/stockton/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
776              <a href="/tools/plan-check/stockton/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
777              <a href="/tools/plan-check/stockton/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
778            </div>
779          </div>
780
781          <div class="border border-black/10 p-4">
782            <div class="flex items-center justify-between mb-3">
783              <div>
784                <span class="text-[14px] font-bold text-black">Tallahassee</span>
785                <span class="text-[11px] text-black/35 ml-2">Leon County</span>
786              </div>
787              <a href="/tools/codes/tallahassee" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
788            </div>
789            <div class="flex flex-wrap gap-2">
790              <a href="/tools/plan-check/tallahassee/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
791              <a href="/tools/plan-check/tallahassee/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
792              <a href="/tools/plan-check/tallahassee/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
793              <a href="/tools/plan-check/tallahassee/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
794              <a href="/tools/plan-check/tallahassee/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
795            </div>
796          </div>
797
798          <div class="border border-black/10 p-4">
799            <div class="flex items-center justify-between mb-3">
800              <div>
801                <span class="text-[14px] font-bold text-black">Tampa</span>
802                <span class="text-[11px] text-black/35 ml-2">Hillsborough County</span>
803              </div>
804              <a href="/tools/codes/tampa" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">View codes →</a>
805            </div>
806            <div class="flex flex-wrap gap-2">
807              <a href="/tools/plan-check/tampa/new-build" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">New Build</a>
808              <a href="/tools/plan-check/tampa/adu" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">ADU</a>
809              <a href="/tools/plan-check/tampa/addition" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Addition</a>
810              <a href="/tools/plan-check/tampa/remodel" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Remodel</a>
811              <a href="/tools/plan-check/tampa/garage" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 bg-black/[0.03] hover:bg-black hover:text-white text-black/70 transition-colors">Garage</a>
812            </div>
813          </div>
814
815      </div>
816    </div>
817
818    <div class="pt-8 border-t border-black/10 mb-10">
819      <div class="flex items-center justify-between mb-4">
820        <h2 class="text-[11px] font-bold uppercase tracking-[0.2em] text-black/40">Setback Calculator</h2>
821        <a href="/tools/setback-calculator" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">All cities →</a>
822      </div>
823      <p class="text-[12px] text-black/45 mb-4 max-w-xl">Enter your lot dimensions and zone — see your buildable envelope, max footprint, and lot coverage.</p>
824      <div class="flex flex-wrap gap-2">
825
826          <a href="/tools/setback-calculator/anaheim" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Anaheim</a>
827
828          <a href="/tools/setback-calculator/arlington" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Arlington</a>
829
830          <a href="/tools/setback-calculator/austin" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Austin</a>
831
832          <a href="/tools/setback-calculator/bakersfield" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Bakersfield</a>
833
834          <a href="/tools/setback-calculator/cape-coral" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Cape Coral</a>
835
836          <a href="/tools/setback-calculator/chula-vista" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Chula Vista</a>
837
838          <a href="/tools/setback-calculator/corpus-christi" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Corpus Christi</a>
839
840          <a href="/tools/setback-calculator/dallas" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Dallas</a>
841
842          <a href="/tools/setback-calculator/el-paso" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">El Paso</a>
843
844          <a href="/tools/setback-calculator/fontana" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fontana</a>
845
846          <a href="/tools/setback-calculator/fort-lauderdale" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fort Lauderdale</a>
847
848          <a href="/tools/setback-calculator/fort-worth" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fort Worth</a>
849
850          <a href="/tools/setback-calculator/fremont" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fremont</a>
851
852          <a href="/tools/setback-calculator/fresno" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fresno</a>
853
854          <a href="/tools/setback-calculator/hialeah" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Hialeah</a>
855
856          <a href="/tools/setback-calculator/houston" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Houston</a>
857
858          <a href="/tools/setback-calculator/irvine" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Irvine</a>
859
860          <a href="/tools/setback-calculator/jacksonville" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Jacksonville</a>
861
862          <a href="/tools/setback-calculator/long-beach" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Long Beach</a>
863
864          <a href="/tools/setback-calculator/los-angeles" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Los Angeles</a>
865
866          <a href="/tools/setback-calculator/lubbock" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Lubbock</a>
867
868          <a href="/tools/setback-calculator/miami" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Miami</a>
869
870          <a href="/tools/setback-calculator/modesto" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Modesto</a>
871
872          <a href="/tools/setback-calculator/moreno-valley" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Moreno Valley</a>
873
874          <a href="/tools/setback-calculator/oakland" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Oakland</a>
875
876          <a href="/tools/setback-calculator/orlando" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Orlando</a>
877
878          <a href="/tools/setback-calculator/plano" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Plano</a>
879
880          <a href="/tools/setback-calculator/port-st-lucie" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Port St. Lucie</a>
881
882          <a href="/tools/setback-calculator/riverside" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Riverside</a>
883
884          <a href="/tools/setback-calculator/sacramento" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Sacramento</a>
885
886          <a href="/tools/setback-calculator/san-antonio" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Antonio</a>
887
888          <a href="/tools/setback-calculator/san-bernardino" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Bernardino</a>
889
890          <a href="/tools/setback-calculator/san-diego" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Diego</a>
891
892          <a href="/tools/setback-calculator/san-francisco" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Francisco</a>
893
894          <a href="/tools/setback-calculator/san-jose" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Jose</a>
895
896          <a href="/tools/setback-calculator/santa-ana" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Santa Ana</a>
897
898          <a href="/tools/setback-calculator/st-petersburg" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">St. Petersburg</a>
899
900          <a href="/tools/setback-calculator/stockton" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Stockton</a>
901
902          <a href="/tools/setback-calculator/tallahassee" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Tallahassee</a>
903
904          <a href="/tools/setback-calculator/tampa" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Tampa</a>
905
906      </div>
907    </div>
908
909    <div class="pt-8 border-t border-black/10 mb-10">
910      <div class="flex items-center justify-between mb-4">
911        <h2 class="text-[11px] font-bold uppercase tracking-[0.2em] text-black/40">ADU Eligibility Checker</h2>
912        <a href="/tools/adu-eligibility" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">All cities →</a>
913      </div>
914      <p class="text-[12px] text-black/45 mb-4 max-w-xl">Check if your property qualifies for an ADU — detached, JADU, garage conversion, or multiple units under SB 1211.</p>
915      <div class="flex flex-wrap gap-2">
916
917          <a href="/tools/adu-eligibility/anaheim" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Anaheim</a>
918
919          <a href="/tools/adu-eligibility/arlington" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Arlington</a>
920
921          <a href="/tools/adu-eligibility/austin" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Austin</a>
922
923          <a href="/tools/adu-eligibility/bakersfield" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Bakersfield</a>
924
925          <a href
925="/tools/adu-eligibility/cape-coral" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Cape Coral</a>
926
927          <a href="/tools/adu-eligibility/chula-vista" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Chula Vista</a>
928
929          <a href="/tools/adu-eligibility/corpus-christi" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Corpus Christi</a>
930
931          <a href="/tools/adu-eligibility/dallas" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Dallas</a>
932
933          <a href="/tools/adu-eligibility/el-paso" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">El Paso</a>
934
935          <a href="/tools/adu-eligibility/fontana" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fontana</a>
936
937          <a href="/tools/adu-eligibility/fort-lauderdale" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fort Lauderdale</a>
938
939          <a href="/tools/adu-eligibility/fort-worth" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fort Worth</a>
940
941          <a href="/tools/adu-eligibility/fremont" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fremont</a>
942
943          <a href="/tools/adu-eligibility/fresno" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fresno</a>
944
945          <a href="/tools/adu-eligibility/hialeah" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Hialeah</a>
946
947          <a href="/tools/adu-eligibility/houston" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Houston</a>
948
949          <a href="/tools/adu-eligibility/irvine" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Irvine</a>
950
951          <a href="/tools/adu-eligibility/jacksonville" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Jacksonville</a>
952
953          <a href="/tools/adu-eligibility/long-beach" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Long Beach</a>
954
955          <a href="/tools/adu-eligibility/los-angeles" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Los Angeles</a>
956
957          <a href="/tools/adu-eligibility/lubbock" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Lubbock</a>
958
959          <a href="/tools/adu-eligibility/miami" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Miami</a>
960
961          <a href="/tools/adu-eligibility/modesto" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Modesto</a>
962
963          <a href="/tools/adu-eligibility/moreno-valley" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Moreno Valley</a>
964
965          <a href="/tools/adu-eligibility/oakland" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Oakland</a>
966
967          <a href="/tools/adu-eligibility/orlando" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Orlando</a>
968
969          <a href="/tools/adu-eligibility/plano" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Plano</a>
970
971          <a href="/tools/adu-eligibility/port-st-lucie" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Port St. Lucie</a>
972
973          <a href="/tools/adu-eligibility/riverside" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Riverside</a>
974
975          <a href="/tools/adu-eligibility/sacramento" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Sacramento</a>
976
977          <a href="/tools/adu-eligibility/san-antonio" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Antonio</a>
978
979          <a href="/tools/adu-eligibility/san-bernardino" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Bernardino</a>
980
981          <a href="/tools/adu-eligibility/san-diego" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Diego</a>
982
983          <a href="/tools/adu-eligibility/san-francisco" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Francisco</a>
984
985          <a href="/tools/adu-eligibility/san-jose" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Jose</a>
986
987          <a href="/tools/adu-eligibility/santa-ana" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Santa Ana</a>
988
989          <a href="/tools/adu-eligibility/st-petersburg" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">St. Petersburg</a>
990
991          <a href="/tools/adu-eligibility/stockton" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Stockton</a>
992
993          <a href="/tools/adu-eligibility/tallahassee" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Tallahassee</a>
994
995          <a href="/tools/adu-eligibility/tampa" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Tampa</a>
996
997      </div>
998    </div>
999
1000    <div class="pt-8 border-t border-black/10 mb-10">
1001      <div class="flex items-center justify-between mb-4">
1002        <h2 class="text-[11px] font-bold uppercase tracking-[0.2em] text-black/40">Parking Calculator</h2>
1003        <a href="/tools/parking-calculator" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">All cities →</a>
1004      </div>
1005      <p class="text-[12px] text-black/45 mb-4 max-w-xl">
1005Calculate required parking spaces — main units, ADU, and guest parking with transit exemptions.</p>
1006      <div class="flex flex-wrap gap-2">
1007
1008          <a href="/tools/parking-calculator/anaheim" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Anaheim</a>
1009
1010          <a href="/tools/parking-calculator/arlington" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Arlington</a>
1011
1012          <a href="/tools/parking-calculator/austin" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Austin</a>
1013
1014          <a href="/tools/parking-calculator/bakersfield" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Bakersfield</a>
1015
1016          <a href="/tools/parking-calculator/cape-coral" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Cape Coral</a>
1017
1018          <a href="/tools/parking-calculator/chula-vista" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Chula Vista</a>
1019
1020          <a href="/tools/parking-calculator/corpus-christi" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Corpus Christi</a>
1021
1022          <a href="/tools/parking-calculator/dallas" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Dallas</a>
1023
1024          <a href="/tools/parking-calculator/el-paso" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">El Paso</a>
1025
1026          <a href="/tools/parking-calculator/fontana" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fontana</a>
1027
1028          <a href="/tools/parking-calculator/fort-lauderdale" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fort Lauderdale</a>
1029
1030          <a href="/tools/parking-calculator/fort-worth" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fort Worth</a>
1031
1032          <a href="/tools/parking-calculator/fremont" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fremont</a>
1033
1034          <a href="/tools/parking-calculator/fresno" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fresno</a>
1035
1036          <a href="/tools/parking-calculator/hialeah" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Hialeah</a>
1037
1038          <a href="/tools/parking-calculator/houston" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Houston</a>
1039
1040          <a href="/tools/parking-calculator/irvine" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Irvine</a>
1041
1042          <a href="/tools/parking-calculator/jacksonville" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Jacksonville</a>
1043
1044          <a href="/tools/parking-calculator/long-beach" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Long Beach</a>
1045
1046          <a href="/tools/parking-calculator/los-angeles" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Los Angeles</a>
1047
1048          <a href="/tools/parking-calculator/lubbock" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Lubbock</a>
1049
1050          <a href="/tools/parking-calculator/miami" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Miami</a>
1051
1052          <a href="/tools/parking-calculator/modesto" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Modesto</a>
1053
1054          <a href="/tools/parking-calculator/moreno-valley" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Moreno Valley</a>
1055
1056          <a href="/tools/parking-calculator/oakland" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Oakland</a>
1057
1058          <a href="/tools/parking-calculator/orlando" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Orlando</a>
1059
1060          <a href="/tools/parking-calculator/plano" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Plano</a>
1061
1062          <a href="/tools/parking-calculator/port-st-lucie" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Port St. Lucie</a>
1063
1064          <a href="/tools/parking-calculator/riverside" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Riverside</a>
1065
1066          <a href="/tools/parking-calculator/sacramento" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Sacramento</a>
1067
1068          <a href="/tools/parking-calculator/san-antonio" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Antonio</a>
1069
1070          <a href="/tools/parking-calculator/san-bernardino" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Bernardino</a>
1071
1072          <a href="/tools/parking-calculator/san-diego" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Diego</a>
1073
1074          <a href="/tools/parking-calculator/san-francisco" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Francisco</a>
1075
1076          <a href="/tools/parking-calculator/san-jose" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Jose</a>
1077
1078          <a href="/tools/parking-calculator/santa-ana" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Santa Ana</a>
1079
1080          <a href="/tools/parking-calculator/st-petersburg" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">St. Petersburg</a>
1081
1082          <a href="/tools/parking-calculator/stockton" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Stockton</a>
1083
1084          <a href="/tools/parking-calculator/tallahassee" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Tallahassee</a>
1085
1086          <a href="/tools/parking-calculator/tampa" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Tampa</a>
1087
1088      </div>
1089    </div>
1090
1091    <div class="pt-8 border-t border-black/10 mb-10">
1092      <div class="flex items-center justify-between mb-4">
1093        <h2 class="text-[11px] font-bold uppercase tracking-[0.2em] text-black/40">FAR Calculator</h2>
1094        <a href="/tools/far-calculator" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">All cities →</a>
1095      </div>
1096      <p class="text-[12px] text-black/45 mb-4 max-w-xl">Check your floor area ratio against city limits — see remaining buildable sqft before you design.</p>
1097      <div class="flex flex-wrap gap-2">
1098
1099          <a href="/tools/far-calculator/anaheim" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Anaheim</a>
1100
1101          <a href="/tools/far-calculator/arlington" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Arlington</a>
1102
1103          <a href="/tools/far-calculator/austin" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Austin</a>
1104
1105          <a href="/tools/far-calculator/bakersfield" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Bakersfield</a>
1106
1107          <a href="/tools/far-calculator/cape-coral" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Cape Coral</a>
1108
1109          <a href="/tools/far-calculator/chula-vista" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Chula Vista</a>
1110
1111          <a href="/tools/far-calculator/corpus-christi" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Corpus Christi</a>
1112
1113          <a href="/tools/far-calculator/dallas" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Dallas</a>
1114
1115          <a href="/tools/far-calculator/el-paso" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">El Paso</a>
1116
1117          <a href="/tools/far-calculator/fontana" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fontana</a>
1118
1119          <a href="/tools/far-calculator/fort-lauderdale" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fort Lauderdale</a>
1120
1121          <a href="/tools/far-calculator/fort-worth" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fort Worth</a>
1122
1123          <a href="/tools/far-calculator/fremont" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fremont</a>
1124
1125          <a href="/tools/far-calculator/fresno" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fresno</a>
1126
1127          <a href="/tools/far-calculator/hialeah" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Hialeah</a>
1128
1129          <a href="/tools/far-calculator/houston" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Houston</a>
1130
1131          <a href="/tools/far-calculator/irvine" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Irvine</a>
1132
1133          <a href="/tools/far-calculator/jacksonville" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Jacksonville</a>
1134
1135          <a href="/tools/far-calculator/long-beach" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Long Beach</a>
1136
1137          <a href="/tools/far-calculator/los-angeles" data-phx-link="redirect" data-phx-link-s
1137tate="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Los Angeles</a>
1138
1139          <a href="/tools/far-calculator/lubbock" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Lubbock</a>
1140
1141          <a href="/tools/far-calculator/miami" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Miami</a>
1142
1143          <a href="/tools/far-calculator/modesto" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Modesto</a>
1144
1145          <a href="/tools/far-calculator/moreno-valley" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Moreno Valley</a>
1146
1147          <a href="/tools/far-calculator/oakland" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Oakland</a>
1148
1149          <a href="/tools/far-calculator/orlando" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Orlando</a>
1150
1151          <a href="/tools/far-calculator/plano" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Plano</a>
1152
1153          <a href="/tools/far-calculator/port-st-lucie" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Port St. Lucie</a>
1154
1155          <a href="/tools/far-calculator/riverside" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Riverside</a>
1156
1157          <a href="/tools/far-calculator/sacramento" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Sacramento</a>
1158
1159          <a href="/tools/far-calculator/san-antonio" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Antonio</a>
1160
1161          <a href="/tools/far-calculator/san-bernardino" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Bernardino</a>
1162
1163          <a href="/tools/far-calculator/san-diego" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Diego</a>
1164
1165          <a href="/tools/far-calculator/san-francisco" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Francisco</a>
1166
1167          <a href="/tools/far-calculator/san-jose" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Jose</a>
1168
1169          <a href="/tools/far-calculator/santa-ana" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Santa Ana</a>
1170
1171          <a href="/tools/far-calculator/st-petersburg" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">St. Petersburg</a>
1172
1173          <a href="/tools/far-calculator/stockton" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Stockton</a>
1174
1175          <a href="/tools/far-calculator/tallahassee" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Tallahassee</a>
1176
1177          <a href="/tools/far-calculator/tampa" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Tampa</a>
1178
1179      </div>
1180    </div>
1181
1182    <div class="pt-8 border-t border-black/10">
1183      <div class="flex items-center justify-between mb-4">
1184        <h2 class="text-[11px] font-bold uppercase tracking-[0.2em] text-black/40">Building Codes</h2>
1185        <a href="/tools/codes" data-phx-link="redirect" data-phx-link-state="push" class="text-[10px] text-black/35 hover:text-black uppercase tracking-wider">All cities →</a>
1186      </div>
1187      <p class="text-[12px] text-black/45 mb-4 max-w-xl">Setback tables, height limits, lot coverage, parking ratios, and common plan check flags by city.</p>
1188      <div class="flex flex-wrap gap-2">
1189
1190          <a href="/tools/codes/anaheim" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Anaheim</a>
1191
1192          <a href="/tools/codes/arlington" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Arlington</a>
1193
1194          <a href="/tools/codes/austin" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Austin</a>
1195
1196          <a href="/tools/codes/bakersfield" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Bakersfield</a>
1197
1198          <a href="/tools/codes/cape-coral" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Cape Coral</a>
1199
1200          <a href="/tools/codes/chula-vista" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Chula Vista</a>
1201
1202          <a href="/tools/codes/corpus-christi" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Corpus Christi</a>
1203
1204          <a href="/tools/codes/dallas" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Dallas</a>
1205
1206          <a href="/tools/codes/el-paso" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">El Paso</a>
1207
1208          <a href="/tools/codes/fontana" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fontana</a>
1209
1210          <a href="/tools/codes/fort-lauderdale" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fort Lauderdale</a>
1211
1212          <a href="/tools/codes/fort-worth" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fort Worth</a>
1213
1214          <a href="/tools/codes/fremont" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fremont</a>
1215
1216          <a href="/tools/codes/fresno" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Fresno</a>
1217
1218          <a href="/tools/codes/hialeah" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Hialeah</a>
1219
1220          <a href="/tools/codes/houston" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Houston</a>
1221
1222          <a href="/tools/codes/irvine" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Irvine</a>
1223
1224          <a href="/tools/codes/jacksonville" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Jacksonville</a>
1225
1226          <a href="/tools/codes/long-beach" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Long Beach</a>
1227
1228          <a href="/tools/codes/los-angeles" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Los Angeles</a>
1229
1230          <a href="/tools/codes/lubbock" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Lubbock</a>
1231
1232          <a href="/tools/codes/miami" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Miami</a>
1233
1234          <a href="/tools/codes/modesto" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Modesto</a>
1235
1236          <a href="/tools/codes/moreno-valley" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Moreno Valley</a>
1237
1238          <a href="/tools/codes/oakland" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Oakland</a>
1239
1240          <a href="/tools/codes/orlando" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Orlando</a>
1241
1242          <a href="/tools/codes/plano" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Plano</a>
1243
1244          <a href="/tools/codes/port-st-lucie" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Port St. Lucie</a>
1245
1246          <a href="/tools/codes/riverside" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Riverside</a>
1247
1248          <a href="/tools/codes/sacramento" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Sacramento</a>
1249
1250          <a href="/tools/codes/san-antonio" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Antonio</a>
1251
1252          <a href="/tools/codes/san-bernardino" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Bernardino</a>
1253
1254          <a href="/tools/codes/san-diego" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Diego</a>
1255
1256          <a href="/tools/codes/san-francisco" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Francisco</a>
1257
1258          <a href="/tools/codes/san-jose" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">San Jose</a>
1259
1260          <a href="/tools/codes/santa-ana" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Santa Ana</a>
1261
1262          <a href="/tools/codes/st-petersburg" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">St. Petersburg</a>
1263
1264          <a href="/tools/codes/stockton" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Stockton</a>
1265
1266          <a href="/tools/codes/tallahassee" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Tallahassee</a>
1267
1268          <a href="/tools/codes/tampa" data-phx-link="redirect" data-phx-link-state="push" class="text-[11px] px-3 py-1.5 border border-black/10 hover:border-black/30 hover:bg-black hover:text-white text-black/60 transition-colors">Tampa</a>
1269
1270      </div>
1271    </div>
1272
1273    <div class="border-t border-black/10 pt-8 mt-8">
1274      <div class="flex items-center justify-between mb-2">
1275        <h2 class="text-[11px] font-bold uppercase tracking-[0.2em] text-black/40">ADU Guides</h2>
1276        <a href="/guides" data-phx-link="redirect" data-phx-link-state="push" class="text-[10
1276px] text-black/35 hover:text-black uppercase tracking-wider">All guides →</a>
1277      </div>
1278      <p class="text-[12px] text-black/45 mb-4 max-w-xl">Comprehensive city-specific guides covering ADU eligibility, setback requirements, costs, permits, and state law analysis.</p>
1279      <a href="/guides" data-phx-link="redirect" data-phx-link-state="push" class="inline-block text-[12px] px-4 py-2 bg-black text-white hover:bg-black/80 transition-colors">
1280        Browse City ADU Guides →
1281      </a>
1282    </div>
1283  </div>
1284</div>
1285  </body>
1286</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.