52 lines
2.8 KiB
HTML
52 lines
2.8 KiB
HTML
{% extends 'base.html' %}{% block title %}Get a Quick Estimate — {{ brand }}{% endblock %}
|
||
{% block content %}
|
||
<form class="max-w-3xl mx-auto space-y-6" action="/quotes/submit" method="post">
|
||
<div class="card glass p-6 grid sm:grid-cols-2 gap-4">
|
||
<div><label>Name*<input name="name" class="w-full mt-1" required></label></div>
|
||
<div><label>Email*<input name="email" type="email" class="w-full mt-1" required></label></div>
|
||
<div><label>Phone<input name="phone" class="w-full mt-1"></label></div>
|
||
<div><label>Company<input name="company" class="w-full mt-1"></label></div>
|
||
</div>
|
||
<div class="card glass p-6">
|
||
<h2 class="font-semibold mb-3">What do you need?</h2>
|
||
<div class="grid sm:grid-cols-2 gap-3">
|
||
{% for v,l in [('simple-site','Basic site'),('pro-site','Site with extras'),('online-form','Online form'),('sell-online','Sell online'),('fix-or-improve','Fix/Improve'),('it-help','IT help'),('custom-app','Custom tool'),('not-sure','Not sure')] %}
|
||
<label class="flex items-center gap-2"><input type="radio" name="need" value="{{v}}" required> {{l}}</label>
|
||
{% endfor %}
|
||
</div>
|
||
</div>
|
||
<div class="card glass p-6 grid sm:grid-cols-3 gap-3">
|
||
<label class="flex items-center gap-2"><input type="radio" name="scope_size" value="small" required> Small</label>
|
||
<label class="flex items-center gap-2"><input type="radio" name="scope_size" value="medium" required> Medium</label>
|
||
<label class="flex items-center gap-2"><input type="radio" name="scope_size" value="large" required> Large</label>
|
||
</div>
|
||
<div class="card glass p-6 grid sm:grid-cols-4 gap-3">
|
||
{% for v,l in [('flexible','Flexible'),('soon','Soon'),('rush','Rush'),('critical','Urgent')] %}
|
||
<label class="flex items-center gap-2"><input type="radio" name="timeline" value="{{v}}" required> {{l}}</label>
|
||
{% endfor %}
|
||
</div>
|
||
<div class="card glass p-6">
|
||
<h2 class="font-semibold mb-3">Extras</h2>
|
||
{% for v,l in [('content','Content help'),('branding','Branding'),('training','Training'),('care','Care plan')] %}
|
||
<label class="mr-4"><input type="checkbox" name="extras" value="{{v}}"> {{l}}</label>
|
||
{% endfor %}
|
||
</div>
|
||
<div class="card glass p-6">
|
||
<label>Budget comfort
|
||
<select class="w-full mt-1" name="budget_feel">
|
||
<option value="unsure">I’m not sure yet</option>
|
||
<option value="under-2k">Under $2k</option>
|
||
<option value="2k-5k">$2k–$5k</option>
|
||
<option value="5k-10k">$5k–$10k</option>
|
||
<option value="10k-plus">$10k+</option>
|
||
</select>
|
||
</label>
|
||
</div>
|
||
<div class="card glass p-6">
|
||
<label>Notes<textarea name="description" rows="4" class="w-full mt-1"></textarea></label>
|
||
</div>
|
||
<div class="text-right"><button class="btn bg-accent font-semibold">Get my estimate</button></div>
|
||
</form>
|
||
{% endblock %}
|
||
|