11---
22import { Title } from " ../typography/title" ;
33import Ribbon from " ./ribbon.astro" ;
4+ import ButtonLink from " ../button-link/button-link.astro"
45
56interface SponsorTierProps {
67 title: string ;
@@ -169,7 +170,7 @@ const formatPrice = (price: number | string) => {
169170 return order [a .title ] - order [b .title ];
170171 })
171172 .map ((tier ) => (
172- <div class = " bg-white text-black rounded-2xl p-6 relative not-prose z-0" >
173+ <div class = " bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0" >
173174 <div class = " h-[160px]" >
174175 <Ribbon
175176 className = { ` absolute -right-6 -top-8 ${getRibbonClass (tier .title )} ` }
@@ -198,6 +199,10 @@ const formatPrice = (price: number | string) => {
198199
199200 ))}
200201 </ul >
202+ <div class = " absolute bottom-4 right-4" >
203+ <ButtonLink url = " undefined" >Sign Up Now!</ButtonLink >
204+ </div >
205+
201206 </div >
202207 ))}
203208 </div >
@@ -214,7 +219,7 @@ const formatPrice = (price: number | string) => {
214219 })
215220
216221 .map ((tier ) => (
217- <div class = " bg-white text-black rounded-2xl p-6 relative not-prose z-0" >
222+ <div class = " bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0" >
218223 <div class = " h-[160px]" >
219224 <Ribbon
220225 className = { ` absolute -right-6 -top-8 ${getRibbonClass (tier .title )} ` }
@@ -242,6 +247,9 @@ const formatPrice = (price: number | string) => {
242247 <li set :html = { ` ✔️ ${feature } ` } ></li >
243248 ))}
244249 </ul >
250+ <div class = " absolute bottom-4 right-4" >
251+ <ButtonLink url = " undefined" >Sign Up Now!</ButtonLink >
252+ </div >
245253 </div >
246254 ))}
247255 </div >
@@ -257,7 +265,7 @@ const formatPrice = (price: number | string) => {
257265 return order [a .title ] - order [b .title ];
258266 })
259267 .map ((tier ) => (
260- <div class = " bg-white text-black rounded-2xl p-6 relative not-prose z-0" >
268+ <div class = " bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0" >
261269 <div class = " h-[160px]" >
262270 <Ribbon
263271 className = { ` absolute -right-6 -top-8 ${getRibbonClass (tier .title )} ` }
@@ -285,6 +293,9 @@ const formatPrice = (price: number | string) => {
285293 <li set :html = { ` ✔️ ${feature } ` } ></li >
286294 ))}
287295 </ul >
296+ <div class = " absolute bottom-4 right-4" >
297+ <ButtonLink url = " undefined" >Sign Up Now!</ButtonLink >
298+ </div >
288299 </div >
289300 ))}
290301 </div >
0 commit comments