react
lucide-react
,
email:
,
phone:
,
message:
, formData);
alert(
);
setFormData({ name:
, email:
, phone:
, message:
min-h-screen bg-[#faf6ef] text-slate-900
max-w-7xl mx-auto px-4 sm:px-6 lg:px-8
w-7 h-7 text-[#c4654a]
logo
hidden md:flex items-center gap-6
text-sm font-medium hover:text-[#c4654a] transition-colors
hero
relative pt-16 overflow-hidden
absolute inset-0
hero-image
});
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
console.log(
fixed top-0 left-0 right-0 z-50 bg-[#faf6ef]/95 backdrop-blur-sm border-b border-[#c4654a]/10
bg-[#c4654a] hover:bg-[#a8563e] text-white transition-all duration-200
absolute inset-0 bg-linear-to-t from-slate-900/90 via-slate-900/70 to-slate-900/50
relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-28
inline-flex items-center gap-2 bg-[#c4654a]/10 backdrop-blur-sm border border-[#c4654a]/20 rounded-full px-4 py-2 mb-6
text-5xl md:text-7xl font-black tracking-tighter text-white mb-6 leading-[0.95]
>
Free Case Review
<ChevronRight className=
>Recovered for Clients</div>
</div>
<div>
<div className=
>Years Experience</div>
</div>
<div>
<div className=
>Cases Won</div>
</div>
</div>
</div>
</div>
</section>
{/* ============ SERVICES ============ */}
<section data-section=
>Practice Areas</span>
</div>
<h2 className=
>Help You Win</span>
</h2>
<p className=
>
Specialized legal representation across personal injury cases—from car accidents to workplace injuries.
</p>
</div>
<div className=
>
{/* Vertical Timeline Line */}
<div className=
>
{/* Car Accidents */}
<div className=
>
<CardHeader>
<CardTitle className=
Built with Jerian