@@ -148,35 +148,35 @@ export default async function HomePage() {
148148 < section >
149149 < h2 className = "text-xl font-bold text-gray-900 mb-2" > How c0upons works</ h2 >
150150 < p className = "text-sm text-gray-500 mb-6" > Save money in three simple steps</ p >
151- < div className = "grid grid-cols-1 sm:grid-cols-3 gap-6" >
152- < div className = "flex flex-col gap-2" >
151+ < ol className = "grid grid-cols-1 sm:grid-cols-3 gap-6 list-none " >
152+ < li className = "flex flex-col gap-2" >
153153 < span className = "text-3xl font-black text-orange-400" > 1</ span >
154154 < h3 className = "font-semibold text-gray-900" > Search for a store or product</ h3 >
155155 < p className = "text-sm text-gray-500" >
156156 Type the name of any store or brand into the search bar. c0upons instantly surfaces
157157 all available promo codes and discount codes for that retailer, sorted by community votes
158158 so the best deals rise to the top.
159159 </ p >
160- </ div >
161- < div className = "flex flex-col gap-2" >
160+ </ li >
161+ < li className = "flex flex-col gap-2" >
162162 < span className = "text-3xl font-black text-orange-400" > 2</ span >
163163 < h3 className = "font-semibold text-gray-900" > Copy your coupon code</ h3 >
164164 < p className = "text-sm text-gray-500" >
165165 Click any coupon card to reveal the code and copy it with one tap. Each coupon shows
166166 the discount type — percentage off, flat amount, free shipping, or a special bundle
167167 deal — so you always know exactly what you're getting before you check out.
168168 </ p >
169- </ div >
170- < div className = "flex flex-col gap-2" >
169+ </ li >
170+ < li className = "flex flex-col gap-2" >
171171 < span className = "text-3xl font-black text-orange-400" > 3</ span >
172172 < h3 className = "font-semibold text-gray-900" > Paste at checkout & save</ h3 >
173173 < p className = "text-sm text-gray-500" >
174174 Head to the store, paste the code at checkout, and watch the price drop. After you've
175175 used a coupon, come back and upvote it so other shoppers know it still works — or flag
176176 it as expired to keep the community's data fresh and accurate.
177177 </ p >
178- </ div >
179- </ div >
178+ </ li >
179+ </ ol >
180180 </ section >
181181
182182 { /* About c0upons */ }
@@ -190,14 +190,38 @@ export default async function HomePage() {
190190 that earn a commission. Our mission is simple: help everyday shoppers save money at hundreds
191191 of online stores without the noise or paywalls.
192192 </ p >
193- < p >
194- Whether you're shopping for electronics, fashion, groceries, software subscriptions, or
195- travel, c0upons covers a wide range of retailers. You can also use c0upons directly from
196- your terminal with our open-source CLI tool, making it easy to fetch promo codes without
197- ever leaving your workflow. Browse our < Link href = "/blog" className = "text-orange-600 hover:underline" > savings blog</ Link > for
198- deal-hunting tips, or < Link href = "/submit" className = "text-orange-600 hover:underline" > submit a coupon code</ Link > you've
199- found to help the community save more today.
200- </ p >
193+ < div >
194+ < p className = "mb-3" >
195+ Whether you're shopping for electronics, fashion, groceries, software subscriptions, or
196+ travel, c0upons covers a wide range of retailers. You can also use c0upons directly from
197+ your terminal with our open-source CLI tool, making it easy to fetch promo codes without
198+ ever leaving your workflow. Browse our < Link href = "/blog" className = "text-orange-600 hover:underline" > savings blog</ Link > for
199+ deal-hunting tips, or < Link href = "/submit" className = "text-orange-600 hover:underline" > submit a coupon code</ Link > you've
200+ found to help the community save more today.
201+ </ p >
202+ < ul className = "flex flex-col gap-1.5 text-sm text-gray-600" >
203+ < li className = "flex items-start gap-2" >
204+ < span className = "text-orange-500 font-bold mt-0.5" > ✓</ span >
205+ No account required — browse and copy codes instantly
206+ </ li >
207+ < li className = "flex items-start gap-2" >
208+ < span className = "text-orange-500 font-bold mt-0.5" > ✓</ span >
209+ Community-voted codes surface the best deals first
210+ </ li >
211+ < li className = "flex items-start gap-2" >
212+ < span className = "text-orange-500 font-bold mt-0.5" > ✓</ span >
213+ Open-source and free, no paywalls or hidden fees
214+ </ li >
215+ < li className = "flex items-start gap-2" >
216+ < span className = "text-orange-500 font-bold mt-0.5" > ✓</ span >
217+ CLI and REST API for developers and power users
218+ </ li >
219+ < li className = "flex items-start gap-2" >
220+ < span className = "text-orange-500 font-bold mt-0.5" > ✓</ span >
221+ Covers hundreds of stores across all major categories
222+ </ li >
223+ </ ul >
224+ </ div >
201225 </ div >
202226 </ section >
203227
0 commit comments