Skip to content

Commit e4dcf59

Browse files
hasparushasparus
committed
Improve new location section
1 parent 42f9166 commit e4dcf59

File tree

8 files changed

+184
-223
lines changed

8 files changed

+184
-223
lines changed

‎src/app/conf/2024/venue.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { TrainIcon, AroundIcon, ParkingIcon, BusIcon } from "@/icons"
1+
import { TrainIcon, AroundIcon, ParkingIcon } from "@/icons"
22
import NextImage from "next-image-export-optimizer"
33
import cityViewImage from "./sf-city-view.jpeg"
44

‎src/app/conf/2025/components/location-section/index.tsx

Lines changed: 0 additions & 89 deletions
This file was deleted.

‎src/app/conf/2025/components/venue/index.tsx

Lines changed: 141 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,141 @@
1+
import { clsx } from "clsx"
2+
3+
import { Button } from "@/app/conf/_design-system/button"
4+
import { Accordion } from "@/app/conf/_design-system/accordion"
5+
6+
import locationPhoto from "./location-photo.webp"
7+
8+
export interface VenueProps extends React.HTMLAttributes<HTMLElement> {}
9+
10+
export function Venue(props: VenueProps) {
11+
return (
12+
<section
13+
{...props}
14+
style={{
15+
...props.style,
16+
backgroundImage: `linear-gradient(0deg, hsl(var(--color-sec-light)) 0%, hsl(var(--color-sec-light)) 100%), url(${locationPhoto.src})`,
17+
backgroundBlendMode: "overlay, normal",
18+
backgroundSize: "cover",
19+
}}
20+
className={clsx("gql-conf-section relative", props.className)}
21+
>
22+
<div className="flex gap-x-12 gap-y-10 bg-white/10 p-4 backdrop-blur-3xl dark:border-sec-darker max-lg:flex-col lg:p-16 xl:*:flex-1">
23+
<article className="flex shrink-0 flex-col gap-6 max-xl:max-w-[476px]">
24+
<h2 className="typography-h2">
25+
A place of innovation &&nbsp;creation
26+
</h2>
27+
<p className="typography-body-lg">
28+
A former warehouse, located in an industrial area near the Amsterdam
29+
city centre, changed into a place of culture & business.
30+
</p>
31+
<div className="flex-1" />
32+
<p className="typography-body-lg">
33+
Pakhuis De Zwijger <br />
34+
Piet Heinkade 179, 1019 HC <br />
35+
Amsterdam, Netherlands
36+
</p>
37+
<Button href="https://maps.app.goo.gl/W7nX1NejhWw9PqxF7">
38+
Google Maps
39+
</Button>
40+
</article>
41+
<div className="flex-1">
42+
<h3 className="mb-6 typography-h3">How to get to the venue?</h3>
43+
<Accordion
44+
className="[&_svg]:fill-neu-900"
45+
items={[
46+
{
47+
title: "Public Transportation",
48+
description: (
49+
<>
50+
Take tram 26 from Amsterdam Central Station to the
51+
"Kattenburgerstraat" stop.
52+
<br />
53+
The venue is in front of the tram stop.
54+
</>
55+
),
56+
},
57+
{
58+
title: "Airport Information",
59+
description:
60+
"Amsterdam Airport Schiphol is about 20 km from the venue. Take a direct train to Amsterdam Central Station, then follow the public transportation instructions.",
61+
},
62+
{
63+
title: "Parking at venue",
64+
description: (
65+
<>
66+
Limited parking is available at the venue. We recommend
67+
using public transportation when possible. Learn more about
68+
parking at{" "}
69+
<a
70+
className="typography-link"
71+
href="https://dezwijger.nl/about-us-en/contact"
72+
target="_blank"
73+
>
74+
Pakhuis de Zwijger
75+
</a>
76+
. If&nbsp;you require an accessible parking spot, park at
77+
Vriesseveem 4 or Withoedenveem 16 where you can park if you
78+
have a Disability Parking Card.
79+
</>
80+
),
81+
},
82+
]}
83+
/>
84+
<h3 className="my-6 typography-h3">Where to stay?</h3>
85+
<Accordion
86+
className="[&_svg]:fill-neu-900"
87+
items={[
88+
{
89+
title: "Mövenpick Hotel Amsterdam City Centre",
90+
link: "https://movenpick.accor.com/en/europe/netherlands/amsterdam/hotel-amsterdam.html?utm_source=google&utm_medium=local&utm_campaign=hotel-MHR-Amsterdam-city-center&y_source=1_MTUzNjI2OTgtNzE1LWxvY2F0aW9uLndlYnNpdGU%3D",
91+
description: (
92+
<>
93+
Piet Heinkade 11
94+
<br />
95+
1019 BR Amsterdam, Netherlands
96+
<br />
97+
Phone:{" "}
98+
<a className="typography-link" href="tel:+31 20 519 1200">
99+
+31 20 519 1200
100+
</a>
101+
</>
102+
),
103+
},
104+
{
105+
title: "Inntel Hotels Amsterdam Landmark",
106+
link: "https://www.inntelhotelsamsterdamlandmark.nl/",
107+
description: (
108+
<>
109+
VOC-kade 600
110+
<br />
111+
1018 LG Amsterdam, Netherlands
112+
<br />
113+
Phone:{" "}
114+
<a className="typography-link" href="tel:+31 20 227 2550">
115+
+31 20 227 2550
116+
</a>
117+
</>
118+
),
119+
},
120+
{
121+
title: "DoubleTree by Hilton Amsterdam Central Station",
122+
link: "https://www.hilton.com/en/hotels/amscsdi-doubletree-amsterdam-centraal-station/?SEO_id=GMB-EMEA-DI-AMSCSDI",
123+
description: (
124+
<>
125+
Oosterdoksstraat 4 <br />
126+
1011 DK Amsterdam, Netherlands
127+
<br />
128+
Phone:{" "}
129+
<a className="typography-link" href="tel:+31 20 530 0800">
130+
+31 20 530 0800
131+
</a>
132+
</>
133+
),
134+
},
135+
]}
136+
/>
137+
</div>
138+
</div>
139+
</section>
140+
)
141+
}

‎src/app/conf/2025/components/location-section/location-photo.webp renamed to ‎src/app/conf/2025/components/venue/location-photo.webp

File renamed without changes.

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { Metadata } from "next"
22
import { BecomeASponsor } from "./components/become-a-sponsor"
3-
import { Venue } from "./venue"
3+
import { Venue } from "./components/venue"
44
import { FAQ } from "./faq"
55
import { CallForProposals } from "./components/call-for-proposals"
66
import { RegisterToday } from "./components/register-today"

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

Lines changed: 0 additions & 116 deletions
This file was deleted.

0 commit comments

Comments
 (0)