From 1eb62308fa9fb7ba85f5665eef7d4443949514e5 Mon Sep 17 00:00:00 2001
From: sb123sb123 <152394158+sb123sb123@users.noreply.github.com>
Date: Sun, 27 Sep 2026 13:03:00 +0800
Subject: [PATCH] fix: update community social links and X icon

---
 src/components/Footer.tsx                | 20 +++++++++++++++-----
 src/components/__tests__/Footer.test.tsx | 24 ++++++++++++++++++++++++
 2 files changed, 39 insertions(+), 5 deletions(-)
 create mode 100644 src/components/__tests__/Footer.test.tsx

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 721e9c9a..df48e040 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -3,7 +3,6 @@
 import Link from "next/link";
 import {
   Github,
-  Twitter,
   Instagram,
   Linkedin,
   ArrowRight,
@@ -152,12 +151,23 @@ export default function Footer() {
                   label: "GitHub",
                 },
                 {
-                  href: "https://twitter.com",
-                  icon: <Twitter size={18} />,
-                  label: "Twitter",
+                  href: "https://x.com/magic_peach_dev",
+                  icon: (
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width={18}
+                      height={18}
+                      viewBox="0 0 24 24"
+                      fill="currentColor"
+                      aria-hidden="true"
+                    >
+                      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.737-8.835L1.254 2.25H8.08l4.253 5.622 5.911-5.622Zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+                    </svg>
+                  ),
+                  label: "X (Twitter)",
                 },
                 {
-                  href: "https://instagram.com",
+                  href: "https://www.instagram.com/magic_peach_dev",
                   icon: <Instagram size={18} />,
                   label: "Instagram",
                 },
diff --git a/src/components/__tests__/Footer.test.tsx b/src/components/__tests__/Footer.test.tsx
new file mode 100644
index 00000000..b18c5fde
--- /dev/null
+++ b/src/components/__tests__/Footer.test.tsx
@@ -0,0 +1,24 @@
+import { render, screen } from '@testing-library/react'
+import '@testing-library/jest-dom/vitest'
+import { describe, expect, it } from 'vitest'
+import Footer from '../Footer'
+
+describe('Footer community links', () => {
+  it('links to Reframe social accounts and labels the X icon', () => {
+    render(<Footer />)
+
+    const xLink = screen.getByRole('link', { name: 'X (Twitter)' })
+    expect(xLink).toHaveAttribute('href', 'https://x.com/magic_peach_dev')
+    expect(xLink).toHaveAttribute('target', '_blank')
+    expect(xLink).toHaveAttribute('rel', 'noopener noreferrer')
+    expect(xLink.querySelector('svg')).toHaveAttribute('aria-hidden', 'true')
+
+    const instagramLink = screen.getByRole('link', { name: 'Instagram' })
+    expect(instagramLink).toHaveAttribute(
+      'href',
+      'https://www.instagram.com/magic_peach_dev',
+    )
+    expect(instagramLink).toHaveAttribute('target', '_blank')
+    expect(instagramLink).toHaveAttribute('rel', 'noopener noreferrer')
+  })
+})