Adding Vietnamese version of IPV6, Rewrite content of README.md

2026-05-13 21:09:35 +07:00
parent 778f5f735d
commit b0d6bde50c
22 changed files with 1412 additions and 385 deletions
@@ -0,0 +1,42 @@
+"use client";
+
+import Link from "next/link";
+import { useTranslation } from "@/app/hooks/useTranslation";
+import RegistrationForm from "@/app/components/forms/RegistrationForm";
+
+export default function RegistrationPageClient() {
+  const { registration, lang } = useTranslation();
+  const backLabel = lang === "vi" ? "Quay Về Trang Chủ" : "Back to Home";
+
+  return (
+    <main className="pt-[120px] pb-[80px] px-[var(--spacing-gutter)] flex justify-center">
+      <div className="w-full max-w-[1280px]">
+        <div className="max-w-[800px] mx-auto">
+          <div className="mb-[32px]">
+            <Link
+              className="group flex items-center gap-2 text-outline hover:text-primary transition-colors"
+              href="/"
+            >
+              <span className="material-symbols-outlined text-[20px] transition-transform group-hover:-translate-x-1">
+                arrow_back
+              </span>
+              {backLabel}
+            </Link>
+          </div>
+
+          <div className="mb-[32px]">
+            <h1 className="font-[var(--font-display-lg)] text-[clamp(1.75rem,3vw+1rem,3.25rem)] text-on-surface mb-2 leading-[1.1]">
+              {registration.title}
+            </h1>
+            <p className="text-on-surface-variant text-lg">{registration.subtitle}</p>
+          </div>
+
+          <div className="glass-panel p-[32px] md:p-12 rounded-xl shadow-2xl relative overflow-hidden">
+            <div className="absolute top-0 left-0 w-full h-[1px] bg-gradient-to-r from-transparent via-primary/20 to-transparent" />
+            <RegistrationForm data={registration} />
+          </div>
+        </div>
+      </div>
+    </main>
+  );
+}