export default function ContactHero() {
    return (
        <section className="relative bg-gradient-to-br from-dark-bg via-dark-surface to-dark-bg py-16 px-4 md:py-24 text-center overflow-hidden">
            <div className="glow-orb w-[400px] h-[400px] top-0 left-1/4 translate-x-1/2 -translate-y-1/2"></div>
            <div className="relative z-10 max-w-4xl mx-auto flex flex-col gap-4">
                <span className="text-secondary font-bold tracking-wider text-sm uppercase">
                    Contact Us
                </span>
                <h1 className="text-4xl md:text-5xl lg:text-6xl font-black text-light-surface tracking-tight leading-tight">
                    Let’s Build Something{" "}
                    <span className="text-transparent bg-clip-text bg-gradient-to-r from-primary to-primary-light">
                        Great Together
                    </span>
                </h1>
                <p className="text-text-light-muted text-lg md:text-xl max-w-2xl mx-auto mt-2">
                    Have a project in mind? Reach out to our team of experts to discuss
                    your vision and how we can help.
                </p>
            </div>
        </section>
    );
}
