diff --git a/app/(site)/sponsor/page.tsx b/app/(site)/sponsor/page.tsx new file mode 100644 index 0000000..42d0038 --- /dev/null +++ b/app/(site)/sponsor/page.tsx @@ -0,0 +1,23 @@ +import type { Metadata } from "next"; +import sponsor from "@/app/data/sponsor.json"; +import SponsorHero from "@/app/components/sponsor/SponsorHero"; +import SponsorPackages from "@/app/components/sponsor/SponsorPackages"; +import SponsorItemBased from "@/app/components/sponsor/SponsorItemBased"; +import SponsorContact from "@/app/components/sponsor/SponsorContact"; + +export const metadata: Metadata = { + title: "Sponsorship | IPv6 Summit 2026", + description: + "Become a sponsor at the IPv6 for AI & Data Centre Summit 2026. Align your brand with the architects of tomorrow's infrastructure.", +}; + +export default function SponsorPage() { + return ( +
+ + + + +
+ ); +} diff --git a/app/components/sponsor/SponsorContact.tsx b/app/components/sponsor/SponsorContact.tsx new file mode 100644 index 0000000..5e1d8f0 --- /dev/null +++ b/app/components/sponsor/SponsorContact.tsx @@ -0,0 +1,80 @@ +type SponsorContactData = { + id: string; + title: string; + description: string; + phone: { label: string; value: string }; + email: { label: string; value: string }; + cta: string; + image: { src: string; alt: string }; +}; + +export default function SponsorContact({ data }: { data: SponsorContactData }) { + return ( +
+
+ + {/* glass-panel gold-border — p-stack-lg lg:p-section-gap */} +
+ {/* Glow */} +
+ +
+ {/* Left */} +
+

{data.title}

+ +

+ {data.description} +

+ +
+ {/* Phone */} +
+
+ call +
+
+

{data.phone.label}

+

{data.phone.value}

+
+
+ + {/* Email */} +
+
+ mail +
+
+

{data.email.label}

+

{data.email.value}

+
+
+
+ + +
+ + {/* Right: image */} +
+
+ {/* eslint-disable-next-line @next/next/no-img-element */} + {data.image.alt} +
+
+
+
+
+
+
+ ); +} diff --git a/app/components/sponsor/SponsorHero.tsx b/app/components/sponsor/SponsorHero.tsx new file mode 100644 index 0000000..a356040 --- /dev/null +++ b/app/components/sponsor/SponsorHero.tsx @@ -0,0 +1,51 @@ +import Link from "next/link"; + +type SponsorHeroData = { + eyebrow: string; + title: string; + subtitle: string; + description: string; + primaryCta: { label: string; href: string }; + secondaryCta: { label: string; href: string }; +}; + +export default function SponsorHero({ data }: { data: SponsorHeroData }) { + return ( +
+
+ +
+ + {data.eyebrow} + + +

+ {data.title} +

+ +

+ {data.subtitle} +

+ +

+ {data.description} +

+ +
+ + {data.primaryCta.label} + + + {data.secondaryCta.label} + +
+
+
+ ); +} diff --git a/app/components/sponsor/SponsorItemBased.tsx b/app/components/sponsor/SponsorItemBased.tsx new file mode 100644 index 0000000..a13c78e --- /dev/null +++ b/app/components/sponsor/SponsorItemBased.tsx @@ -0,0 +1,68 @@ +type ItemCard = { + icon: string; + title: string; + status: string; +}; + +type Highlight = { + eyebrow: string; + title: string; + icon: string; +}; + +type SponsorItemBasedData = { + eyebrow: string; + title: string; + description: string; + items: ItemCard[]; + highlights: Highlight[]; +}; + +export default function SponsorItemBased({ data }: { data: SponsorItemBasedData }) { + return ( +
+
+ + {/* Header — text-center mb-stack-lg */} +
+

{data.title}

+

{data.description}

+
+ + {/* 4-col cards — gap-gutter = 24px, mb-stack-lg = 32px */} +
+ {data.items.map((item) => ( +
+
+ {item.icon} +
+

{item.title}

+

{item.status}

+
+ ))} +
+ + {/* Highlights — gap-gutter = 24px */} +
+ {data.highlights.map((h) => ( +
+
+

{h.eyebrow}

+

{h.title}

+
+ + {h.icon} + +
+ ))} +
+
+
+ ); +} diff --git a/app/components/sponsor/SponsorPackages.tsx b/app/components/sponsor/SponsorPackages.tsx new file mode 100644 index 0000000..ba48a9f --- /dev/null +++ b/app/components/sponsor/SponsorPackages.tsx @@ -0,0 +1,96 @@ +type PackageItem = { + id: string; + tier: string; + badge: string | null; + price: string; + featured: boolean; + cta: string; + benefits: string[]; + boldBenefit: string | null; +}; + +type SponsorPackagesData = { + eyebrow: string; + title: string; + items: PackageItem[]; +}; + +export default function SponsorPackages({ data }: { data: SponsorPackagesData }) { + return ( +
+
+ + {/* Header — flex items-center justify-between mb-stack-lg */} +
+

{data.title}

+
+
+ + {/* Grid — gap-stack-lg = 32px */} +
+ {data.items.map((pkg) => ( +
+
+ {pkg.badge && ( + + {pkg.badge} + + )} +

+ {pkg.tier} +

+
+ {pkg.price} +
+
+ +
    + {pkg.benefits.map((benefit) => ( +
  • + + check_circle + + + {benefit} + +
    • + ))} +
+ + +
+ ))} +
+
+
+ ); +} diff --git a/app/data/sponsor.json b/app/data/sponsor.json new file mode 100644 index 0000000..fcc8dbd --- /dev/null +++ b/app/data/sponsor.json @@ -0,0 +1,114 @@ +{ + "hero": { + "eyebrow": "OPPORTUNITY AWAITS", + "title": "Become a Sponsor", + "subtitle": "IPv6 for 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" } + }, + "packages": { + "eyebrow": "PACKAGES", + "title": "Sponsorship Packages & Benefits", + "items": [ + { + "id": "diamond", + "tier": "DIAMOND SPONSOR", + "badge": "MOST PRESTIGIOUS", + "price": "80,000,000 VND", + "featured": true, + "cta": "Select Diamond", + "benefits": [ + "Logo prominent on all branding materials", + "Logo on stage backdrop & LED screens", + "Premium exhibition standee space", + "1 dedicated speaking slot", + "07 VIP Delegate tickets" + ], + "boldBenefit": "1 dedicated speaking slot" + }, + { + "id": "gold", + "tier": "GOLD SPONSOR", + "badge": null, + "price": "50,000,000 VND", + "featured": false, + "cta": "Select Gold", + "benefits": [ + "Logo on stage backdrop & LED screens", + "Exhibition standee placement", + "05 VIP Delegate tickets" + ], + "boldBenefit": null + }, + { + "id": "silver", + "tier": "SILVER SPONSOR", + "badge": null, + "price": "40,000,000 VND", + "featured": false, + "cta": "Select Silver", + "benefits": [ + "Logo on stage backdrop & LED screens", + "Standard exhibition standee", + "04 VIP Delegate tickets" + ], + "boldBenefit": null + }, + { + "id": "partner", + "tier": "PARTNER SPONSOR", + "badge": null, + "price": "20,000,000 VND", + "featured": false, + "cta": "Select Partner", + "benefits": [ + "Logo on official website & event communications", + "02 VIP Delegate tickets" + ], + "boldBenefit": null + } + ] + }, + "itemBased": { + "eyebrow": "À LA CARTE", + "title": "Item-Based Sponsorship", + "description": "Targeted branding opportunities for specific summit pillars", + "items": [ + { "icon": "hotel", "title": "Hotel Accommodation", "status": "Limited Space" }, + { "icon": "meeting_room", "title": "Conference Hall", "status": "Sold Out" }, + { "icon": "groups", "title": "Networking Zone", "status": "Available" }, + { "icon": "newsmode", "title": "Media Partner", "status": "Apply Now" } + ], + "highlights": [ + { + "eyebrow": "STANDARD BENEFIT", + "title": "Logo on backdrop & LED screens", + "icon": "branding_watermark" + }, + { + "eyebrow": "ACCESS PACK", + "title": "02 VIP Delegate tickets included", + "icon": "confirmation_number" + } + ] + }, + "contact": { + "id": "contact", + "title": "Partner With Us", + "description": "Elevate your brand presence in the Indo-Pacific tech corridor. Our summit offers unparalleled access to decision-makers, researchers, and government officials driving the next generation of data center infrastructure and AI development.", + "phone": { + "label": "PHONE ENQUIRIES", + "value": "+84 941 523 498" + }, + "email": { + "label": "DIRECT EMAIL", + "value": "events@techvanguard.vn" + }, + "cta": "Contact Us to Sponsor", + "image": { + "src": "https://lh3.googleusercontent.com/aida-public/AB6AXuATSk4rhRYAo9_OfX0cJwIC7rUdUmzD9kO7cJM24ECjPHwglU_s0wjBn6gdK0d7tk4ExLvG9DUJQ1L-PbP5ucVH2THO05fev6bWgyvpkElf_94JXJNeWj0Mo4-5-l2ofY-kHE6kPLhitbRzarR7u41favHCt_V9WM0yYb7tcZZQM8eAN5jIVT5OVKSGvfpZNYe05dJm_h3pW0qkWhX1XrUtg_xhhjdvTi-Mei7zHDUkwwRrydg7BHmO17W6ScfALH5rMXojTHub7UDN", + "alt": "A professional business meeting in a high-tech conference room" + } + } +}