Move contact section heading to full width above the two-column grid

The form card now starts aligned with the contact method boxes instead
of the heading, reducing wasted vertical space on desktop.

src/components/sections/Contact.tsx

@@ -132,18 +132,19 @@ export function Contact({ onSubmit }: ContactProps) {
       className="bg-slate-50 py-20 md:py-28"
     >
       <Container>
+        {/* Section Header — full width */}
+        <div className="mb-8 lg:mb-12">
+          <h2 className="text-3xl md:text-4xl font-bold text-slate-900 mb-4">
+            Let's Build Something Great
+          </h2>
+          <p className="text-lg text-secondary max-w-2xl">
+            Ready to bring your idea to life? Get in touch and let's discuss your project.
+          </p>
+        </div>
+
         <div className="grid gap-8 lg:grid-cols-2 lg:gap-16 lg:items-start">
           {/* Contact Info */}
           <div className="space-y-8">
-            <div>
-              <h2 className="text-3xl md:text-4xl font-bold text-slate-900 mb-4">
-                Let's Build Something Great
-              </h2>
-              <p className="text-lg text-secondary">
-                Ready to bring your idea to life? Get in touch and let's discuss your project.
-              </p>
-            </div>
-
             <div className="space-y-4">
               {contactMethods.map(({ icon: Icon, title, value }) => (
                 <div