|
53 | 53 | <!-- /Head section -->
|
54 | 54 |
|
55 | 55 | <!-- Banner ad -->
|
56 |
| - <section class="container mx-auto mt-10 lg:mt-40 lg:px-16"> |
| 56 | + <section class="container mx-auto mt-12 lg:mt-24 lg:px-16"> |
57 | 57 | <div class="px-4 lg:px-10">
|
58 | 58 | @include('layouts._ads._footer')
|
59 | 59 | </div>
|
60 | 60 | </section>
|
61 | 61 | <!-- /Banner ad -->
|
62 | 62 |
|
| 63 | + <!-- Popular articles --> |
| 64 | + <section class="mt-12 container mx-auto px-4 lg:mt-24 lg:px-16"> |
| 65 | + <div class="flex flex-col items-center mb-8 lg:flex-row lg:mb-16"> |
| 66 | + <h2 class="w-full text-3xl font-bold text-gray-900 mb-2 lg:text-4xl lg:w-1/2 lg:mb-0"> |
| 67 | + Popular articles |
| 68 | + </h2> |
| 69 | + <p class="w-full text-gray-800 text-lg lg:w-1/2"> |
| 70 | + Have a look a the latest shared articles by our community members |
| 71 | + </p> |
| 72 | + </div> |
| 73 | + |
| 74 | + <x-articles.featured :articles="$latestArticles" /> |
| 75 | + |
| 76 | + <div class="flex justify-center"> |
| 77 | + <x-buttons.primary-cta href="{{ route('articles') }}" class="w-full lg:w-auto"> |
| 78 | + View all articles |
| 79 | + </x-buttons.primary-cta> |
| 80 | + </div> |
| 81 | + </section> |
| 82 | + <!-- /Popular articles --> |
| 83 | + |
63 | 84 | <!-- Search -->
|
64 |
| - <section class="mt-10 lg:mt-16"> |
| 85 | + <section class="mt-12 lg:mt-24"> |
65 | 86 | <div class="bg-lio-500 text-white -skew-y-1">
|
66 | 87 | <div class="container mx-auto skew-y-1">
|
67 | 88 | <div class="flex flex-col items-center py-10 text-center lg:py-20">
|
@@ -108,7 +129,7 @@ class="p-4 pl-10 text-gray-600 rounded w-full border-gray-100"
|
108 | 129 | <!-- /Search -->
|
109 | 130 |
|
110 | 131 | <!-- Help others -->
|
111 |
| - <section class="mt-14 container mx-auto lg:mt-36 lg:px-16"> |
| 132 | + <section class="mt-12 container mx-auto lg:mt-24 lg:px-16"> |
112 | 133 | <div class="px-4 lg:px-0">
|
113 | 134 | <div class="flex flex-col lg:flex-row items-center mb-4 lg:mb-12">
|
114 | 135 | <h2 class="w-full text-3xl font-bold text-gray-900 lg:w-1/2 lg:text-4xl">
|
@@ -157,25 +178,4 @@ class="p-4 pl-10 text-gray-600 rounded w-full border-gray-100"
|
157 | 178 | </div>
|
158 | 179 | </section>
|
159 | 180 | <!-- /Laravel.io in numbers -->
|
160 |
| - |
161 |
| - <!-- Popular articles --> |
162 |
| - <section class="my-12 container mx-auto px-4 lg:my-40 lg:px-16"> |
163 |
| - <div class="flex flex-col items-center mb-8 lg:flex-row lg:mb-16"> |
164 |
| - <h2 class="w-full text-3xl font-bold text-gray-900 mb-2 lg:text-4xl lg:w-1/2 lg:mb-0"> |
165 |
| - Popular articles |
166 |
| - </h2> |
167 |
| - <p class="w-full text-gray-800 text-lg lg:w-1/2"> |
168 |
| - Have a look a the latest shared articles by our community members |
169 |
| - </p> |
170 |
| - </div> |
171 |
| - |
172 |
| - <x-articles.featured :articles="$latestArticles" /> |
173 |
| - |
174 |
| - <div class="flex justify-center"> |
175 |
| - <x-buttons.primary-cta href="{{ route('articles') }}" class="w-full lg:w-auto"> |
176 |
| - View all articles |
177 |
| - </x-buttons.primary-cta> |
178 |
| - </div> |
179 |
| - </section> |
180 |
| - <!-- /Popular articles --> |
181 | 181 | @endsection
|
0 commit comments