fix(ui): dropdown hover gap fix (#132) and remove contact form button (#133)

This commit is contained in:
null 2026-05-18 09:35:29 -05:00
parent aec33165b9
commit d8a975431f
2 changed files with 4 additions and 8 deletions

View File

@ -74,7 +74,7 @@ const Header = () => {
</Link>
{/* Services Dropdown */}
{link.name === 'Services' && (
<div className="absolute top-full left-0 mt-2 w-64 bg-white rounded-lg shadow-xl border border-gray-200 hidden group-hover:block">
<div className="absolute top-full left-0 w-64 bg-white rounded-lg shadow-xl border border-gray-200 hidden group-hover:block pt-2">
<div className="p-2">
{serviceLinks.map((service) => (
<Link
@ -90,7 +90,7 @@ const Header = () => {
)}
{/* Industries Dropdown */}
{link.name === 'Industries' && (
<div className="absolute top-full left-0 mt-2 w-64 bg-white rounded-lg shadow-xl border border-gray-200 hidden group-hover:block">
<div className="absolute top-full left-0 w-64 bg-white rounded-lg shadow-xl border border-gray-200 hidden group-hover:block pt-2">
<div className="p-2">
{industryLinks.map((industry) => (
<Link

View File

@ -149,17 +149,13 @@ const Contact = () => {
<a href="mailto:info@queuenorth.com" className="text-sm font-medium hover:underline" aria-label="Send email to info@queuenorth.com">info@queuenorth.com</a>
</div>
</div>
<div className="mb-8">
<a href="#contact-form" className="inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-6 bg-primary-cyan text-primary-navy hover:bg-cyan-600 transition-colors">
Fill Out the Form
</a>
</div>
</div>
</div>
</section>
{/* Contact Form */}
<section id="contact-form" className="bg-background py-16">
<section className="bg-background py-16">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12">
{/* Left - Info */}