react
lucide-react
}) {
return (
<div className=
>
<div className={cn(
, className)}>
<span className=
>{children}</span>
<span className=
}) {
return (
<span className={cn(
, className)}>
<span className=
>{children}</span>
<span className=
, email:
, phone:
, service:
, message:
, {
method:
,
headers: {
application/json
Precision Cut
from $85
Architectural shapes, bold lines, surgical precision
Color Transformation
>{children}</span>
</div>
</div>
);
}
function GlitchText({ children, className =
});
const [formSubmitted, setFormSubmitted] = useState(false);
const [formError, setFormError] = useState(false);
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
setFormError(false);
try {
const response = await fetch(
Dimensional balayage, fashion-forward hues, vivid statements
fixed top-0 left-0 right-0 z-50 bg-black/80 backdrop-blur-md border-b border-purple-500/20
md:hidden bg-black border-t border-purple-500/20 animate-fade-in
absolute top-20 left-10 w-96 h-96 bg-purple-500 rounded-full blur-[150px]
absolute bottom-20 right-10 w-96 h-96 bg-amber-400 rounded-full blur-[150px]
absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-white rounded-full blur-[150px]
text-7xl md:text-[12rem] lg:text-[16rem] font-bold leading-[0.85] tracking-tight mb-8
inline-block px-8 py-4 bg-purple-500 text-white font-bold text-xl hover:bg-amber-400 hover:text-black transition-all duration-300 text-center border-2 border-purple-500 hover:border-amber-400
inline-block px-8 py-4 border-2 border-amber-400 text-amber-400 font-bold text-xl hover:bg-amber-400 hover:text-black transition-all duration-300 text-center
text-4xl md:text-6xl font-bold border-y-2 border-purple-500/30
Built with Jerian