feat(about-us): add content to our story page

Author: eric15342335

src/app/about-us/our-story/page.tsx

@@ -1,10 +1,33 @@
 import { Metadata } from "next";
-import { ComingSoon, comingSoonText } from "@/components/sections/coming-soon";
-import { buildPageMetadata } from "@/lib/config";
+import { buildPageMetadata, siteConfig } from "@/lib/config";
 
-const description = comingSoonText;
+const description =
+  "The first and only global student initiative based in Hong Kong for constructive peace and humanity. First international student chapter of ALPHA Education.";
 export const metadata: Metadata = buildPageMetadata("/about-us/our-story", { description });
 
 export default function OurStory() {
-  return <ComingSoon />;
+  return (
+    <section className="py-16">
+      <h1 className="text-4xl font-bold tracking-tight text-center mb-6">Our Story</h1>
+      <div className="mx-auto max-w-3xl text-lg text-muted-foreground">
+        <p>
+          Carrying{" "}
+          <a
+            href={siteConfig.parentOrg}
+            target="_blank"
+            rel="noopener"
+            className="text-primary hover:text-primary/80 underline transition-colors"
+          >
+            ALPHA Education
+          </a>
+          's mandate, we are an independent student organization, the largest student initiative in HKU,
+          formed by an installation size of 30 students to spread the message of peace and humanity.
+          <br />
+          <br />
+          This is an initiative with great potential leading to a Global Institute of Peace and Humanity based
+          in HK by 2027.
+        </p>
+      </div>
+    </section>
+  );
 }

src/components/sections/who-we-are.tsx

@@ -1,14 +1,15 @@
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
+import { siteConfig } from "@/lib/config";
 
 export function WhoWeAre() {
   return (
-    <section className="container mx-auto px-4 text-center">
+    <section className="mx-auto text-center">
       <h2 className="text-3xl font-bold mb-4">Who We Are</h2>
       <p className="max-w-3xl mx-auto text-muted-foreground mb-6">
         Carrying{" "}
         <a
-          href="https://www.alphaeducation.org"
+          href={siteConfig.parentOrg}
           target="_blank"
           rel="noopener"
           className="text-primary hover:text-primary/80 underline transition-colors"