Use the official social profiles and widen closing CTA titles

Footer socials now match aigrowthtechnologies.com (Instagram, Facebook,
LinkedIn); X and YouTube are gone since the company has none.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/app/globals.css

@@ -1624,8 +1624,9 @@ a {
 }
 
 .cta .display {
-  max-width: 17ch;
+  max-width: 30ch;
   margin: 28px auto 0;
+  text-wrap: balance;
 }
 
 .cta .copy {

src/components/site-footer.tsx

@@ -2,6 +2,40 @@ import Link from "next/link";
 import { LogoStacked } from "./logo";
 import { industryNav, serviceNav } from "@/lib/routes";
 
+// The profiles linked from the current aigrowthtechnologies.com footer.
+const socials = [
+  {
+    label: "Instagram",
+    href: "https://www.instagram.com/aigrowthmediaservice/",
+    icon: (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
+        <rect x="3" y="3" width="18" height="18" rx="5" />
+        <circle cx="12" cy="12" r="4" />
+        <path d="M17.5 6.5v.01" />
+      </svg>
+    ),
+  },
+  {
+    label: "Facebook",
+    href: "https://www.facebook.com/growth360partners",
+    icon: (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
+        <path d="M14 8h3V4h-3a4 4 0 0 0-4 4v3H7v4h3v6h4v-6h3l1-4h-4V8z" />
+      </svg>
+    ),
+  },
+  {
+    label: "LinkedIn",
+    href: "https://www.linkedin.com/company/growth360partners",
+    icon: (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
+        <rect x="3" y="3" width="18" height="18" />
+        <path d="M8 10v7M8 7v.01M12 17v-4a2 2 0 0 1 4 0v4M12 10v7" />
+      </svg>
+    ),
+  },
+];
+
 const columns = [
   { title: "Services", links: serviceNav.map((s) => ({ label: s.name, href: `/services/${s.slug}` })) },
   { title: "Industries", links: industryNav.map((s) => ({ label: s.name, href: `/industries/${s.slug}` })) },
@@ -28,30 +62,11 @@ export default function SiteFooter() {
               growth system.
             </p>
             <div className="socials">
-              <a href="#" aria-label="LinkedIn">
+              {socials.map((s) => (
-                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
+                <a key={s.label} href={s.href} aria-label={s.label} target="_blank" rel="noopener noreferrer">
-                  <rect x="3" y="3" width="18" height="18" />
+                  {s.icon}
-                  <path d="M8 10v7M8 7v.01M12 17v-4a2 2 0 0 1 4 0v4M12 10v7" />
-                </svg>
-              </a>
-              <a href="#" aria-label="Instagram">
-                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
-                  <rect x="3" y="3" width="18" height="18" rx="5" />
-                  <circle cx="12" cy="12" r="4" />
-                  <path d="M17.5 6.5v.01" />
-                </svg>
-              </a>
-              <a href="#" aria-label="X">
-                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
-                  <path d="M4 4l16 16M20 4L4 20" />
-                </svg>
-              </a>
-              <a href="#" aria-label="YouTube">
-                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
-                  <rect x="2.5" y="5.5" width="19" height="13" rx="3" />
-                  <path d="M10 9.5v5l4.5-2.5z" />
-                </svg>
                 </a>
+              ))}
             </div>
           </div>
           <div className="footer-cols">