Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
136 changes: 136 additions & 0 deletions src/components/XT26Agenda.astro
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
---
const agenda = [
{
time: '08:30',
title: 'Registration and Morning Refreshments',
isSpecialEvent: true
},
{
time: '09:00',
title: 'Housekeeping',
isSpecialEvent: true
},
{
time: '09:05',
title: 'Opening Remarks',
subTitle: 'Jon Pither | JUXT | CEO & Founder',
isSpecialEvent: true
},
{
time: '09:15',
title: 'How to Survive the Claudpocalypse',
subTitle: 'Martin Trojer | Meta | Distinguished Engineer'
},
{
time: '09:50',
title:
'Data Cartography: From Static Blueprints to Navigable Maps for Data-Driven Organisations',
subTitle:
'Simone Steel | Deutsche Bank | Managing Director, CIO Data & AI, Corporate Bank'
},
{
time: '10:20',
title: 'Coffee and Networking',
isSpecialEvent: true
},
{
time: '10:50',
title: 'TBD',
subTitle:
'Will Bassett | HSBC | CIO, Equities and Cross Asset Financing Technology'
},
{
time: '11:25',
title: 'Platform as a Product in a 50-Year-Old Bank',
subTitle: 'Abby Bangser | Syntasso | Founding Principal Engineer'
},
{
time: '12:00',
title: 'Close to the Metal: Modern Low-Latency Development',
subTitle: 'Tom Dellman | Chronicle Software | Director of Engineering'
},
{
time: '12:30',
title: 'Lunch',
isSpecialEvent: true
},
{
time: '13:30',
title: 'Spectroscopy for Software: Measuring Legacy Code with AI',
subTitle: 'Henry Garner | JUXT | Principal Engineer & AI Chapter Lead'
},
{
time: '14:05',
title: 'Why Coding Agents Fail to Boost Productivity',
subTitle: 'Nik Tkachev | JetBrains'
},
{
time: '14:40',
title: 'TBD',
subTitle:
'Prof Paula Buttery | University of Cambridge | Professor of Language and Machine Learning'
},
{
time: '15:10',
title: 'Coffee and Networking',
isSpecialEvent: true
},
{
time: '15:30',
title: 'Expert Panel: How Far Can We Accelerate with AI?',
subTitle: [
'Michael Jones | loveholidays | CTO',
'Payal Jain | Citibank | Managing Director',
'And more to be announced'
]
},
{
time: '16:35',
title: 'AI for Architects',
subTitle: 'Sam Newman | Independent | Author, Building Microservices'
},
{
time: '17:05',
title: 'Closing Remarks',
isSpecialEvent: true
},
{
time: '17:20',
title: 'Evening Reception',
subTitle: 'Canapés, Drinks, Networking',
isSpecialEvent: true
}
]
---

{
agenda.map(({ time, title, subTitle, isSpecialEvent }, index) => {
const nextItem = index < agenda.length - 1 ? agenda[index + 1] : null
const isConsecutiveSpecialEvent = isSpecialEvent && nextItem?.isSpecialEvent

return (
<div>
<div
class:list={[
'grid grid-cols-1 sm:grid-cols-5',
{ 'bg-white': !isSpecialEvent }
]}
style={isSpecialEvent ? 'background-color: #c7e5b8;' : ''}
>
<p class='px-5 pt-5 sm:p-5 font-semibold text-lg align-text-top text-center text-gray-800 sm:border-r-2 sm:border-black'>
{time}
</p>
<div class='px-5 pb-5 sm:p-5 sm:col-span-4'>
<h2 class='font-bold text-xl text-black'>{title}</h2>
{subTitle &&
(Array.isArray(subTitle) ? subTitle : [subTitle]).map((s) => (
<p class='font-light text-sm text-gray-700'>{s}</p>
))}
</div>
</div>

{isConsecutiveSpecialEvent && <div class='h-4' />}
</div>
)
})
}
48 changes: 39 additions & 9 deletions src/components/XT26Page.astro
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
import { ContactUsForm } from '@components/ContactUsForm'
import AssetImage from '@components/team/AssetImage.astro'
import Layout from '@layouts/Layout.astro'
import XT26Agenda from '@components/XT26Agenda.astro'
import speakers from '../data/xt26/speakers.json'

const subject = 'XT26 Request for Invite'
Expand Down Expand Up @@ -60,10 +61,10 @@ const subject = 'XT26 Request for Invite'
>
</div>
<a
href='#apply'
href='#attend'
class='inline-block border border-white/40 text-white px-10 py-5 text-sm tracking-[0.2em] uppercase hover:bg-white hover:text-black transition-all duration-300'
>
Apply for an Invite
Apply to Attend
</a>
</div>

Expand Down Expand Up @@ -116,8 +117,7 @@ const subject = 'XT26 Request for Invite'
banking, hedge funds, and financial services.
</p>
<p>
<span class='text-gray-800 font-normal'>No sales pitches, </span>
just real-world experience shared by peers who are actually doing engineering at scale.
This is <span class='text-gray-800 font-normal'>pure thought leadership</span>. Real-world experience shared by peers who are actually doing engineering at scale.
</p>
<p>
The conference has grown organically each year, building a
Expand Down Expand Up @@ -206,6 +206,38 @@ const subject = 'XT26 Request for Invite'
</div>
</section>

<!-- Agenda Section -->
<section id='agenda' class='bg-gray-50'>
<div class='max-w-7xl mx-auto px-6 md:px-12 lg:px-20 py-24 md:py-32'>
<div class='flex flex-col items-center text-center mb-16 md:mb-20'>
<p
class='text-juxt text-xs font-semibold tracking-[0.2em] uppercase mb-4'
>
The Day
</p>
<h2
class='text-4xl md:text-5xl lg:text-6xl font-extralight text-gray-900 mb-6'
>
Agenda
</h2>
<p class='text-gray-500 text-lg max-w-2xl font-light'>
Nine talks, an expert panel, and an evening reception.
</p>
</div>

<div
class='w-full bg-white rounded-lg overflow-hidden p-6 sm:p-10 md:p-14 shadow-sm'
>
<XT26Agenda />
</div>
<div class='w-full flex justify-end'>
<p class='text-sm text-gray-500 pt-4'>
*Agenda and speakers are subject to change
</p>
</div>
</div>
</section>

<!-- Gradient Divider -->
<div class='bg-moonlight'>
<div class='max-w-4xl mx-auto px-6'>
Expand All @@ -217,17 +249,15 @@ const subject = 'XT26 Request for Invite'
</div>

<!-- Speaker Form Section -->
<section id='apply' class='bg-moonlight'>
<section id='attend' class='bg-moonlight'>
<div class='max-w-7xl mx-auto px-6 md:px-12 lg:px-20 py-24 md:py-32'>
<div class='max-w-2xl mx-auto'>
<div class='flex flex-col items-center text-center mb-16'>
<h2 class='text-4xl md:text-5xl font-extralight text-white mb-6'>
Interested in coming along?
Interested in Attending?
</h2>
<p class='text-gray-400 text-lg font-light max-w-md'>
This event is invite-only and free for attendees.<br />
If you're interested in receiving an invite leave us your details,
and we'll get back to you.
XT26 is an invite-only event. If you're interested in attending please fill out the form below.
</p>
</div>

Expand Down
Loading