Skip to content

Commit 7d6abf6

Browse files
committed
feat: セクションを統合
1 parent 65a9415 commit 7d6abf6

File tree

1 file changed

+81
-94
lines changed

1 file changed

+81
-94
lines changed

2025/src/components/Sponsors/index.astro

Lines changed: 81 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -36,8 +36,26 @@
3636
2025は、普段なかなか顔を合わせられないVimmer同士が情熱を交わし、知見を共有するための貴重な場です。今年は、イベント継続の担保と柔軟な運営のため、必要な資金をスポンサー様のご支援で集める仕組みを採用します。
3737
</p>
3838
</div><div class="mb-6">
39-
<h3 class="mb-4 text-xl font-bold text-gray-800 md:text-2xl">
40-
スポンサーシップ概要
39+
<h3
40+
class="mb-4 flex items-center text-xl font-bold text-gray-800 md:text-2xl"
41+
>
42+
<svg
43+
xmlns="http://www.w3.org/2000/svg"
44+
width="24"
45+
height="24"
46+
viewBox="0 0 24 24"
47+
fill="none"
48+
stroke="currentColor"
49+
stroke-width="2"
50+
stroke-linecap="round"
51+
stroke-linejoin="round"
52+
class="lucide lucide-file-text mr-2 h-6 w-6 text-emerald-600"
53+
><path
54+
d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"
55+
></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path
56+
d="M10 9H8"></path><path d="M16 13H8"></path><path
57+
d="M16 17H8"></path></svg
58+
>スポンサーシップ概要
4159
</h3><div class="grid gap-6 md:grid-cols-2">
4260
<div>
4361
<h4
@@ -61,9 +79,8 @@
6179
y="4"
6280
rx="2"></rect><path d="M3 10h18"></path></svg
6381
>募集期間
64-
</h4><p class="text-gray-700">2025年09月01日(月)まで</p>
65-
</div>
66-
<div>
82+
</h4><p class="text-gray-700">2025年9月1日(月)まで</p>
83+
</div><div>
6784
<h4
6885
class="mb-3 flex items-center text-lg font-semibold text-gray-800"
6986
>
@@ -92,103 +109,73 @@
92109
</li><li>• バックパネルへのロゴ掲載</li>
93110
</ul><p class="mb-3 text-gray-700">
94111
イベント開催のための資金として、ぜひご協力ください。
95-
</p><p class="text-sm text-gray-600">
96-
併せて、個人による寄付も受け付けております。
97112
</p>
98113
</div>
99114
</div>
100-
</div><div class="text-center">
101-
<p class="mb-4 text-gray-700">
102-
ご支援いただける方は、以下のリンクからお願いいたします。
103-
</p><div class="flex flex-col justify-center gap-3 sm:flex-row">
104-
</div>
105-
<button
106-
class="inline-flex h-10 items-center justify-center gap-2 rounded-md bg-emerald-600 px-4 py-2 text-sm font-medium whitespace-nowrap text-primary-foreground ring-offset-background transition-colors hover:bg-emerald-700 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
107-
><a
108-
href="https://vimconf.booth.pm/"
109-
target="_blank"
110-
rel="noopener noreferrer"
111-
class="flex items-center"
112-
>寄付する<svg
113-
xmlns="http://www.w3.org/2000/svg"
114-
width="24"
115-
height="24"
116-
viewBox="0 0 24 24"
117-
fill="none"
118-
stroke="currentColor"
119-
stroke-width="2"
120-
stroke-linecap="round"
121-
stroke-linejoin="round"
122-
class="lucide lucide-external-link ml-2 h-4 w-4"
123-
><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path
124-
d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
125-
></path></svg
126-
></a
127-
></button
115+
</div><div class="mb-6 border-t border-gray-200 pt-6">
116+
<h3
117+
class="mb-4 flex items-center text-xl font-bold text-gray-800 md:text-2xl"
128118
>
129-
<p class="mt-4 text-sm text-gray-600">
130-
初の試みですので、ご不明な点やご質問があればご遠慮なくお問い合わせください。
131-
</p>
132-
</div>
133-
</div>
134-
</div>
135-
</div>
136-
</div>
137-
</section>
138-
139-
<section id="sponsor-contact" class="bg-emerald-50 py-10 md:py-16">
140-
<div class="container mx-auto px-4">
141-
<div class="mb-8 text-center">
142-
<h2 class="mb-3 text-2xl font-bold text-gray-900 md:text-3xl">
143-
スポンサーに関するお問い合わせ
144-
</h2><div class="mx-auto h-1 w-16 bg-emerald-500"></div>
145-
</div><div class="mx-auto max-w-4xl">
146-
<div
147-
class="mb-8 rounded-lg border border-emerald-100 bg-card text-card-foreground shadow-sm"
148-
data-v0-t="card"
149-
>
150-
<div class="p-6 md:p-8">
151-
<div class="mb-6">
152-
<p class="mb-4 leading-relaxed text-gray-700">
119+
<svg
120+
xmlns="http://www.w3.org/2000/svg"
121+
width="24"
122+
height="24"
123+
viewBox="0 0 24 24"
124+
fill="none"
125+
stroke="currentColor"
126+
stroke-width="2"
127+
stroke-linecap="round"
128+
stroke-linejoin="round"
129+
class="lucide lucide-message-circle mr-2 h-6 w-6 text-emerald-600"
130+
><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg
131+
>スポンサーに関するお問い合わせ
132+
</h3><p class="mb-4 leading-relaxed text-gray-700">
153133
スポンサーシップに関するご質問、ご提案などにつきましては、下記のフォームまたはメールにてお気軽にお問い合わせください。
154-
</p><p class="text-gray-600 italic">
134+
</p><p class="mb-6 text-gray-600 italic">
155135
※最新情報は随時更新していきます。
156-
</p>
157-
</div><div class="mb-8">
158-
<div class="aspect-[16/9] w-full overflow-hidden rounded-lg">
159-
<iframe
160-
src="https://docs.google.com/presentation/d/e/2PACX-1vT62Rl7c-bAJ4l2REq__4nvaLW4ZCuTEblh1PGpOa2ZA2Wg6jUm08KWTP-liYFLe2m80RFd5oB-DP8v/embed?start=false&loop=false&delayms=3000"
161-
class="h-full w-full"
162-
allowfullscreen=""
163-
title="Sponsor Information"
164-
style="border: 0px;"></iframe>
136+
</p><div class="mb-6">
137+
<div class="aspect-[16/9] w-full overflow-hidden rounded-lg">
138+
<iframe
139+
src="https://docs.google.com/presentation/d/e/2PACX-1vT62Rl7c-bAJ4l2REq__4nvaLW4ZCuTEblh1PGpOa2ZA2Wg6jUm08KWTP-liYFLe2m80RFd5oB-DP8v/embed?start=false&loop=false&delayms=3000"
140+
class="h-full w-full"
141+
allowfullscreen=""
142+
title="Sponsor Information"
143+
style="border: 0px;"></iframe>
144+
</div>
165145
</div>
166146
</div><div class="text-center">
167-
<button
168-
class="inline-flex h-10 items-center justify-center gap-2 rounded-md bg-emerald-600 px-4 py-2 text-sm font-medium whitespace-nowrap text-primary-foreground ring-offset-background transition-colors hover:bg-emerald-700 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
169-
><a
170-
href="https://docs.google.com/forms/d/e/1FAIpQLSfPMjGwsmjOhzxXf_e65uyIb0ml35iIdCYq5EEoSI4KompK3w/viewform"
171-
target="_blank"
172-
rel="noopener noreferrer"
173-
class="flex items-center"
174-
>お問い合わせフォームへ
175-
<svg
176-
xmlns="http://www.w3.org/2000/svg"
177-
width="24"
178-
height="24"
179-
viewBox="0 0 24 24"
180-
fill="none"
181-
stroke="currentColor"
182-
stroke-width="2"
183-
stroke-linecap="round"
184-
stroke-linejoin="round"
185-
class="lucide lucide-external-link ml-2 h-4 w-4"
186-
><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path
187-
d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
188-
></path></svg
189-
></a
190-
></button
191-
>
147+
<p class="mb-4 text-gray-700">
148+
ご支援いただける方は、以下のリンクからお願いいたします。
149+
</p>
150+
<div class="flex flex-col justify-center gap-3 sm:flex-row">
151+
<button
152+
class="inline-flex h-10 items-center justify-center gap-2 rounded-md bg-emerald-600 px-4 py-2 text-sm font-medium whitespace-nowrap text-primary-foreground ring-offset-background transition-colors hover:bg-emerald-700 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
153+
><a
154+
href="https://docs.google.com/forms/d/e/1FAIpQLSfPMjGwsmjOhzxXf_e65uyIb0ml35iIdCYq5EEoSI4KompK3w/viewform"
155+
target="_blank"
156+
rel="noopener noreferrer"
157+
class="flex items-center"
158+
>お問い合わせフォームへ<svg
159+
xmlns="http://www.w3.org/2000/svg"
160+
width="24"
161+
height="24"
162+
viewBox="0 0 24 24"
163+
fill="none"
164+
stroke="currentColor"
165+
stroke-width="2"
166+
stroke-linecap="round"
167+
stroke-linejoin="round"
168+
class="lucide lucide-external-link ml-2 h-4 w-4"
169+
><path d="M15 3h6v6"></path><path d="M10 14 21 3"
170+
></path><path
171+
d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
172+
></path></svg
173+
></a
174+
></button
175+
>
176+
</div><p class="mt-4 text-sm text-gray-600">
177+
初の試みですので、ご不明な点やご質問があればご遠慮なくお問い合わせください。
178+
</p>
192179
</div>
193180
</div>
194181
</div>

0 commit comments

Comments
 (0)