Solar Farm Planner
Click the grid to place panels. See your real estimated output and ROI.
<button
@click="selectedType = 'standard'"
:class="selectedType === 'standard' ? 'opacity-100' : 'opacity-50 hover:opacity-75'"
class="flex items-center gap-2 px-4 py-2 rounded-xl border border-accent text-accent bg-transparent transition-all text-sm font-medium"
>
<span>Standard</span>
<span class="mono text-xs">300W</span>
<span class="text-text-muted text-xs">$200</span>
</button>
<button
@click="selectedType = 'premium'"
:class="selectedType === 'premium' ? 'opacity-100' : 'opacity-50 hover:opacity-75'"
class="flex items-center gap-2 px-4 py-2 rounded-xl border border-violet text-violet bg-transparent transition-all text-sm font-medium"
>
<span>Premium</span>
<span class="mono text-xs">400W</span>
<span class="text-text-muted text-xs">$350</span>
</button>
<button
@click="selectedType = 'commercial'"
:class="selectedType === 'commercial' ? 'opacity-100' : 'opacity-50 hover:opacity-75'"
class="flex items-center gap-2 px-4 py-2 rounded-xl border border-warning text-warning bg-transparent transition-all text-sm font-medium"
>
<span>Commercial</span>
<span class="mono text-xs">500W</span>
<span class="text-text-muted text-xs">$450</span>
</button>
☀️
Sun
▣
Standard 300W Premium 400W Commercial 500W
System Stats
Total Capacity
0.00 kW
Panels
0
System Cost
$0
Financials
Monthly Output 0 kWh
Monthly Savings $0
Annual Savings $0
Payback Period N/A
Assumptions
Sun hours/day
Utility rate ($/kWh)
Federal tax credit 30%