Hugging Face's logo

Spaces:
nock2
/
ip-x-ai-summit
Running

App Files Community
ip-x-ai-summit / index.html
nock2's picture
nock2
Create a website for an upcoming event. ## Product Requirements Document (PRD): AI x IP Summit 2025 Website Model the website after Blockworks DAS: https://blockworks.co/event/digital-asset-summit-2025-london ## Overview The AI x IP Summit website is the institutional gateway for the flagship event at the intersection of programmable intellectual property, artificial intelligence, and blockchain finance. The site must reflect the Summit’s status as the definitive convergence point for global capital, technology, and culture, and support high-quality applications from speakers, sponsors, and partners12. It should project institutional-grade legitimacy, showcase asymmetric opportunities in the programmable IP economy, and provide a seamless experience for all target audiences. --- ## 1. Objectives - Position Story and Blockworks as market-defining leaders in programmable IP and AI. - Drive applications and ticket sales from institutional investors, Web3 developers, enterprise AI stakeholders, major IP holders, and media. - Showcase the Summit’s unique value: exclusive access, high-caliber participants, and onchain IP monetization opportunities. - Provide clear, actionable information on participation, sponsorship, agenda, and ecosystem partners. - Ensure @Nicholas George is able to directly edit the copy on the website. --- ## 2. Audience - Institutional Investors (VCs, crypto funds, family offices) - Web3 Developers & AI/IP Startups - Enterprise AI Stakeholders - Major IP Holders - Media & Press --- ## 3. Website Structure & Feature Requirements ## **A. Home** **Purpose:** Serve as the institutional landing page, establishing the Summit’s authority and unique positioning. **Content & Features:** - Hero section: Event name, dates (September 22-23, 2025), location (Seoul, Korea), and call-to-action (Apply/Register). - Executive summary: Brief on the Summit’s institutional focus, scale (700+ attendees), and curated audience12. - Core narrative: “IP is the reserve asset of the AI economy.” - Key value propositions: - Premier institutional event for programmable IP and AI - Invitation/application-only attendance - High-level networking, private roundtables, and regulatory engagement - Organizers: Story & Blockworks profiles, emphasizing institutional credibility and ecosystem reach. - Press and media logos. - Blockworks - Nathan’s KR PR network - Contact information and social links. Copy: **AI x IP Summit 2025** September 22–23, 2025 | Seoul, Korea The AI x IP Summit is the flagship institutional event for programmable intellectual property, artificial intelligence, and blockchain finance. Hosted by Story and Blockworks during Korea Blockchain Week, the Summit convenes global leaders in capital, technology, and culture to define the future of the programmable IP economy. Attendance is by application or invitation only, ensuring a curated, high-impact audience of institutional investors, major IP holders, AI founders, and policy leaders. Programming features private roundtables, expert panels, and high-level networking designed for regulatory engagement, strategic partnerships, and actionable outcomes. Korea, the epicenter of global culture and digital asset innovation, sets the stage for this historic gathering. Join us to shape the rails of the $70 trillion IP economy --- ## **B. Tickets** **Purpose:** Streamline the application and registration process for attendees, emphasizing exclusivity and high-impact participation. **Content & Features:** - Ticket/application types: General, VIP, and Sponsor passes, with clear eligibility and benefits. - Application form: Collect information for curation (name, organization, role, motivation for attending). - Pricing tiers (if public), or “Apply to Attend” for curated selection. - Outline of what each ticket includes (e.g., access to VIP dinner, private sessions, hospitality). - FAQs: Attendance process, selection criteria, refund policy, etc. - Contact for ticketing support. Copy: **Apply to Attend** Participation at the AI x IP Summit is by application or invitation only. We carefully select attendees to ensure every interaction is meaningful and high-value. - General, VIP, and Sponsor passes available - Access includes curated sessions, private roundtables, and premium networking - Applications are reviewed to maintain the highest caliber of participants Apply now to secure your place among global leaders in IP, AI, and finance. For sponsorship or group inquiries, contact: [events@storyprotocol.xyz](mailto:events@storyprotocol.xyz) --- ## **C. Participating Companies** **Purpose:** Showcase the caliber and breadth of institutional participants, reinforcing network legitimacy and ecosystem opportunity. **Content & Features:** - Logos and names of confirmed attending companies (e.g., BlackRock, Goldman Sachs, Binance, Solana, etc.)12. - Section for “Past Attending Companies” to demonstrate legacy and momentum. - Call-to-action for companies to inquire about participation or partnership. Copy: **A Global Network of Leaders** The AI x IP Summit brings together decision-makers from the world’s most influential institutions, technology firms, and IP holders. Past and current participants include: - BlackRock - Goldman Sachs - HSBC - Morgan Stanley - JPMorgan Chase - Binance - Solana - Visa - Deutsche Bank - OKX - Consensys - Andreessen Horowitz (a16z) - Worldcoin - Stability AI This is where institutional capital meets internet-native creativity, forging the next era of programmable IP and AI innovation Interested in Sponsorship? Click here. (https://docs.google.com/forms/d/e/1FAIpQLSfKhhpTKtRUpALo09t2yw5rbWvPzScbFlnuGQXibFj6BayTTQ/viewform?usp=dialog) --- ## **D. Agenda** **Purpose:** Communicate the Summit’s premium programming and institutional focus. **Content & Features:** [IP Asset Summit - Content Agenda](https://www.notion.so/IP-Asset-Summit-Content-Agenda-20d051299a5480f3b95ac47d9f2ef5ad?pvs=21) - High-level schedule: - September 23: Summit (9am–6pm) – keynotes, panels, roundtables, live demos, networking. - Session types: - Keynotes from global IP, AI, and investment leaders - Panels on tokenized IP, AI licensing, RWA markets, and regulation - Live podcasts, fireside chats, showcases from Story projects - Speaker highlights: Rotating carousel or featured section for top speakers (e.g., Cathie Wood, Michael Saylor, Vitalik Buterin) - “More speakers to be announced” placeholder. - Livestream information (for virtual attendees). - The IP x AI Summit will be livestreamed on Story and Blockworks Twitter accounts Copy: ## Agenda **September 22: VIP Dinner (6pm–9pm)** An invitation-only evening for government leaders, senior executives, investors, and distinguished speakers. The program features a fireside chat with a guest of honor and is designed to catalyze strategic dialogue and long-term partnership alignment. **September 23: Summit (9am–6pm)** A full day of keynotes, panels, and roundtables led by global leaders in IP, AI, and finance. Topics include: - Tokenization of IP - Licensing models for AI - RWA (Real World Asset) markets - Regulation and compliance - Live podcasts and ecosystem showcases Sessions are livestreamed via Story and Blockworks’ official channels, with premium hospitality and networking throughout --- ## **E. Sponsor** **Purpose:** Drive inbound sponsorship interest and clearly communicate sponsorship value and packages. **Content & Features:** - Sponsorship narrative: - “Institutional capital meets internet-native creativity.” - “From Memecoins to Music Rights: IP is the new digital gold.” - Sponsorship tiers: Ruby, Diamond, Emerald, Platinum, Gold – with a comparison table of benefits (stage time, passes, media exposure, etc.)123. - Logos of confirmed sponsors - Detailed benefits per tier (e.g., keynote slots, panel participation, kiosks, media introductions, branding, networking app inclusion)123. - Downloadable sponsorship prospectus (PDF). - Contact form or dedicated email for sponsorship inquiries. Copy: ## Sponsor **Partner With the IP Economy’s Institutional Convergence Point** Sponsorship at the AI x IP Summit offers unprecedented access to a curated audience of capital allocators, innovators, and major IP holders. - Tiered sponsorship packages: Ruby, Diamond, Emerald, Platinum, Gold - Benefits include stage time, panel participation, branded kiosks, VIP passes, media introductions, and prominent onsite visibility - All sponsors are featured in pre-event press, on the website, and within the official networking app Secure your position as a market leader in the programmable IP economy. For the full prospectus and sponsorship opportunities, contact: [events@storyprotocol.xyz](mailto:events@storyprotocol.xyz) --- ## 4. Design & Technical Requirements - Institutional, forward-thinking, and clean design language. Lean into Blockworks branding as much as possible. - Fast load times and accessibility compliance (WCAG 2.1 AA). - CMS integration for easy agenda, speaker, and company updates. - Analytics integration (Google Analytics, etc.). - SEO optimization for target keywords (AI, IP, programmable IP, onchain monetization, etc.). - Security: HTTPS, data privacy compliance (GDPR, etc.). --- --- ## 6. Timeline - MVP launch: Within 6 weeks of PRD sign-off. - Rolling updates: Speaker, company, and agenda updates as confirmations occur. - Final content lock: 2 weeks before event. --- --- - Initial Deployment
b96eeaf verified
raw
history blame contribute delete
41 kB
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI x IP Summit 2025 | Seoul, Korea</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#3B82F6',
secondary: '#10B981',
accent: '#F59E0B',
dark: '#1F2937',
light: '#F3F4F6',
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
},
}
}
}
</script>
<style>
.hero-gradient {
background: linear-gradient(135deg, rgba(59, 130, 246, 0.8) 0%, rgba(16, 185, 129, 0.8) 100%);
}
.section-divider {
height: 100px;
background-color: #F3F4F6;
clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
}
.speaker-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.mobile-menu {
transition: all 0.3s ease-in-out;
transform: translateX(100%);
}
.mobile-menu.open {
transform: translateX(0);
}
@media (min-width: 1024px) {
.agenda-item::before {
content: '';
position: absolute;
top: 24px;
left: -20px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #3B82F6;
}
}
</style>
</head>
<body class="font-sans antialiased text-dark">
<!-- Navigation -->
<nav class="bg-white shadow-sm sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<a href="#" class="flex-shrink-0 flex items-center">
<span class="text-xl font-bold text-primary">AI x IP Summit</span>
<span class="ml-2 text-xs px-2 py-1 bg-accent text-white rounded">2025</span>
</a>
</div>
<div class="hidden md:flex items-center space-x-8">
<a href="#about" class="text-gray-700 hover:text-primary transition">About</a>
<a href="#agenda" class="text-gray-700 hover:text-primary transition">Agenda</a>
<a href="#speakers" class="text-gray-700 hover:text-primary transition">Speakers</a>
<a href="#companies" class="text-gray-700 hover:text-primary transition">Attendees</a>
<a href="#sponsors" class="text-gray-700 hover:text-primary transition">Sponsors</a>
<a href="#tickets" class="bg-primary text-white px-4 py-2 rounded-md hover:bg-blue-700 transition">Apply</a>
</div>
<div class="md:hidden flex items-center">
<button id="mobile-menu-button" class="text-gray-500 hover:text-primary focus:outline-none">
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
</div>
</div>
</div>
</nav>
<!-- Mobile Menu -->
<div id="mobile-menu" class="mobile-menu fixed inset-y-0 right-0 w-64 bg-white shadow-lg z-50 overflow-y-auto py-4">
<div class="px-5">
<button id="close-menu" class="absolute top-4 right-4 text-gray-500 hover:text-primary">
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
<div class="mt-10 space-y-6">
<a href="#about" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50 rounded-md">About</a>
<a href="#agenda" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50 rounded-md">Agenda</a>
<a href="#speakers" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50 rounded-md">Speakers</a>
<a href="#companies" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50 rounded-md">Attendees</a>
<a href="#sponsors" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-primary hover:bg-gray-50 rounded-md">Sponsors</a>
<a href="#tickets" class="block bg-primary text-white px-4 py-2 rounded-md text-center hover:bg-blue-700">Apply</a>
</div>
<div class="mt-8 px-3">
<h4 class="text-sm font-medium text-gray-500 uppercase tracking-wider">Contact</h4>
<div class="mt-4 space-y-1">
<a href="mailto:events@storyprotocol.xyz" class="flex items-center space-x-2 text-gray-600 hover:text-primary">
<span>events@storyprotocol.xyz</span>
</a>
</div>
</div>
</div>
</div>
<!-- Hero Section -->
<section class="relative overflow-hidden">
<div class="hero-gradient h-96 md:h-screen max-h-screen flex items-center justify-center relative">
<div class="absolute inset-0 bg-black opacity-20"></div>
<div class="relative text-center px-6 container mx-auto max-w-6xl">
<div class="mb-8">
<span class="inline-block px-4 py-2 bg-white bg-opacity-90 text-primary rounded-full text-sm font-bold tracking-wider">September 22-23, 2025 | Seoul, Korea</span>
</div>
<h1 class="text-4xl md:text-6xl font-bold text-white mb-6">AI x IP Summit 2025</h1>
<p class="text-xl md:text-2xl text-white max-w-3xl mx-auto mb-8">
The flagship institutional event for programmable intellectual property, artificial intelligence, and blockchain finance
</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="#tickets" class="bg-primary hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition duration-300 text-lg">Apply to Attend</a>
<a href="#sponsors" class="bg-white hover:bg-gray-100 text-primary font-bold py-3 px-8 rounded-full transition duration-300 text-lg">Become a Sponsor</a>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="py-20 bg-white">
<div class="container mx-auto px-6 max-w-6xl">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Defining the Future of the Programmable IP Economy</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-8"></div>
<p class="text-lg md:text-xl text-gray-600 max-w-4xl mx-auto">
Hosted by Story and Blockworks during Korea Blockchain Week, the Summit convenes global leaders in capital,
technology, and culture to define the future of the programmable IP economy.
</p>
</div>
<div class="grid md:grid-cols-2 gap-12 mb-16">
<div>
<div class="bg-light p-8 rounded-xl">
<h3 class="text-2xl font-bold mb-4 text-dark">What to Expect</h3>
<ul class="space-y-4 text-gray-600">
<li class="flex items-start">
<span class="text-primary mr-4 mt-1">
<i class="fas fa-check-circle"></i>
</span>
<span>700+ institutional investors, IP holders, and AI innovators</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-4 mt-1">
<i class="fas fa-check-circle"></i>
</span>
<span>Invitation/application-only attendance for high-impact networking</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-4 mt-1">
<i class="fas fa-check-circle"></i>
</span>
<span>Private roundtables for regulatory engagement and strategic partnerships</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-4 mt-1">
<i class="fas fa-check-circle"></i>
</span>
<span>Fireside chats with global thought leaders</span>
</li>
</ul>
</div>
</div>
<div>
<div class="bg-light p-8 rounded-xl">
<h3 class="text-2xl font-bold mb-4 text-dark">Core Narrative</h3>
<p class="text-xl italic text-gray-600 mb-4">
"IP is the reserve asset of the AI economy."
</p>
<p class="text-gray-600">
At the intersection of artificial intelligence and intellectual property lies the next trillion-dollar opportunity.
The AI x IP Summit is where institutional capital meets internet-native creativity, forging the rails of the
$70 trillion IP economy.
</p>
</div>
</div>
</div>
<div class="text-center">
<h3 class="text-2xl font-bold mb-6">Organized By</h3>
<div class="flex flex-wrap justify-center items-center gap-8">
<img src="https://via.placeholder.com/200x80?text=Story" alt="Story" class="h-16 object-contain">
<img src="https://via.placeholder.com/200x80?text=Blockworks" alt="Blockworks" class="h-16 object-contain">
</div>
</div>
</div>
</section>
<!-- Section Divider -->
<div class="section-divider w-full"></div>
<!-- Speakers Section -->
<section id="speakers" class="py-20 bg-light">
<div class="container mx-auto px-6 max-w-6xl">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Featured Speakers</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-8"></div>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
Hear from global leaders in AI, intellectual property, blockchain, and institutional finance
</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8">
<!-- Speaker 1 -->
<div class="speaker-card bg-white rounded-xl overflow-hidden shadow-md transition duration-300 ease-in-out">
<div class="h-64 bg-gray-200 flex items-center justify-center">
<i class="fas fa-user text-6xl text-gray-400"></i>
</div>
<div class="p-6">
<h3 class="text-xl font-bold text-dark mb-1">Speaker Name 1</h3>
<p class="text-primary font-medium mb-3">Company Title</p>
<p class="text-gray-500 text-sm">Short bio or role description goes here.</p>
</div>
</div>
<!-- Speaker 2 -->
<div class="speaker-card bg-white rounded-xl overflow-hidden shadow-md transition duration-300 ease-in-out">
<div class="h-64 bg-gray-200 flex items-center justify-center">
<i class="fas fa-user text-6xl text-gray-400"></i>
</div>
<div class="p-6">
<h3 class="text-xl font-bold text-dark mb-1">Speaker Name 2</h3>
<p class="text-primary font-medium mb-3">Company Title</p>
<p class="text-gray-500 text-sm">Short bio or role description goes here.</p>
</div>
</div>
<!-- Speaker 3 -->
<div class="speaker-card bg-white rounded-xl overflow-hidden shadow-md transition duration-300 ease-in-out">
<div class="h-64 bg-gray-200 flex items-center justify-center">
<i class="fas fa-user text-6xl text-gray-400"></i>
</div>
<div class="p-6">
<h3 class="text-xl font-bold text-dark mb-1">Speaker Name 3</h3>
<p class="text-primary font-medium mb-3">Company Title</p>
<p class="text-gray-500 text-sm">Short bio or role description goes here.</p>
</div>
</div>
<!-- More Speakers -->
<div class="speaker-card bg-white rounded-xl overflow-hidden shadow-md transition duration-300 ease-in-out">
<div class="h-64 bg-gray-200 flex items-center justify-center">
<i class="fas fa-plus text-6xl text-gray-400"></i>
</div>
<div class="p-6">
<h3 class="text-xl font-bold text-dark mb-1">More Speakers</h3>
<p class="text-primary font-medium mb-3">To Be Announced</p>
<p class="text-gray-500 text-sm">Stay tuned for additional speaker announcements.</p>
</div>
</div>
</div>
<div class="text-center mt-12">
<p class="text-gray-500">
Sessions will be livestreamed on Story and Blockworks' official Twitter accounts
</p>
</div>
</div>
</section>
<!-- Section Divider -->
<div class="section-divider w-full bg-light"></div>
<!-- Agenda Section -->
<section id="agenda" class="py-20 bg-white">
<div class="container mx-auto px-6 max-w-6xl">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Summit Agenda</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-8"></div>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
Premium programming designed for institutional impact
</p>
</div>
<div class="max-w-4xl mx-auto">
<!-- Day 1 -->
<div class="mb-12">
<h3 class="text-2xl font-bold text-dark mb-6 bg-gray-100 p-4 rounded-lg">September 22: VIP Dinner</h3>
<ul class="space-y-8">
<li class="agenda-item relative pl-12">
<div class="bg-light p-6 rounded-lg">
<div class="flex flex-col md:flex-row md:items-center justify-between mb-2">
<h4 class="text-lg font-bold text-dark">Invitation-Only Evening</h4>
<span class="text-primary font-medium">6:00 PM - 9:00 PM</span>
</div>
<p class="text-gray-600">
An exclusive gathering for government leaders, senior executives, investors, and distinguished speakers.
Features a fireside chat with a guest of honor and strategic dialogue opportunities.
</p>
</div>
</li>
</ul>
</div>
<!-- Day 2 -->
<div>
<h3 class="text-2xl font-bold text-dark mb-6 bg-gray-100 p-4 rounded-lg">September 23: Main Summit</h3>
<ul class="space-y-8">
<li class="agenda-item relative pl-12">
<div class="bg-light p-6 rounded-lg">
<div class="flex flex-col md:flex-row md:items-center justify-between mb-2">
<h4 class="text-lg font-bold text-dark">Opening Keynote</h4>
<span class="text-primary font-medium">9:00 AM - 9:30 AM</span>
</div>
<p class="text-gray-600">
Visionary address on the future of programmable IP and AI convergence.
</p>
</div>
</li>
<li class="agenda-item relative pl-12">
<div class="bg-light p-6 rounded-lg">
<div class="flex flex-col md:flex-row md:items-center justify-between mb-2">
<h4 class="text-lg font-bold text-dark">Tokenization of IP</h4>
<span class="text-primary font-medium">10:00 AM - 11:00 AM</span>
</div>
<p class="text-gray-600">
Panel discussion on emerging models for IP tokenization and on-chain monetization.
</p>
</div>
</li>
<li class="agenda-item relative pl-12">
<div class="bg-light p-6 rounded-lg">
<div class="flex flex-col md:flex-row md:items-center justify-between mb-2">
<h4 class="text-lg font-bold text-dark">AI Licensing and Legal Frameworks</h4>
<span class="text-primary font-medium">11:30 AM - 12:30 PM</span>
</div>
<p class="text-gray-600">
Exploring novel licensing models for AI and their implications for content creators.
</p>
</div>
</li>
<li class="agenda-item relative pl-12">
<div class="bg-light p-6 rounded-lg">
<div class="flex flex-col md:flex-row md:items-center justify-between mb-2">
<h4 class="text-lg font-bold text-dark">Fireside Chat: The $70T IP Opportunity</h4>
<span class="text-primary font-medium">2:00 PM - 2:45 PM</span>
</div>
<p class="text-gray-600">
Deep dive with industry leaders on the institutional opportunity in programmable IP.
</p>
</div>
</li>
<li class="agenda-item relative pl-12">
<div class="bg-light p-6 rounded-lg">
<div class="flex flex-col md:flex-row md:items-center justify-between mb-2">
<h4 class="text-lg font-bold text-dark">Closing Remarks</h4>
<span class="text-primary font-medium">5:30 PM - 6:00 PM</span>
</div>
<p class="text-gray-600">
Key takeaways and future outlook from the Summit organizers.
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Participating Companies Section -->
<section id="companies" class="py-20 bg-light">
<div class="container mx-auto px-6 max-w-6xl">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Past & Present Participants</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-8"></div>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
The world's most influential institutions and technology innovators
</p>
</div>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6">
<div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-center h-24">
<span class="font-bold">BlackRock</span>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-center h-24">
<span class="font-bold">Goldman Sachs</span>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-center h-24">
<span class="font-bold">Binance</span>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-center h-24">
<span class="font-bold">Visa</span>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-center h-24">
<span class="font-bold">Solana</span>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-center h-24">
<span class="font-bold">JPMorgan</span>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-center h-24">
<span class="font-bold">a16z</span>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-center h-24">
<span class="font-bold">Stability AI</span>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-center h-24">
<span class="font-bold">Worldcoin</span>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm flex items-center justify-center h-24">
<span class="font-bold">Consensys</span>
</div>
</div>
<div class="mt-12 text-center">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfKhhpTKtRUpALo09t2yw5rbWvPzScbFlnuGQXibFj6BayTTQ/viewform?usp=dialog"
class="inline-block bg-primary hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition duration-300">
Interested in Sponsorship?
</a>
</div>
</div>
</section>
<!-- Tickets Section -->
<section id="tickets" class="py-20 bg-white">
<div class="container mx-auto px-6 max-w-4xl">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Apply to Attend</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-8"></div>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
Participation at the AI x IP Summit is by application or invitation only to ensure every interaction is meaningful.
</p>
</div>
<div class="bg-light rounded-xl p-8 md:p-12 shadow-md">
<form id="application-form" class="space-y-6">
<div>
<label for="name" class="block text-gray-700 font-medium mb-2">Full Name</label>
<input type="text" id="name" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-primary focus:border-primary">
</div>
<div>
<label for="email" class="block text-gray-700 font-medium mb-2">Email Address</label>
<input type="email" id="email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-primary focus:border-primary">
</div>
<div>
<label for="organization" class="block text-gray-700 font-medium mb-2">Organization</label>
<input type="text" id="organization" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-primary focus:border-primary">
</div>
<div>
<label for="role" class="block text-gray-700 font-medium mb-2">Role/Title</label>
<input type="text" id="role" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-primary focus:border-primary">
</div>
<div>
<label for="pass-type" class="block text-gray-700 font-medium mb-2">Pass Type</label>
<select id="pass-type" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-primary focus:border-primary">
<option value="">Select one</option>
<option value="general">General Admission</option>
<option value="vip">VIP (Executive/Investor)</option>
<option value="press">Media/Press</option>
<option value="speaker">Speaker/Invitee</option>
<option value="sponsor">Sponsor</option>
</select>
</div>
<div>
<label for="motivation" class="block text-gray-700 font-medium mb-2">What are your goals for attending? (Optional)</label>
<textarea id="motivation" rows="4" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-primary focus:border-primary"></textarea>
</div>
<button type="submit" class="w-full bg-primary hover:bg-blue-700 text-white font-bold py-4 px-6 rounded-lg transition duration-300">
Submit Application
</button>
</form>
<div class="mt-8 pt-8 border-t border-gray-200">
<h4 class="text-lg font-bold text-dark mb-4">FAQs</h4>
<div class="space-y-4">
<div>
<p class="font-medium text-dark">How long does the application process take?</p>
<p class="text-gray-600">Applications are typically reviewed within 7-10 business days. VIP applications may take longer for additional verification.</p>
</div>
<div>
<p class="font-medium text-dark">What are the selection criteria?</p>
<p class="text-gray-600">We prioritize institutional investors, IP holders, AI founders, and policy makers who can contribute meaningfully to discussions.</p>
</div>
<div>
<p class="font-medium text-dark">Can I transfer my ticket?</p>
<p class="text-gray-600">All passes are non-transferable after approval. For group inquiries, please contact events@storyprotocol.xyz.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Sponsors Section -->
<section id="sponsors" class="py-20 bg-dark text-white">
<div class="container mx-auto px-6 max-w-6xl">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Sponsorship Opportunities</h2>
<div class="w-20 h-1 bg-primary mx-auto mb-8"></div>
<p class="text-lg text-gray-300 max-w-3xl mx-auto">
Partner with the IP economy's institutional convergence point
</p>
</div>
<div class="grid md:grid-cols-3 gap-8 mb-12">
<!-- Ruby Tier -->
<div class="bg-gray-800 rounded-xl p-8">
<h3 class="text-xl font-bold mb-2 text-white">Ruby</h3>
<p class="text-accent font-semibold text-2xl mb-6">$25,000</p>
<ul class="space-y-3 text-gray-300">
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>2 full access passes</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>Logo on website and digital materials</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>Sponsor acknowledgment in opening remarks</span>
</li>
</ul>
</div>
<!-- Emerald Tier -->
<div class="bg-gray-800 rounded-xl p-8 border-2 border-primary relative">
<div class="absolute -top-3 -right-3 bg-primary text-white text-xs font-bold px-3 py-1 rounded-full">POPULAR</div>
<h3 class="text-xl font-bold mb-2 text-white">Emerald</h3>
<p class="text-accent font-semibold text-2xl mb-6">$50,000</p>
<ul class="space-y-3 text-gray-300">
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>4 full access passes</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>Premium logo placement</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>Branded kiosk or signage</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>Opportunity to participate in a panel</span>
</li>
</ul>
</div>
<!-- Diamond Tier -->
<div class="bg-gray-800 rounded-xl p-8">
<h3 class="text-xl font-bold mb-2 text-white">Diamond</h3>
<p class="text-accent font-semibold text-2xl mb-6">$100,000+</p>
<ul class="space-y-3 text-gray-300">
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>8 full access passes including VIP dinner</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>Keynote or fireside chat opportunity</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>Prime branding throughout venue</span>
</li>
<li class="flex items-start">
<span class="text-primary mr-2">✓</span>
<span>Pre-event media placement</span>
</li>
</ul>
</div>
</div>
<div class="text-center">
<h3 class="text-2xl font-bold mb-4">Confirmed Sponsors</h3>
<div class="flex flex-wrap justify-center items-center gap-8 my-8">
<div class="bg-gray-700 p-6 rounded-lg w-32 h-24 flex items-center justify-center">
<span class="text-gray-400">Sponsor 1</span>
</div>
<div class="bg-gray-700 p-6 rounded-lg w-32 h-24 flex items-center justify-center">
<span class="text-gray-400">Sponsor 2</span>
</div>
<div class="bg-gray-700 p-6 rounded-lg w-32 h-24 flex items-center justify-center">
<span class="text-gray-400">Sponsor 3</span>
</div>
</div>
<p class="text-gray-400 max-w-2xl mx-auto mb-8">
All sponsors receive recognition in pre-event press, on the website, and within the official networking app.
</p>
<a href="mailto:events@storyprotocol.xyz" class="inline-block bg-primary hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition duration-300">
Contact Our Sponsorship Team
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-dark text-gray-400 py-12">
<div class="container mx-auto px-6 max-w-6xl">
<div class="grid md:grid-cols-4 gap-12 mb-8">
<div>
<h3 class="text-white font-bold text-lg mb-4">AI x IP Summit 2025</h3>
<p class="mb-4">September 22-23, 2025</p>
<p>Seoul, Korea</p>
</div>
<div>
<h3 class="text-white font-bold text-lg mb-4">Quick Links</h3>
<ul class="space-y-2">
<li><a href="#about" class="hover:text-white transition">About</a></li>
<li><a href="#agenda" class="hover:text-white transition">Agenda</a></li>
<li><a href="#speakers" class="hover:text-white transition">Speakers</a></li>
<li><a href="#tickets" class="hover:text-white transition">Apply</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-bold text-lg mb-4">Media</h3>
<ul class="space-y-2">
<li><a href="#" class="hover:text-white transition">Press Kit</a></li>
<li><a href="#" class="hover:text-white transition">Press Pass</a></li>
<li><a href="#" class="hover:text-white transition">Media Inquiries</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-bold text-lg mb-4">Contact</h3>
<p class="mb-2">For general inquiries:</p>
<a href="mailto:events@storyprotocol.xyz" class="text-primary hover:text-blue-400 transition">events@storyprotocol.xyz</a>
<div class="flex space-x-4 mt-4">
<a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-linkedin"></i></a>
<a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-discord"></i></a>
</div>
</div>
</div>
<div class="pt-8 border-t border-gray-800 text-center text-sm">
<p>© 2025 AI x IP Summit. All rights reserved. Hosted by Story and Blockworks.</p>
</div>
</div>
</footer>
<script>
// Mobile Menu Toggle
const mobileMenuButton = document.getElementById('mobile-menu-button');
const closeMenuButton = document.getElementById('close-menu');
const mobileMenu = document.getElementById('mobile-menu');
mobileMenuButton.addEventListener('click', () => {
mobileMenu.classList.add('open');
});
closeMenuButton.addEventListener('click', () => {
mobileMenu.classList.remove('open');
});
// Close menu when clicking outside
document.addEventListener('click', (e) => {
if (!mobileMenu.contains(e.target) && e.target !== mobileMenuButton) {
mobileMenu.classList.remove('open');
}
});
// Form submission
const applicationForm = document.getElementById('application-form');
if (applicationForm) {
applicationForm.addEventListener('submit', (e) => {
e.preventDefault();
// Simple form validation
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const passType = document.getElementById('pass-type').value;
if (!name || !email || !passType) {
alert('Please fill in all required fields.');
return;
}
// Here you would normally send the form data to your backend
alert('Application submitted successfully! We will review your application and respond within 7-10 business days.');
applicationForm.reset();
});
}
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth'
});
// Close mobile menu if open
mobileMenu.classList.remove('open');
// Update URL without page refresh
if (history.pushState) {
history.pushState(null, null, targetId);
} else {
location.hash = targetId;
}
}
});
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=nock2/ip-x-ai-summit" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>