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>
-        <div className="grid gap-8 lg:grid-cols-2 lg:gap-16 lg:items-start">
-          {/* Contact Info */}
-          <div className="space-y-8">
-            <div>
+        {/* 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">
+          <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 className="space-y-4">
               {contactMethods.map(({ icon: Icon, title, value }) => (
                 <div