Terracotta Real Estate Form
A warm, elegant property inquiry form designed for luxury real estate agencies and property platforms.
Features
- Two-column layout — Company info and trust indicators on the left, inquiry form on the right
- Brand section — Logo, company name, tagline, and description
- Trust indicators — Three feature cards: Trusted Agents, Quick Response, 5-Star Service
- Stats card — Properties sold (2,400+), years experience (18+), client satisfaction (98%)
- Contact info — Address, phone, and email with icons
- Inquiry form — 8 fields: first name, last name, email, phone, property type, budget range, location, message
- Property type dropdown — 7 options from Single Family to Vacant Land
- Budget range dropdown — 6 ranges from $250K to $5M+
- Color palette — Warm stone bg (#e8ddd3), terracotta accents (#c67a4a), dark earth text (#2d1b0e)
- Dark mode — zinc-950 base with amber-600 accent highlights
Dependencies
@/components/vue-ui/card — Card, CardContent, CardHeader, CardTitle, CardDescription
@/components/vue-ui/button — Button
@/components/vue-ui/input — Input
@/components/vue-ui/label — Label
@/components/vue-ui/select — Select, SelectContent, SelectItem, SelectTrigger, SelectValue
@/components/vue-ui/textarea — Textarea
@/components/vue-ui/separator — Separator
Customization
- Property types: Update
propertyTypes array with your listing categories