@@ -115,118 +115,126 @@ export default function HomePage() {
115115 </ section >
116116
117117 { /* Media Coverage Section */ }
118- < section className = "py-16 bg-white" >
119- < div className = "max-w-6xl mx-auto px-8 sm:px-12 lg:px-16" >
120- < div className = "text- center" >
121- < h2 className = "text-3xl font-bold text-gray-800 mb-8 " >
122- Media Coverage
118+ < section className = "py-6 bg-white" >
119+ < div className = "max-w-4xl mx-auto px-8 sm:px-12 lg:px-16" >
120+ < div className = "flex flex-wrap items- center gap-4 " >
121+ < h2 className = "text-2xl sm:text-2xl font-bold text-gray-800 whitespace-nowrap " >
122+ Featured On:
123123 </ h2 >
124- < div className = "flex flex-wrap justify-center gap-4 items-center" >
124+ < div className = "flex flex-wrap gap-2 items-center justify-center w-full " >
125125 { /* VentureBeat */ }
126126 < a
127127 href = "https://venturebeat.com/ai/researchers-find-adding-this-one-simple-sentence-to-prompts-makes-ai-models"
128128 target = "_blank"
129129 rel = "noopener noreferrer"
130- className = "inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
130+ className = "inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
131131 >
132- < span className = "text-red-500 font-bold text-sm " > VB</ span >
133- < span className = "font-semibold text-gray-800" > VentureBeat</ span >
132+ < span className = "text-red-500 font-bold text-xs " > VB</ span >
133+ < span className = "font-semibold text-gray-800 text-sm " > VentureBeat</ span >
134134 </ a >
135135
136136 { /* Forbes */ }
137137 < a
138138 href = "https://www.forbes.com/sites/lanceeliot/2025/11/01/prompt-engineering-newest-technique-is-verbalized-sampling-that-stirs-ai-to-be-free-thinking-and-improve-your-responses/?ss=ai"
139139 target = "_blank"
140140 rel = "noopener noreferrer"
141- className = "inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
141+ className = "inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
142142 >
143- < span className = "text-blue-600 font-bold text-sm " > F</ span >
144- < span className = "font-semibold text-gray-800" > Forbes</ span >
143+ < span className = "text-blue-600 font-bold text-xs " > F</ span >
144+ < span className = "font-semibold text-gray-800 text-sm " > Forbes</ span >
145145 </ a >
146146
147147 { /* Yahoo News */ }
148148 < a
149149 href = "https://currently.att.yahoo.com/att/magic-prompt-allegedly-makes-chatgpt-180523549.html"
150150 target = "_blank"
151151 rel = "noopener noreferrer"
152- className = "inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
152+ className = "inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
153153 >
154- < span className = "text-purple-700 font-bold text-sm " > Y!</ span >
155- < span className = "font-semibold text-gray-800" > Yahoo News</ span >
154+ < span className = "text-purple-700 font-bold text-xs " > Y!</ span >
155+ < span className = "font-semibold text-gray-800 text-sm " > Yahoo News</ span >
156156 </ a >
157157
158158 { /* TLDR AI */ }
159159 < a
160160 href = "https://tldr.tech/ai/2025-10-16"
161161 target = "_blank"
162162 rel = "noopener noreferrer"
163- className = "inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
163+ className = "inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
164164 >
165- < span className = "text-blue-500 font-bold text-sm " > 📰</ span >
166- < span className = "font-semibold text-gray-800" > TLDR AI</ span >
165+ < span className = "text-blue-500 font-bold text-xs " > 📰</ span >
166+ < span className = "font-semibold text-gray-800 text-sm " > TLDR AI</ span >
167167 </ a >
168168
169169 { /* Medium */ }
170170 < a
171171 href = "https://generativeai.pub/stanford-just-killed-prompt-engineering-with-8-words-and-i-cant-believe-it-worked-8349d6524d2b"
172172 target = "_blank"
173173 rel = "noopener noreferrer"
174- className = "inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
174+ className = "inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
175175 >
176- < span className = "text-black font-bold text-sm " > M</ span >
177- < span className = "font-semibold text-gray-800" > Medium</ span >
176+ < span className = "text-black font-bold text-xs " > M</ span >
177+ < span className = "font-semibold text-gray-800 text-sm " > Medium</ span >
178178 </ a >
179179
180180 { /* Neuron Daily */ }
181181 < a
182182 href = "https://www.theneurondaily.com/p/new-ai-models-introducing-veo-3-1-and-claude-haiku-4-5"
183183 target = "_blank"
184184 rel = "noopener noreferrer"
185- className = "inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
185+ className = "inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
186186 >
187- < span className = "text-orange-500 font-bold text-sm " > 🧠</ span >
188- < span className = "font-semibold text-gray-800" > Neuron Daily</ span >
187+ < span className = "text-orange-500 font-bold text-xs " > 🧠</ span >
188+ < span className = "font-semibold text-gray-800 text-sm " > Neuron Daily</ span >
189189 </ a >
190190
191191 { /* Analytics Vidhya */ }
192192 < a
193193 href = "https://www.analyticsvidhya.com/blog/2025/10/verbalized-sampling/"
194194 target = "_blank"
195195 rel = "noopener noreferrer"
196- className = "inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
196+ className = "inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
197197 >
198- < span className = "text-green-600 font-bold text-sm " > 📊</ span >
199- < span className = "font-semibold text-gray-800" > Analytics Vidhya</ span >
198+ < span className = "text-green-600 font-bold text-xs " > 📊</ span >
199+ < span className = "font-semibold text-gray-800 text-sm " > Analytics Vidhya</ span >
200200 </ a >
201201
202202 { /* AI Papers Podcast Daily */ }
203203 < a
204204 href = "https://www.youtube.com/watch?v=VoBdywmdim0"
205205 target = "_blank"
206206 rel = "noopener noreferrer"
207- className = "inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
207+ className = "inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
208208 >
209- < svg width = "16 " height = "16 " viewBox = "0 0 24 24" fill = "red" className = "inline-block" >
209+ < svg width = "14 " height = "14 " viewBox = "0 0 24 24" fill = "red" className = "inline-block" >
210210 < path d = "M10 8.64L15.27 12 10 15.36V8.64M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20Z" />
211211 </ svg >
212- < span className = "font-semibold text-gray-800" > AI Papers Podcast</ span >
212+ < span className = "font-semibold text-gray-800 text-sm " > AI Papers Podcast</ span >
213213 </ a >
214214
215215 { /* AI in Education Daily Podcast */ }
216216 < a
217217 href = "https://podfollow.com/ai-in-education-daily/episode/8650510757ba9be732ddcaa600ec4403d1229020/view"
218218 target = "_blank"
219219 rel = "noopener noreferrer"
220- className = "inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
220+ className = "inline-flex items-center gap-1.5 px-3 py-1.5 bg-white border-2 border-black rounded-full hover:bg-gray-50 transition-all shadow-sm"
221221 >
222- < span className = "text-indigo-600 font-bold text-sm " > 🎓</ span >
223- < span className = "font-semibold text-gray-800" > AI in Education</ span >
222+ < span className = "text-indigo-600 font-bold text-xs " > 🎓</ span >
223+ < span className = "font-semibold text-gray-800 text-sm " > AI in Education</ span >
224224 </ a >
225225 </ div >
226226 </ div >
227227 </ div >
228228 </ section >
229229
230+ { /* decrease section 间距 */ }
231+ < style jsx global > { `
232+ section.py-12 {
233+ padding-top: 1.0rem !important;
234+ padding-bottom: 1.0rem !important;
235+ }
236+ ` } </ style >
237+
230238 < section className = "py-12 bg-white" >
231239 < div className = "max-w-4xl mx-auto px-8 sm:px-12 lg:px-16" >
232240 < div className = "text-center" >
0 commit comments