Skip to content

Commit 0ebef91

Browse files
YassinEldeebYassinEldeeb
committed
add stuff
1 parent 57f42ba commit 0ebef91

File tree

2 files changed

+105
-17
lines changed

2 files changed

+105
-17
lines changed

‎src/app/conf/2025/page.tsx‎

Lines changed: 70 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ export default function Page() {
8383
together!
8484
</h2>
8585

86-
<div className="relative w-full h-[500px] flex items-center justify-center">
86+
<div className="relative w-full h-[500px] flex items-center justify-center overflow-hidden">
8787
<div className="absolute inset-0 flex items-center justify-center">
8888
<div
8989
className="grid gap-0"
@@ -117,6 +117,75 @@ export default function Page() {
117117
</div>
118118

119119
<Sponsors />
120+
121+
<div className="relative w-full h-[500px] flex items-center justify-center overflow-hidden">
122+
<div className="absolute inset-0 flex items-center justify-center">
123+
<div
124+
className="grid gap-0"
125+
style={{
126+
gridTemplateColumns: "repeat(18, 60px)",
127+
gridTemplateRows: "repeat(6, 60px)",
128+
padding: "50px",
129+
boxSizing: "border-box",
130+
}}
131+
>
132+
{Array.from({ length: 18 * 6 }).map((_, index) => (
133+
<div
134+
key={index}
135+
className="border border-white/10"
136+
style={{
137+
width: "60px",
138+
height: "60px",
139+
}}
140+
></div>
141+
))}
142+
</div>
143+
</div>
144+
145+
<button className="relative z-10 px-44 py-6 text-white text-3xl font-semibold bg-[#E10098] hover:bg-[#ef00a3] flex items-center justify-center gap-2">
146+
Notify Me About Speaking
147+
<span className="text-xl">➔</span>
148+
</button>
149+
</div>
150+
151+
152+
<div className="container py-24">
153+
<h1 className="text-white conf-heading mb-2">Register</h1>
154+
<p className='text-white text-lg font-normal mb-10'>Join a diverse community of GraphQL developers, architects, and enthusiasts while experiencing premium content and networking opportunities in a vendor-neutral environment.</p>
155+
156+
<div className='flex flex-wrap gap-20'>
157+
158+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
159+
<h1 className='font-bold text-2xl mb-2'>Corporate</h1>
160+
<p >The Corporate Registration type is for registrants whose company is paying for their attendance. This includes for-profit companies. You will help keep the conference affordable for everyone, especially students and those needing financial aid.</p>
161+
</div>
162+
163+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
164+
<h1 className='font-bold text-2xl mb-2'>Individuals</h1>
165+
<p >The Individual Registration type is for registrants who are currently not working for a company, work for a non-profit or research institution or are attending at their own expense. You will receive confirmation within five business days of registering if your individual registration is approved or needs additional information.</p>
166+
</div>
167+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
168+
<h1 className='font-bold text-2xl mb-2'>Academics</h1>
169+
<p >Academics registrations are for current full-time students and faculty members. Full-time faculty and students will need to upload a valid copy of their Faculty or Student ID when registering. If you have any questions, please email graphql_events@linuxfoundation.org.</p>
170+
</div>
171+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
172+
<h1 className='font-bold text-2xl mb-2'>Speakers</h1>
173+
<p >You should have received a registration link in your acceptance email. If you did not, please contact cfp@linuxfoundation.org for more details.</p>
174+
</div>
175+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
176+
<h1 className='font-bold text-2xl mb-2'>Sponsors</h1>
177+
<p >A registration link was shared in an email to your company’s sponsorship contact. Please reach out to your company’s sponsorship contact if you need to register as a Sponsor. For further questions, please email events@linuxfoundation.org.</p>
178+
</div>
179+
180+
</div>
181+
182+
<div className='flex justify-center my-14'>
183+
<button className="relative z-10 px-28 py-4 text-white text-3xl font-semibold bg-[#E10098] hover:bg-[#ef00a3] flex items-center justify-center gap-2">
184+
Get Tickets
185+
<span className="text-xl">➔</span>
186+
</button>
187+
</div>
188+
</div>
120189
</div>
121190
)
122191
}

‎src/app/conf/2025/sponsors.tsx‎

Lines changed: 35 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ function List({
6262
linkClassName?: string
6363
}) {
6464
return (
65-
<div className={clsx("flex gap-6", className)}>
65+
<div className={clsx("flex gap-6 flex-col md:flex-row", className)}>
6666
{items.map(({ link, icon, name }, i) => (
6767
<a
6868
key={i}
@@ -164,21 +164,40 @@ export function Sponsors() {
164164
</>
165165
)}
166166
</div>
167-
{/* <div className="container py-24">
168-
<h1 className={classes.title}>Partners</h1>
169-
<h3 className={classes.heading}>Media Partners</h3>
170-
<List
171-
items={mediaPartners}
172-
className="grid-cols-2 xl:w-1/2 mx-auto"
173-
linkClassName="p-9 lg:p-12 h-28 lg:h-[155px]"
174-
/>
175-
<h3 className={classes.heading}>Community Partners</h3>
176-
<List
177-
items={communityPartners}
178-
className="grid-cols-2 xl:grid-cols-4"
179-
linkClassName="p-6 lg:p-10 h-28 lg:h-[155px]"
180-
/>
181-
</div> */}
167+
<div className="container py-24">
168+
<h1 className="text-white conf-heading mb-2">Why Sponsor?</h1>
169+
<p className='text-white text-lg font-normal mb-10'>Connect with the global GraphQL community and showcase your brand to industry leaders and decision-makers.</p>
170+
171+
<div className='flex flex-wrap gap-20'>
172+
173+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
174+
<h1 className='font-bold text-2xl mb-2'>Brand Visibility</h1>
175+
<p >Showcase your brand to thousands of GraphQL enthusiasts and decision-makers.</p>
176+
</div>
177+
178+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
179+
<h1 className='font-bold text-2xl mb-2'>Lead Generation</h1>
180+
<p >Connect with potential customers and partners in the GraphQL ecosystem.</p>
181+
</div>
182+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
183+
<h1 className='font-bold text-2xl mb-2'>Thought Leadership</h1>
184+
<p >Position your company as a leader in the GraphQL space.</p>
185+
</div>
186+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
187+
<h1 className='font-bold text-2xl mb-2'>Talent Acquisition</h1>
188+
<p >Meet and recruit top GraphQL developers and engineers.</p>
189+
</div>
190+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
191+
<h1 className='font-bold text-2xl mb-2'>Product Feedback</h1>
192+
<p >Gather valuable feedback from the GraphQL community.</p>
193+
</div>
194+
<div className='border border-[#E10098] p-8 w-max text-white max-w-[400px]'>
195+
<h1 className='font-bold text-2xl mb-2'>Community Impact</h1>
196+
<p >Support and shape the future of GraphQL technology.</p>
197+
</div></div>
198+
</div>
199+
200+
182201
</div>
183202
)
184203
}

0 commit comments

Comments
 (0)