|
43 | 43 | <p class="font-sans text-base leading-6 tracking-tight text-center uppercase text-skin-base">
|
44 | 44 | Nous travaillons avec d’autres communautés et startups
|
45 | 45 | </p>
|
46 |
| - <div class="grid mt-8 sm:grid-cols-2 gap-y-8 lg:grid-cols-4 lg:mt-12"> |
47 |
| - <div class="flex justify-center col-span-1"> |
| 46 | + <div class="mt-8 flex items-center justify-center flex-wrap gap-8 lg:mt-12"> |
| 47 | + <div class="flex items-center justify-center px-4"> |
48 | 48 | <a href="https://cosna-afrique.com" target="_blank" class="flex items-center">
|
49 | 49 | <x-icon.cosna class="w-auto h-14"/>
|
50 | 50 | </a>
|
51 | 51 | </div>
|
52 |
| - <div class="flex justify-center col-span-1"> |
| 52 | + <div class="flex items-center justify-center px-4"> |
53 | 53 | <a href="https://laravelshopper.io" target="_blank" class="flex items-center">
|
54 | 54 | <img class="h-12 logo-white" src="{{ asset('/images/sponsors/shopper-logo.svg') }}" alt="Laravel Shopper">
|
55 | 55 | <img class="h-12 logo-dark" src="{{ asset('/images/sponsors/shopper-logo-light.svg') }}" alt="Laravel Shopper">
|
56 | 56 | </a>
|
57 | 57 | </div>
|
58 |
| - <div class="flex justify-center col-span-1"> |
| 58 | + <div class="flex items-center justify-center px-4"> |
59 | 59 | <a href="https://gdg.community.dev/gdg-douala" target="_blank" class="flex items-center">
|
60 | 60 | <x-icon.gdg class="h-8 text-skin-inverted" />
|
61 | 61 | </a>
|
62 | 62 | </div>
|
63 |
| - <div class="flex justify-center col-span-1"> |
64 |
| - <a href="https://twitter.com/DarkCodeCompany" target="_blank" class="flex items-center"> |
65 |
| - <x-icon.darkcode class="h-8 text-skin-inverted" /> |
66 |
| - </a> |
67 |
| - </div> |
68 | 63 | </div>
|
69 | 64 | <div class="mt-6 text-center lg:mt-10">
|
70 | 65 | <a class="text-sm leading-5 text-flag-green hover:text-green-600 hover:underline" href="mailto:arthur@laravel.cm">Votre logo ici ?</a>
|
|
241 | 236 | </div>
|
242 | 237 | </div>
|
243 | 238 |
|
244 |
| - @if($plans->count() > 0) |
| 239 | + @if($plans->count() > 0) |
245 | 240 | <div class="relative pt-12 overflow-hidden sm:pt-16 lg:pt-20">
|
246 | 241 | <div class="z-0 hidden overflow-hidden opacity-50 pointer-events-none lg:block">
|
247 | 242 | <testimonies-area />
|
|
261 | 256 | </p>
|
262 | 257 | </div>
|
263 | 258 | <div class="mt-16 space-y-12 lg:mt-20 lg:grid lg:grid-cols-2 lg:gap-x-8 lg:space-y-0 lg:max-w-4xl lg:mx-auto">
|
264 |
| - @foreach ($plans as $plan) |
| 259 | + @foreach ($plans as $plan) |
265 | 260 | <div class="relative flex flex-col p-8 border shadow-sm rounded-2xl border-skin-base bg-skin-card/50 backdrop-blur-sm">
|
266 | 261 | <div class="flex-1">
|
267 | 262 | <h3 class="text-xl font-semibold text-skin-inverted">{{ $plan->title }}</h3>
|
268 | 263 | @if($plan->slug === 'le-pro')
|
269 | 264 | <p class="inline-flex items-center absolute top-0 -translate-y-1/2 transform rounded-full bg-flag-yellow py-1.5 px-4 text-sm font-semibold text-yellow-900">
|
270 | 265 | <svg class="w-5 h-5 mr-2.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
271 | 266 | <path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z" />
|
272 |
| - </svg> |
| 267 | + </svg> |
273 | 268 | Populaire
|
274 | 269 | </p>
|
275 | 270 | @endif
|
|
279 | 274 | </span>
|
280 | 275 | <span class="ml-1 text-xl font-semibold">/mois</span>
|
281 | 276 | </p>
|
282 |
| - |
| 277 | + |
283 | 278 | <!-- Feature list -->
|
284 | 279 | <ul role="list" class="mt-6 space-y-6">
|
285 | 280 | @foreach ($plan->features as $feature)
|
|
292 | 287 | @endforeach
|
293 | 288 | </ul>
|
294 | 289 | </div>
|
295 |
| - |
| 290 | + |
296 | 291 | <x-button link="#" class="w-full mt-10">Souscire Maintenant</x-button>
|
297 | 292 | </div>
|
298 | 293 | @endforeach
|
|
0 commit comments