From e5955d2e66d82d9e2f440cc4c118911d4186eee8 Mon Sep 17 00:00:00 2001 From: nthanhtoan61 Date: Tue, 19 May 2026 15:06:59 +0700 Subject: [PATCH] fix: ui title home page, add pricing card registration page --- .../forms/RegistrationPageClient.tsx | 40 +++++++++++++++++++ app/components/home/HeroSection.tsx | 10 ++++- app/data/home.json | 2 +- app/data/home.vi.json | 2 +- app/data/registration.json | 13 ++++++ app/data/registration.vi.json | 13 ++++++ app/data/sponsor.json | 2 +- app/layout.tsx | 2 +- 8 files changed, 79 insertions(+), 5 deletions(-) diff --git a/app/components/forms/RegistrationPageClient.tsx b/app/components/forms/RegistrationPageClient.tsx index 8ecab50..1cbf0cc 100644 --- a/app/components/forms/RegistrationPageClient.tsx +++ b/app/components/forms/RegistrationPageClient.tsx @@ -7,6 +7,13 @@ 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"; + const ticket = registration.ticket as { + label: string; + price: string; + currency: string; + note: string; + perks: string[]; + }; return (
@@ -31,6 +38,39 @@ export default function RegistrationPageClient() {

{registration.subtitle}

+ {/* Pricing Card */} +
+
+
+
+
+ confirmation_number +
+
+

{ticket.label}

+
+ + {ticket.price} + + {ticket.currency} +
+

+ payments + {ticket.note} +

+
+
+
    + {ticket.perks.map((perk, i) => ( +
  • + check_circle + {perk} +
    • + ))} +
+
+
+
diff --git a/app/components/home/HeroSection.tsx b/app/components/home/HeroSection.tsx index 32f3ef1..3c64ed4 100644 --- a/app/components/home/HeroSection.tsx +++ b/app/components/home/HeroSection.tsx @@ -25,7 +25,15 @@ export default function HeroSection({

- {data.title} + {data.title.includes(" AI") ? ( + <> + {data.title.split(" AI")[0]} +
+ {"AI" + data.title.split(" AI").slice(1).join(" AI")} + + ) : ( + data.title + )}

{data.subtitle} diff --git a/app/data/home.json b/app/data/home.json index c56e761..e9de8ba 100644 --- a/app/data/home.json +++ b/app/data/home.json @@ -2,7 +2,7 @@ "hero": { "badgeIcon": "calendar_today", "badgeText": "June 2026 | Ho Chi Minh City, Vietnam", - "title": "IPv6 for AI & Data Centre Summit 2026", + "title": "IPv6 - Enhanced for AI & Data Centre Summit 2026", "subtitle": "Unlocking the Potential of Next-Gen Infrastructure. Join global leaders in redefining ASEAN's digital connectivity for the age of AI.", "primaryCta": { "label": "Register", "href": "/registration" }, "secondaryCta": { "label": "View Agenda", "href": "#agenda" } diff --git a/app/data/home.vi.json b/app/data/home.vi.json index 9785a7d..263a1de 100644 --- a/app/data/home.vi.json +++ b/app/data/home.vi.json @@ -2,7 +2,7 @@ "hero": { "badgeIcon": "calendar_today", "badgeText": "Tháng 6/2026 | TP. Hồ Chí Minh, Việt Nam", - "title": "IPv6 for AI & Data Centre Summit 2026", + "title": "IPv6 - Enhanced for AI & Data Centre Summit 2026", "subtitle": "Khám phá tiềm năng Hạ tầng thế hệ mới. Chung sức định hình kỷ nguyên kết nối số tại ASEAN cùng doanh nghiệp hàng đầu quốc tế.", "primaryCta": { "label": "Đăng Ký", "href": "/registration" }, "secondaryCta": { "label": "Xem Lịch Trình", "href": "#agenda" } diff --git a/app/data/registration.json b/app/data/registration.json index af781a5..133f2fb 100644 --- a/app/data/registration.json +++ b/app/data/registration.json @@ -1,6 +1,19 @@ { "title": "Summit Registration", "subtitle": "Secure your presence at the forefront of IPv6 innovation for AI and Data Centres.", + "ticket": { + "label": "Delegate Pass", + "price": "$120", + "currency": "USD", + "note": "One-time payment via PayPal", + "perks": [ + "Full-day conference access", + "Networking sessions & workshops", + "Lunch & refreshments included", + "Digital summit materials", + "Certificate of attendance" + ] + }, "sections": { "personal": { "title": "Personal Info", "fullName": "Full Name", "phone": "Phone Number", "email": "Business Email" }, "professional": { "title": "Professional Info", "company": "Company Name", "jobTitle": "Job Title" }, diff --git a/app/data/registration.vi.json b/app/data/registration.vi.json index 80b60bc..9d82947 100644 --- a/app/data/registration.vi.json +++ b/app/data/registration.vi.json @@ -1,6 +1,19 @@ { "title": "Đăng Ký Tham Dự Hội Nghị", "subtitle": "Nắm bắt cơ hội tiên phong thời kỳ đổi mới IPv6 cho AI và trung tâm dữ liệu.", + "ticket": { + "label": "Vé Đại Biểu", + "price": "$120", + "currency": "USD", + "note": "Thanh toán một lần qua PayPal", + "perks": [ + "Tham dự toàn bộ hội nghị trong ngày", + "Phiên kết nối & hội thảo chuyên đề", + "Bữa trưa & giải khát", + "Tài liệu hội nghị kỹ thuật số", + "Chứng chỉ tham dự" + ] + }, "sections": { "personal": { "title": "Thông Tin Cá Nhân", diff --git a/app/data/sponsor.json b/app/data/sponsor.json index 451874d..3964cc2 100644 --- a/app/data/sponsor.json +++ b/app/data/sponsor.json @@ -2,7 +2,7 @@ "hero": { "eyebrow": "OPPORTUNITY AWAITS", "title": "Become a Sponsor", - "subtitle": "IPv6 for AI & Data Centre Summit 2026 — 18 June 2026, Ho Chi Minh City", + "subtitle": "IPv6 - Enhanced AI & Data Centre Summit 2026 — 18 June 2026, Ho Chi Minh City", "description": "Join industry leaders at the forefront of the technological evolution. We invite innovative companies to co-sponsor an elite gathering focusing on AI, IPv6, Cloud Computing, Cybersecurity, Blockchain, and Data Centres. Align your brand with the architects of tomorrow's infrastructure.", "primaryCta": { "label": "Download Prospectus", "href": "#" }, "secondaryCta": { "label": "Speak to an Agent", "href": "#contact" } diff --git a/app/layout.tsx b/app/layout.tsx index 514e2ce..c500eb8 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -9,7 +9,7 @@ export const metadata: Metadata = { metadataBase: new URL(process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"), title: "IPv6 Enhanced 2026 | Infrastructure for AI", description: - "IPv6 for AI & Data Centre Enhanced 2026 — a premier event for next-gen infrastructure in ASEAN.", + "IPv6 - Enhanced for AI & Data Centre Enhanced 2026 — a premier event for next-gen infrastructure in ASEAN.", }; export default function RootLayout({ children }: { children: React.ReactNode }) {