feat: memberships page

app/(site)/members/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+import MembersPageClient from "@/app/components/members/MembersPageClient";
+
+export const metadata: Metadata = {
+  title: "Our Members | IPv6 Enhanced 2026",
+  description:
+    "The collective force of leading global institutions driving IPv6 adoption across ASEAN's digital ecosystems.",
+};
+
+export default function MembersPage() {
+  return <MembersPageClient />;
+}

app/components/members/MembersPageClient.tsx

@@ -0,0 +1,217 @@
+"use client";
+
+import { useState, useEffect, useRef } from "react";
+import { useTranslation } from "@/app/hooks/useTranslation";
+import ReadyToJoin from "@/app/components/gallery/ReadyToJoin";
+
+const BASE = process.env.NEXT_PUBLIC_BASE_PATH || "";
+
+type MemberItem = {
+  name: string;
+  logo: string;
+  subtitle: string;
+};
+
+type Category = {
+  title: string;
+  items: MemberItem[];
+};
+
+type IndividualMember = {
+  name: string;
+  title: string;
+};
+
+/* Stateful Logo Card component to dynamically adjust padding & scaling based on image aspect ratio */
+const LogoCard = ({ item }: { item: MemberItem }) => {
+  const [isSquareOrTall, setIsSquareOrTall] = useState(false);
+  const imgRef = useRef<HTMLImageElement>(null);
+
+  useEffect(() => {
+    const img = imgRef.current;
+    if (!img) return;
+
+    // Reset aspect ratio state when logo path changes
+    setIsSquareOrTall(false);
+
+    const handleLoad = () => {
+      const { naturalWidth, naturalHeight } = img;
+      if (naturalHeight && naturalWidth) {
+        // If height-to-width ratio is close to square or taller (>= 0.75)
+        setIsSquareOrTall(naturalHeight / naturalWidth >= 0.75);
+      }
+    };
+
+    if (img.complete) {
+      handleLoad();
+    } else {
+      img.addEventListener("load", handleLoad);
+      return () => img.removeEventListener("load", handleLoad);
+    }
+  }, [item.logo]);
+
+  const hasLogo = item.logo && item.logo.trim() !== "";
+
+  return (
+    <div className="flex flex-col items-center group w-full">
+      {/* Card containing the logo image or fallback placeholder */}
+      <div
+        className={`w-full h-28 flex items-center justify-center bg-white/95 rounded-2xl border border-white/5 group-hover:scale-[1.03] transition-all duration-300 shadow-md ${
+          hasLogo && isSquareOrTall ? "p-2.5" : "p-4.5"
+        }`}
+      >
+        {hasLogo ? (
+          /* Logo Container with background fill for high contrast */
+          <div className="flex items-center justify-center w-full h-full">
+            {/* eslint-disable-next-line @next/next/no-img-element */}
+            <img
+              ref={imgRef}
+              src={`${BASE}${item.logo}`}
+              alt={item.name}
+              className={`w-auto h-auto object-contain filter group-hover:scale-105 transition-all duration-300 ${
+                isSquareOrTall
+                  ? "max-h-[82%] max-w-[82%]"
+                  : "max-h-[55%] max-w-[85%]"
+              }`}
+              loading="lazy"
+            />
+          </div>
+        ) : (
+          /* Fallback avatar badge */
+          <div className="w-12 h-12 rounded-full bg-primary/10 border border-primary/20 flex items-center justify-center">
+            <span className="font-[var(--font-display-lg)] text-sm text-primary font-bold">
+              {item.name.slice(0, 2).toUpperCase()}
+            </span>
+          </div>
+        )}
+      </div>
+
+      {/* Text details (outside on the dark background, larger text) */}
+      <div className="mt-3.5 flex flex-col items-center text-center w-full">
+        <span className="font-[var(--font-display-lg)] text-sm lg:text-base text-on-surface group-hover:text-primary transition-colors duration-300 tracking-wider uppercase leading-tight px-1">
+          {item.name}
+        </span>
+        <span className="text-[10px] lg:text-[11px] text-on-surface-variant/50 leading-tight mt-1.5 max-w-full px-2 truncate block uppercase tracking-widest font-[var(--font-body-base)] select-none">
+          {item.subtitle}
+        </span>
+      </div>
+    </div>
+  );
+};
+
+export default function MembersPageClient() {
+  const { members } = useTranslation();
+
+  const categories = members.organizationalMembers.categories;
+
+  return (
+    <main className="pt-16 lg:pt-20 min-h-screen bg-background text-on-surface">
+      {/* Hero Header Section */}
+      <section className="hero-glow py-20 lg:py-32 px-[var(--spacing-gutter)] text-center border-b border-white/5">
+        <div className="max-w-4xl mx-auto">
+          <span className="font-[var(--font-label-caps)] text-xs lg:text-sm text-primary block mb-4 lg:mb-6 tracking-[0.25em] uppercase animate-pulse">
+            {members.hero.eyebrow}
+          </span>
+          <h1 className="font-[var(--font-display-lg)] text-on-surface text-[clamp(2.5rem,6vw+1rem,5.5rem)] leading-none tracking-tight">
+            {members.hero.title}
+          </h1>
+          <p className="font-[var(--font-body-base)] text-on-surface-variant text-base lg:text-[20px] max-w-3xl mx-auto opacity-70 leading-relaxed mt-6">
+            {members.hero.description}
+          </p>
+
+          {/* Jump Anchors Navigation Menu */}
+          <div className="flex flex-wrap justify-center gap-4 sm:gap-6 mt-10">
+            <a
+              href="#org-members"
+              className="inline-flex items-center gap-2.5 px-6 py-3 rounded-full border border-primary/25 bg-primary/5 text-primary text-xs lg:text-sm font-bold uppercase tracking-widest hover:bg-primary/10 hover:border-primary/50 transition-all duration-300"
+            >
+              <span className="w-1.5 h-1.5 rounded-full bg-primary" />
+              {members.organizationalMembers.title}
+            </a>
+            <a
+              href="#contrib-members"
+              className="inline-flex items-center gap-2.5 px-6 py-3 rounded-full border border-primary/25 bg-primary/5 text-primary text-xs lg:text-sm font-bold uppercase tracking-widest hover:bg-primary/10 hover:border-primary/50 transition-all duration-300"
+            >
+              <span className="w-1.5 h-1.5 rounded-full bg-primary" />
+              {members.contributingMembers.title}
+            </a>
+          </div>
+        </div>
+      </section>
+
+      {/* Organizational Members Section */}
+      <section className="py-16 lg:py-24 px-[var(--spacing-gutter)] max-w-hd mx-auto" id="org-members">
+        <div className="mb-12 lg:mb-20 text-center max-w-3xl mx-auto">
+          <h2 className="font-[var(--font-display-lg)] text-on-surface uppercase tracking-tight text-[clamp(1.75rem,3vw+1rem,3.5rem)] mb-4">
+            {members.organizationalMembers.title}
+          </h2>
+          <p className="text-on-surface-variant/60 text-base lg:text-lg">
+            {members.organizationalMembers.description}
+          </p>
+          <div className="h-[2px] w-24 bg-primary/50 mx-auto rounded-full mt-6" />
+        </div>
+
+        {/* Subcategories */}
+        <div className="space-y-20 lg:space-y-28">
+          {Object.entries(categories).map(([key, cat]) => {
+            const category = cat as Category;
+            return (
+              <div key={key} className="space-y-8 lg:space-y-12">
+                {/* Subcategory title */}
+                <h3 className="font-[var(--font-display-lg)] text-base lg:text-lg text-primary uppercase tracking-widest border-l-4 border-primary pl-4 leading-none">
+                  {category.title}
+                </h3>
+                {/* Logos Grid */}
+                <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-x-6 gap-y-12">
+                  {category.items.map((item) => (
+                    <LogoCard key={item.name} item={item} />
+                  ))}
+                </div>
+              </div>
+            );
+          })}
+        </div>
+      </section>
+
+      {/* Contributing Members Section */}
+      <section className="py-16 lg:py-24 px-[var(--spacing-gutter)] max-w-hd mx-auto border-t border-white/5 bg-white/[0.01]" id="contrib-members">
+        <div className="mb-12 lg:mb-20 text-center max-w-3xl mx-auto">
+          <h2 className="font-[var(--font-display-lg)] text-on-surface uppercase tracking-tight text-[clamp(1.75rem,3vw+1rem,3.5rem)] mb-4">
+            {members.contributingMembers.title}
+          </h2>
+          <p className="text-on-surface-variant/60 text-base lg:text-lg">
+            {members.contributingMembers.description}
+          </p>
+          <div className="h-[2px] w-24 bg-primary/50 mx-auto rounded-full mt-6" />
+        </div>
+
+        {/* Individual Contributors Grid */}
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto">
+          {members.contributingMembers.items.map((item: IndividualMember) => (
+            <div
+              key={item.name}
+              className="glass-panel p-5 rounded-2xl flex items-center gap-4 hover:border-primary/50 hover:scale-[1.02] transition-all duration-300 shadow-md group"
+            >
+              <div className="w-12 h-12 rounded-full bg-primary/10 border border-primary/20 flex items-center justify-center shrink-0 group-hover:bg-primary/20 transition-colors duration-300">
+                <span className="material-symbols-outlined text-primary text-2xl" aria-hidden="true">
+                  person
+                </span>
+              </div>
+              <div className="min-w-0">
+                <h4 className="font-[var(--font-display-lg)] text-sm lg:text-base text-on-surface leading-tight truncate mb-1 group-hover:text-primary transition-colors duration-300">
+                  {item.name}
+                </h4>
+                <p className="text-xs text-on-surface-variant/70 leading-normal truncate">
+                  {item.title}
+                </p>
+              </div>
+            </div>
+          ))}
+        </div>
+      </section>
+
+      {/* Ready To Join CTA Section (Reusing Visual Gallery CTA design) */}
+      <ReadyToJoin data={members.join} />
+    </main>
+  );
+}

app/data/members.json

@@ -0,0 +1,103 @@
+{
+  "hero": {
+    "eyebrow": "OUR COUNCIL",
+    "title": "Our Members",
+    "description": "The collective force of leading global institutions driving IPv6 adoption across ASEAN's digital ecosystems. These are the members of the APAC Council."
+  },
+  "organizationalMembers": {
+    "title": "Organizational Members",
+    "description": "Leading institutions and authorities committed to deploying next-generation internet infrastructure.",
+    "categories": {
+      "government": {
+        "title": "Government & Forums",
+        "items": [
+          { "name": "APNIC", "logo": "/assets/img/gov & forums/APNIC.png", "subtitle": "Asia-Pacific Network Information Centre" },
+          { "name": "VNNIC", "logo": "/assets/img/gov & forums/VNNIC.png", "subtitle": "Vietnam Internet Network Information Center" },
+          { "name": "IPv6 Forum", "logo": "/assets/img/gov & forums/IPv6 Forum.png", "subtitle": "Global IPv6 Forum" },
+          { "name": "APAN", "logo": "/assets/img/gov & forums/APAN.png", "subtitle": "Asia Pacific Advanced Network" },
+          { "name": "Bharat IPv6 Forum", "logo": "/assets/img/gov & forums/Bharat IPv6 Forum.jpg", "subtitle": "India IPv6 Forum" },
+          { "name": "IDNIC", "logo": "/assets/img/gov & forums/IDNIC.png", "subtitle": "Indonesian Network Information Center" },
+          { "name": "ISOC Kazakhstan", "logo": "/assets/img/gov & forums/ISOC Kazakhstan.png", "subtitle": "Internet Society Kazakhstan Chapter" },
+          { "name": "ITU-APT", "logo": "/assets/img/gov & forums/ITU-APT.jpg", "subtitle": "ITU-APT Foundation of India" },
+          { "name": "LANIC", "logo": "/assets/img/gov & forums/LANIC.jpg", "subtitle": "Laos National Internet Centre" },
+          { "name": "Malawi Revenue Authority", "logo": "/assets/img/gov & forums/Malawi Revenue Authority.jpg", "subtitle": "Malawi Revenue Authority" },
+          { "name": "NAv6", "logo": "/assets/img/gov & forums/NAv6.jpg", "subtitle": "National Advanced IPv6 Centre" },
+          { "name": "NIDA", "logo": "/assets/img/gov & forums/NIDA.png", "subtitle": "National Institute of Development Administration" },
+          { "name": "NIXI", "logo": "/assets/img/gov & forums/NIXI.png", "subtitle": "National Internet Exchange of India" },
+          { "name": "TRC Sri Lanka", "logo": "/assets/img/gov & forums/TRC Sri Lanka.png", "subtitle": "Telecommunications Regulatory Commission of Sri Lanka" },
+          { "name": "World Broadband Association", "logo": "/assets/img/gov & forums/World Broadband Association.png", "subtitle": "World Broadband Association" },
+          { "name": "APJII", "logo": "/assets/img/gov & forums/APJII.png", "subtitle": "Indonesia Internet Service Provider Association" }
+        ]
+      },
+      "universities": {
+        "title": "Universities",
+        "items": [
+          { "name": "APU Malaysia", "logo": "/assets/img/universities/APU Malaysia.png", "subtitle": "Asia Pacific University of Technology & Innovation" },
+          { "name": "COMSATS University", "logo": "/assets/img/universities/COMSATS Uni.jpg", "subtitle": "COMSATS University Islamabad" },
+          { "name": "Dr. MGR University", "logo": "/assets/img/universities/Dr. MGR University.png", "subtitle": "Dr. M.G.R. Educational and Research Institute" },
+          { "name": "IEC", "logo": "/assets/img/universities/IEC.png", "subtitle": "International Education Centre" },
+          { "name": "ITS", "logo": "/assets/img/universities/ITS.webp", "subtitle": "Sepuluh Nopember Institute of Technology" },
+          { "name": "Keio University", "logo": "/assets/img/universities/Keio University.png", "subtitle": "Keio University" },
+          { "name": "MSEC", "logo": "/assets/img/universities/MSEC.jpg", "subtitle": "Meenakshi Sundararajan Engineering College" },
+          { "name": "MUST", "logo": "/assets/img/universities/MUST.jpg", "subtitle": "Malaysia University of Science and Technology" },
+          { "name": "SIMS", "logo": "/assets/img/universities/SIMS.jpg", "subtitle": "Saigon Institute for Management Studies" },
+          { "name": "SUST", "logo": "/assets/img/universities/SUST.jpg", "subtitle": "Shahjalal University of Science and Technology" },
+          { "name": "UNSW", "logo": "/assets/img/universities/UNSW.jpg", "subtitle": "University of New South Wales" }
+        ]
+      },
+      "privateSector": {
+        "title": "Organizations",
+        "items": [
+          { "name": "Agile Consultancy", "logo": "/assets/img/organizations/Agile Consultancy.jpg", "subtitle": "Agile Consultancy Pvt. Ltd." },
+          { "name": "BII Group", "logo": "/assets/img/organizations/BII Group.png", "subtitle": "BII Group Holdings" },
+          { "name": "Bhutan Telecom", "logo": "/assets/img/organizations/Bhutan Telecom Ltd., Bhutan.png", "subtitle": "Bhutan Telecom" },
+          { "name": "CERT Tonga", "logo": "/assets/img/organizations/CERT Tonga.jpg", "subtitle": "Computer Emergency Response Team Tonga" },
+          { "name": "CNLabs", "logo": "/assets/img/organizations/CNLabs.jpg", "subtitle": "CNLabs (IPv6 Ready Logo Lab)" },
+          { "name": "Digital Bridge Institute", "logo": "/assets/img/organizations/Digital Bridge Institute.png", "subtitle": "Digital Bridge Institute Nigeria" },
+          { "name": "Edgepoint", "logo": "/assets/img/organizations/Edgepoint.png", "subtitle": "Edgepoint Infrastructure" },
+          { "name": "Hassan Solutions", "logo": "/assets/img/organizations/Hassan Solutions.png", "subtitle": "Hassan Solutions Pakistan" },
+          { "name": "Huawei", "logo": "/assets/img/organizations/Huawei.png", "subtitle": "Huawei Technologies Co., Ltd." },
+          { "name": "IPv6 Forum Malaysia", "logo": "/assets/img/organizations/IPv6 Forum Malaysia.png", "subtitle": "IPv6 Forum Malaysia Chapter" },
+          { "name": "InfinIT ComTech", "logo": "/assets/img/organizations/InfinIT ComTech.jpg", "subtitle": "InfinIT ComTech Vietnam" },
+          { "name": "MPT", "logo": "/assets/img/organizations/MPT.svg", "subtitle": "Myanma Posts and Telecommunications" },
+          { "name": "Nokia", "logo": "/assets/img/organizations/NOKIA.jpg", "subtitle": "Nokia Corporation" },
+          { "name": "RICHAT Partners", "logo": "/assets/img/organizations/RICHAT Partners.jpg", "subtitle": "RICHAT Partners Vietnam" },
+          { "name": "SAIM Enterprises", "logo": "/assets/img/organizations/SAIM Enterprises.jpg", "subtitle": "SAIM Enterprises India" },
+          { "name": "Smart Industry Malaysia", "logo": "/assets/img/organizations/Smart Industry Malaysia.jpg", "subtitle": "Smart Industry Malaysia" },
+          { "name": "Subisu Nepal", "logo": "/assets/img/organizations/Subisu Nepal.png", "subtitle": "Subisu Cablenet Nepal" },
+          { "name": "Tonga", "logo": "/assets/img/organizations/Tonga.png", "subtitle": "Tonga Communications Corporation" },
+          { "name": "Wexa Consulting", "logo": "/assets/img/organizations/Wexa Consulting.png", "subtitle": "Wexa Consulting Malaysia" }
+        ]
+      }
+    }
+  },
+  "contributingMembers": {
+    "title": "Contributing Members",
+    "description": "Distinguished individuals who have contributed to the success of the Council's initiatives.",
+    "items": [
+      { "name": "Prof Emeritus Dr. Sureswaran Ramadass", "title": "Chairman, APAC IPv6 Council" },
+      { "name": "Dr Muhammad Asyraf Mohammad Naim", "title": "Director for Training & Consultancy, IPv6 Forum Malaysia" },
+      { "name": "Ms. Vallikkannu Nagappan", "title": "Chief Secretary, APAC IPv6 Council" },
+      { "name": "Mr. Hong Thang", "title": "Executive, VNNIC" },
+      { "name": "Mr. Nguyen Truong Giang", "title": "Executive, VNNIC" },
+      { "name": "Mr. Bayu Hanantasena", "title": "Strategic Advisor to CEO, Indosat" },
+      { "name": "Saysomvang Souvannavong", "title": "Deputy Director, Laos National Internet Centre" },
+      { "name": "Dr. Will Liu", "title": "Head of Europe Datacom Standard & Industry Development, Huawei" },
+      { "name": "Dr. Gopinath Rao", "title": "Chair of AI Standards Task Force, MTFSB" },
+      { "name": "Dr. Navaneethan C Arjuman", "title": "Global Coordinator, IPv6 Forum Logo Programme" },
+      { "name": "Prof. Ts. Dr. Salman Yussof", "title": "Technical Specialist, APAC IPv6 Council" },
+      { "name": "Mr. Zulfadli Hasan", "title": "Network Engineer, IPv6 Forum Malaysia" },
+      { "name": "Dr. Suresh Liew", "title": "Research Coordinator, APAC IPv6 Council" },
+      { "name": "Mr. Mohamad Shukur", "title": "Operations Manager, IPv6 Forum Malaysia" },
+      { "name": "Assoc. Prof. Dr. Angela Amphawan", "title": "Academic Advisor, APAC IPv6 Council" },
+      { "name": "Mr. Azizi A. Hadi", "title": "Industry Specialist, Indosat" },
+      { "name": "Prof. Dr. Abdul Rahman", "title": "Advisor, APAC IPv6 Council" }
+    ]
+  },
+  "join": {
+    "title": "Ready to Attend the Summit?",
+    "description": "Register today to secure your ticket and join regional leaders in shaping the future of AI & next-generation data centers in ASEAN.",
+    "registerBtn": "Register Now",
+    "viewMembersBtn": "View Event Agenda"
+  }
+}

app/data/members.vi.json

@@ -0,0 +1,103 @@
+{
+  "hero": {
+    "eyebrow": "HỘI ĐỒNG CỦA CHÚNG TÔI",
+    "title": "Thành Viên",
+    "description": "Sức mạnh tập thể của các tổ chức toàn cầu hàng đầu thúc đẩy áp dụng IPv6 trên toàn hệ sinh thái số của ASEAN. Đây là các thành viên của Hội đồng APAC."
+  },
+  "organizationalMembers": {
+    "title": "Thành Viên Tổ Chức",
+    "description": "Các tổ chức và cơ quan quản lý cam kết triển khai hạ tầng Internet thế hệ mới.",
+    "categories": {
+      "government": {
+        "title": "Chính Phủ & Cơ Quan Quản Lý",
+        "items": [
+          { "name": "APNIC", "logo": "/assets/img/gov & forums/APNIC.png", "subtitle": "Asia-Pacific Network Information Centre" },
+          { "name": "VNNIC", "logo": "/assets/img/gov & forums/VNNIC.png", "subtitle": "Vietnam Internet Network Information Center" },
+          { "name": "IPv6 Forum", "logo": "/assets/img/gov & forums/IPv6 Forum.png", "subtitle": "Global IPv6 Forum" },
+          { "name": "APAN", "logo": "/assets/img/gov & forums/APAN.png", "subtitle": "Asia Pacific Advanced Network" },
+          { "name": "Bharat IPv6 Forum", "logo": "/assets/img/gov & forums/Bharat IPv6 Forum.jpg", "subtitle": "India IPv6 Forum" },
+          { "name": "IDNIC", "logo": "/assets/img/gov & forums/IDNIC.png", "subtitle": "Indonesian Network Information Center" },
+          { "name": "ISOC Kazakhstan", "logo": "/assets/img/gov & forums/ISOC Kazakhstan.png", "subtitle": "Internet Society Kazakhstan Chapter" },
+          { "name": "ITU-APT", "logo": "/assets/img/gov & forums/ITU-APT.jpg", "subtitle": "ITU-APT Foundation of India" },
+          { "name": "LANIC", "logo": "/assets/img/gov & forums/LANIC.jpg", "subtitle": "Laos National Internet Centre" },
+          { "name": "Malawi Revenue Authority", "logo": "/assets/img/gov & forums/Malawi Revenue Authority.jpg", "subtitle": "Malawi Revenue Authority" },
+          { "name": "NAv6", "logo": "/assets/img/gov & forums/NAv6.jpg", "subtitle": "National Advanced IPv6 Centre" },
+          { "name": "NIDA", "logo": "/assets/img/gov & forums/NIDA.png", "subtitle": "National Institute of Development Administration" },
+          { "name": "NIXI", "logo": "/assets/img/gov & forums/NIXI.png", "subtitle": "National Internet Exchange of India" },
+          { "name": "TRC Sri Lanka", "logo": "/assets/img/gov & forums/TRC Sri Lanka.png", "subtitle": "Telecommunications Regulatory Commission of Sri Lanka" },
+          { "name": "World Broadband Association", "logo": "/assets/img/gov & forums/World Broadband Association.png", "subtitle": "World Broadband Association" },
+          { "name": "APJII", "logo": "/assets/img/gov & forums/APJII.png", "subtitle": "Indonesia Internet Service Provider Association" }
+        ]
+      },
+      "universities": {
+        "title": "Trường Đại Học & Nghiên Cứu",
+        "items": [
+          { "name": "APU Malaysia", "logo": "/assets/img/universities/APU Malaysia.png", "subtitle": "Asia Pacific University of Technology & Innovation" },
+          { "name": "COMSATS University", "logo": "/assets/img/universities/COMSATS Uni.jpg", "subtitle": "COMSATS University Islamabad" },
+          { "name": "Dr. MGR University", "logo": "/assets/img/universities/Dr. MGR University.png", "subtitle": "Dr. M.G.R. Educational and Research Institute" },
+          { "name": "IEC", "logo": "/assets/img/universities/IEC.png", "subtitle": "International Education Centre" },
+          { "name": "ITS", "logo": "/assets/img/universities/ITS.webp", "subtitle": "Sepuluh Nopember Institute of Technology" },
+          { "name": "Keio University", "logo": "/assets/img/universities/Keio University.png", "subtitle": "Keio University" },
+          { "name": "MSEC", "logo": "/assets/img/universities/MSEC.jpg", "subtitle": "Meenakshi Sundararajan Engineering College" },
+          { "name": "MUST", "logo": "/assets/img/universities/MUST.jpg", "subtitle": "Malaysia University of Science and Technology" },
+          { "name": "SIMS", "logo": "/assets/img/universities/SIMS.jpg", "subtitle": "Saigon Institute for Management Studies" },
+          { "name": "SUST", "logo": "/assets/img/universities/SUST.jpg", "subtitle": "Shahjalal University of Science and Technology" },
+          { "name": "UNSW", "logo": "/assets/img/universities/UNSW.jpg", "subtitle": "University of New South Wales" }
+        ]
+      },
+      "privateSector": {
+        "title": "Doanh Nghiệp Tư Nhân",
+        "items": [
+          { "name": "Agile Consultancy", "logo": "/assets/img/organizations/Agile Consultancy.jpg", "subtitle": "Agile Consultancy Pvt. Ltd." },
+          { "name": "BII Group", "logo": "/assets/img/organizations/BII Group.png", "subtitle": "BII Group Holdings" },
+          { "name": "Bhutan Telecom", "logo": "/assets/img/organizations/Bhutan Telecom Ltd., Bhutan.png", "subtitle": "Bhutan Telecom" },
+          { "name": "CERT Tonga", "logo": "/assets/img/organizations/CERT Tonga.jpg", "subtitle": "Computer Emergency Response Team Tonga" },
+          { "name": "CNLabs", "logo": "/assets/img/organizations/CNLabs.jpg", "subtitle": "CNLabs (IPv6 Ready Logo Lab)" },
+          { "name": "Digital Bridge Institute", "logo": "/assets/img/organizations/Digital Bridge Institute.png", "subtitle": "Digital Bridge Institute Nigeria" },
+          { "name": "Edgepoint", "logo": "/assets/img/organizations/Edgepoint.png", "subtitle": "Edgepoint Infrastructure" },
+          { "name": "Hassan Solutions", "logo": "/assets/img/organizations/Hassan Solutions.png", "subtitle": "Hassan Solutions Pakistan" },
+          { "name": "Huawei", "logo": "/assets/img/organizations/Huawei.png", "subtitle": "Huawei Technologies Co., Ltd." },
+          { "name": "IPv6 Forum Malaysia", "logo": "/assets/img/organizations/IPv6 Forum Malaysia.png", "subtitle": "IPv6 Forum Malaysia Chapter" },
+          { "name": "InfinIT ComTech", "logo": "/assets/img/organizations/InfinIT ComTech.jpg", "subtitle": "InfinIT ComTech Vietnam" },
+          { "name": "MPT", "logo": "/assets/img/organizations/MPT.svg", "subtitle": "Myanma Posts and Telecommunications" },
+          { "name": "Nokia", "logo": "/assets/img/organizations/NOKIA.jpg", "subtitle": "Nokia Corporation" },
+          { "name": "RICHAT Partners", "logo": "/assets/img/organizations/RICHAT Partners.jpg", "subtitle": "RICHAT Partners Vietnam" },
+          { "name": "SAIM Enterprises", "logo": "/assets/img/organizations/SAIM Enterprises.jpg", "subtitle": "SAIM Enterprises India" },
+          { "name": "Smart Industry Malaysia", "logo": "/assets/img/organizations/Smart Industry Malaysia.jpg", "subtitle": "Smart Industry Malaysia" },
+          { "name": "Subisu Nepal", "logo": "/assets/img/organizations/Subisu Nepal.png", "subtitle": "Subisu Cablenet Nepal" },
+          { "name": "Tonga", "logo": "/assets/img/organizations/Tonga.png", "subtitle": "Tonga Communications Corporation" },
+          { "name": "Wexa Consulting", "logo": "/assets/img/organizations/Wexa Consulting.png", "subtitle": "Wexa Consulting Malaysia" }
+        ]
+      }
+    }
+  },
+  "contributingMembers": {
+    "title": "Thành Viên Đóng Góp",
+    "description": "Những cá nhân xuất sắc đã đóng góp vào sự thành công của các sáng kiến từ Hội đồng.",
+    "items": [
+      { "name": "Prof Emeritus Dr. Sureswaran Ramadass", "title": "Chairman, APAC IPv6 Council" },
+      { "name": "Dr Muhammad Asyraf Mohammad Naim", "title": "Director for Training & Consultancy, IPv6 Forum Malaysia" },
+      { "name": "Ms. Vallikkannu Nagappan", "title": "Chief Secretary, APAC IPv6 Council" },
+      { "name": "Mr. Hong Thang", "title": "Executive, VNNIC" },
+      { "name": "Mr. Nguyen Truong Giang", "title": "Executive, VNNIC" },
+      { "name": "Mr. Bayu Hanantasena", "title": "Strategic Advisor to CEO, Indosat" },
+      { "name": "Saysomvang Souvannavong", "title": "Deputy Director, Laos National Internet Centre" },
+      { "name": "Dr. Will Liu", "title": "Head of Europe Datacom Standard & Industry Development, Huawei" },
+      { "name": "Dr. Gopinath Rao", "title": "Chair of AI Standards Task Force, MTFSB" },
+      { "name": "Dr. Navaneethan C Arjuman", "title": "Global Coordinator, IPv6 Forum Logo Programme" },
+      { "name": "Prof. Ts. Dr. Salman Yussof", "title": "Technical Specialist, APAC IPv6 Council" },
+      { "name": "Mr. Zulfadli Hasan", "title": "Network Engineer, IPv6 Forum Malaysia" },
+      { "name": "Dr. Suresh Liew", "title": "Research Coordinator, APAC IPv6 Council" },
+      { "name": "Mr. Mohamad Shukur", "title": "Operations Manager, IPv6 Forum Malaysia" },
+      { "name": "Assoc. Prof. Dr. Angela Amphawan", "title": "Academic Advisor, APAC IPv6 Council" },
+      { "name": "Mr. Azizi A. Hadi", "title": "Industry Specialist, Indosat" },
+      { "name": "Prof. Dr. Abdul Rahman", "title": "Advisor, APAC IPv6 Council" }
+    ]
+  },
+  "join": {
+    "title": "Sẵn Sàng Tham Gia Hội Nghị?",
+    "description": "Đăng ký ngay hôm nay để giữ chỗ và cùng các nhà lãnh đạo khu vực định hình tương lai của AI & trung tâm dữ liệu thế hệ mới tại ASEAN.",
+    "registerBtn": "Đăng Ký Ngay",
+    "viewMembersBtn": "Xem Lịch Trình Sự Kiện"
+  }
+}

app/data/site.json

@@ -5,6 +5,7 @@
   "nav": [
     { "label": "Home", "href": "/" },
     { "label": "Gallery", "href": "/gallery" },
+    { "label": "Members", "href": "/members" },
     { "label": "Registration", "href": "/registration" },
     { "label": "Feedback", "href": "/feedback" },
     { "label": "Sponsor", "href": "/sponsor" }

app/data/site.vi.json

@@ -5,6 +5,7 @@
   "nav": [
     { "label": "Trang Chủ", "href": "/" },
     { "label": "Thư Viện Ảnh", "href": "/gallery" },
+    { "label": "Thành Viên", "href": "/members" },
     { "label": "Đăng Ký", "href": "/registration" },
     { "label": "Phản Hồi", "href": "/feedback" },
     { "label": "Nhà Tài Trợ", "href": "/sponsor" }

app/globals.css

@@ -43,7 +43,12 @@ body {
   overflow-x: hidden;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-family: "Nasalization", system-ui, sans-serif;
 }
 
@@ -107,13 +112,23 @@ textarea::placeholder {
 
 /* Partners Carousel animations */
 @keyframes scroll-fwd {
-  0%   { transform: translateX(0); }
+  0% {
-  100% { transform: translateX(calc(-1 * var(--set-width) - 20px)); }
+    transform: translateX(0);
+  }
+
+  100% {
+    transform: translateX(calc(-1 * var(--set-width) - 20px));
+  }
 }
 
 @keyframes scroll-reverse {
-  0%   { transform: translateX(calc(-1 * var(--set-width) - 20px)); }
+  0% {
-  100% { transform: translateX(0); }
+    transform: translateX(calc(-1 * var(--set-width) - 20px));
+  }
+
+  100% {
+    transform: translateX(0);
+  }
 }
 
 .animate-scroll:hover,

app/hooks/useTranslation.ts

@@ -14,6 +14,8 @@ import adminEn from "@/app/data/admin.json";
 import adminVi from "@/app/data/admin.vi.json";
 import galleryEn from "@/app/data/gallery.json";
 import galleryVi from "@/app/data/gallery.vi.json";
+import membersEn from "@/app/data/members.json";
+import membersVi from "@/app/data/members.vi.json";
 
 export function useTranslation() {
   const { lang } = useLanguage();
@@ -28,5 +30,6 @@ export function useTranslation() {
     sponsor: isVi ? sponsorVi : sponsorEn,
     admin: isVi ? adminVi : adminEn,
     gallery: isVi ? galleryVi : galleryEn,
+    members: isVi ? membersVi : membersEn,
   };
 }

public/assets/img/home-1/icon/01.svg

@@ -1,10 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_405_45874)">
-<path d="M13.1588 19.7266C12.6081 19.8683 12.0306 19.9436 11.4356 19.9436C10.2384 19.9436 9.11249 19.6386 8.13126 19.1021C8.17106 17.5984 9.16284 16.9599 10.9394 18.1623C11.7528 18.7129 12.8715 16.9469 13.1588 19.7266ZM13.8425 19.5117C14.1554 19.3952 14.4576 19.2566 14.7471 19.0979L14.7202 18.7269C14.6219 17.369 14.7801 17.0202 13.8554 15.9021C13.4081 15.3614 12.7436 14.5168 13.0721 13.7709C13.3284 13.1892 13.9607 13.0774 14.5195 12.9916C14.8212 12.9452 15.2974 12.8857 15.5554 12.7153C15.8156 12.5434 15.8096 12.2072 15.7796 11.9277C15.7514 11.6653 15.5964 11.4945 15.4021 11.3304C15.0712 11.0511 14.6836 10.832 14.3447 10.5526C13.0131 9.45442 13.1151 8.03448 13.7154 6.53875L13.717 6.53486C13.0028 6.28464 12.2352 6.14809 11.4356 6.14809C10.4291 6.14809 9.47301 6.36386 8.61084 6.75132L8.64716 6.86786C8.91777 7.73575 9.79874 7.77995 10.5699 7.77395C10.975 7.77081 11.5223 7.71807 11.9076 7.82036C12.3068 7.92634 12.6021 8.22803 12.6203 8.653C12.6343 8.97798 12.4722 9.27259 12.286 9.52656C11.6961 10.3314 11.8082 11.2096 12.0235 12.1204C12.1221 12.5378 12.266 13.021 12.2561 13.4495C12.2403 14.1285 11.8208 14.5759 11.1477 14.6683C10.5743 14.747 10.1864 14.3864 9.88706 13.9539C9.84046 13.8866 9.73452 13.7165 9.64068 13.5884C9.57904 13.7017 9.51402 13.8349 9.47479 13.899C9.20404 14.3406 8.80537 14.6145 8.26645 14.5624C7.95918 14.5327 7.69729 14.4122 7.45846 14.2208C7.41346 14.1848 7.36284 14.1358 7.31287 14.0897C7.30279 14.0979 7.2906 14.1085 7.28071 14.1186C7.29341 14.2072 7.36973 14.3896 7.39565 14.4528C7.51766 14.7505 7.63649 15.0316 7.71552 15.3457C7.98313 16.4092 7.68834 17.3647 7.09457 18.2611L7.03232 18.3551C7.1706 18.4699 7.31343 18.5794 7.46048 18.6833C7.55971 17.9567 7.89206 17.268 8.61435 16.968C9.53099 16.5872 10.563 17.0602 11.3245 17.5739C11.3896 17.5793 11.5585 17.5342 11.6135 17.52C11.8905 17.4485 12.1454 17.3822 12.4362 17.4101C13.4758 17.5103 13.7397 18.6395 13.8425 19.5117ZM23.0616 2.7152L21.4076 0.606387C21.1902 0.329121 20.77 0.329121 20.5526 0.606387L18.8986 2.7152C18.7585 2.89384 18.8853 3.15451 19.1123 3.15451H19.9689V13.0458C19.9689 17.7588 16.1486 21.5791 11.4356 21.5791C6.72262 21.5791 2.90235 17.7588 2.90235 13.0458C2.90235 8.33284 6.72266 4.51257 11.4356 4.51257C13.7921 4.51257 15.9254 5.4677 17.4696 7.01186V4.38395C15.7594 3.19032 13.6793 2.49015 11.4356 2.49015C5.60605 2.49015 0.879883 7.21628 0.879883 13.0459C0.879883 18.8755 5.6061 23.6016 11.4356 23.6016C17.2652 23.6016 21.9913 18.8755 21.9913 13.0459V3.15456H22.8479C23.0746 3.15456 23.2018 2.89384 23.0616 2.7152ZM7.97591 7.0772C5.92016 8.27139 4.53787 10.4972 4.53787 13.0458C4.53787 14.9251 5.28941 16.6289 6.50835 17.8729C8.1643 15.3729 5.7674 14.42 6.88541 13.5311C7.63677 12.9338 7.67127 13.7986 8.33404 13.8626C9.04288 13.9311 8.94023 12.7144 9.6532 12.7662C10.2659 12.8107 10.4894 14.049 11.0521 13.9718C12.5248 13.7696 10.1229 11.2886 11.7189 9.11096C12.8573 7.55771 8.77874 9.65181 7.97591 7.0772ZM18.3334 13.0458C18.3334 10.2849 16.7112 7.90276 14.368 6.80064C12.8853 10.4949 16.2779 9.98101 16.4787 11.8527C16.8122 14.9609 11.8994 12.4343 14.3971 15.454C15.4796 16.7627 15.3216 17.2965 15.4215 18.6761C17.1835 17.4264 18.3334 15.3704 18.3334 13.0458Z" fill="#0048B4"/>
-</g>
-<defs>
-<clipPath id="clip0_405_45874">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>