|
157 | 157 | <div class="mx-auto max-w-5xl py-24 sm:py-32"> |
158 | 158 | <div id="gallery" class="mt-16 max-w-2xl mx-auto"> |
159 | 159 |
|
160 | | - |
161 | | - <!--div class="flex justify-center"> |
162 | | - <a href="https://react.servicestack.net/gallery/autoquerygrid" class="flex items-center"> |
163 | | - <svg class="w-28 h-28 sm:w-44 sm:h-44 iconify iconify--la" xmlns="http://www.w3.org/2000/svg" |
164 | | - xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" viewBox="0 0 32 32"> |
165 | | - <path fill="currentColor" |
166 | | - d="M10 6c1.544 1.76 2.276 4.15 2.217 6.61c3.968 1.67 9.924 6.12 11.181 12.39H28C26.051 14.31 14.918 6.77 10 6zm-2 7c4.67 4.913.81 11.582-4 12h18.97C21.5 18.289 11.95 13.533 8 13z"> |
167 | | - </path> |
168 | | - </svg> |
169 | | - <svg class="w-28 h-28 sm:w-44 sm:h-44 iconify iconify--vscode-icons" style="color:rgb(88 196 220)" |
170 | | - viewBox="-10.5 -9.45 21 18.9" fill="none" xmlns="http://www.w3.org/2000/svg"> |
171 | | - <circle cx="0" cy="0" r="2" fill="currentColor"></circle> |
172 | | - <g stroke="currentColor" stroke-width="1" fill="none"> |
173 | | - <ellipse rx="10" ry="4.5"></ellipse> |
174 | | - <ellipse rx="10" ry="4.5" transform="rotate(60)"></ellipse> |
175 | | - <ellipse rx="10" ry="4.5" transform="rotate(120)"></ellipse> |
176 | | - </g> |
177 | | - </svg> |
178 | | - <svg class="w-28 h-28 sm:w-44 sm:h-44 iconify iconify--vscode-icons" |
179 | | - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" |
180 | | - role="img" viewBox="0 0 32 32"> |
181 | | - <path fill="#44a8b3" |
182 | | - d="M9 13.7q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1q-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Zm-7 8.4q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1q-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Z"> |
183 | | - </path> |
184 | | - </svg> |
185 | | - </a> |
186 | | - </div> |
187 | | - <div class="text-center"> |
188 | | - <h1 class="mt-2 text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm:text-5xl"> |
189 | | - Component Gallery</h1> |
190 | | - <p class="mt-2 text-lg text-gray-500 dark:text-gray-400">Explore React Tailwind Component Gallery</p> |
191 | | - </div--> |
192 | | - |
193 | 160 | <div class="relative overflow-hidden bg-slate-50 dark:bg-gray-900 border-b border-slate-200 dark:border-gray-800"> |
194 | 161 | <!-- Decorative background glow (Matches Vue Green/Tailwind Blue) --> |
195 | 162 | <div class="absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[300px] bg-gradient-to-r from-teal-100/60 to-blue-100/60 dark:from-teal-900/30 dark:to-blue-900/30 blur-3xl rounded-full pointer-events-none"></div> |
|
0 commit comments