@@ -41,7 +41,29 @@ <h1 class="text-2xl">Get Docker</h1>
4141 </ div >
4242
4343 < div >
44- < div class ="grid grid-cols-1 gap-4 lg:grid-cols-3 ">
44+ < div class ="grid grid-cols-1 gap-4 lg:grid-cols-4 ">
45+
46+ < div >
47+ < a class ="h-full " href ="/get-started/ ">
48+ < div
49+ class ="flex h-full flex-col gap-2 rounded border border-gray-light-100 bg-white p-4 drop-shadow-sm hover:border-gray-light-200 hover:drop-shadow-lg dark:border-gray-dark-400 dark:bg-gray-dark-200 hover:dark:border-gray-dark ">
50+ < div class ="flex items-center gap-4 ">
51+ < span class ="icon-svg text-violet-light dark:text-violet-dark ">
52+ {{ partial "icon" "rocket" }}
53+ </ span >
54+ < div >
55+ < div class ="text-xl leading-snug text-gray-light-800 dark:text-white ">
56+ Get started
57+ </ div >
58+ </ div >
59+ </ div >
60+ < div class ="leading-snug text-gray-light-500 dark:text-gray-dark-700 ">
61+ Learn Docker basics and the benefits of containerization.
62+ </ div >
63+ </ div >
64+ </ a >
65+ </ div >
66+
4567 < div >
4668 < a class ="h-full " href ="/guides/ ">
4769 < div
@@ -57,7 +79,7 @@ <h1 class="text-2xl">Get Docker</h1>
5779 </ div >
5880 </ div >
5981 < div class ="leading-snug text-gray-light-500 dark:text-gray-dark-700 ">
60- Get started and learn how Docker can optimize your development workflows.
82+ Learn how Docker can optimize your development workflows.
6183 </ div >
6284 </ div >
6385 </ a >
@@ -112,16 +134,21 @@ <h1 class="text-2xl">Get Docker</h1>
112134 < div class ="bg-pattern-verde relative rounded p-6 drop-shadow ">
113135 < div class ="flex h-full flex-col items-start justify-between gap-12 ">
114136 < div class ="flex flex-col gap-4 ">
115- < h2 class ="font-medium "> Getting started</ h2 >
137+ < h2 class ="font-medium "> Gen AI catalog {{ partial
138+ "components/badge.html" (dict "color" "blue" "content" "New")
139+ }}</ h2 >
116140 < p class ="text-xl ">
117- Learn Docker basics and the benefits of containerizing your
118- applications
141+ Integrate AI solutions into your apps with minimal effort
119142 </ p >
120143 </ div >
121- < div >
122- < a href ="/get-started/ "
144+ < div class =" flex flex-col xl:flex-row gap-4 items-start " >
145+ < a href ="https://hub.docker.com/catalogs/gen-ai "
123146 class ="flex cursor-pointer items-center gap-2 rounded bg-blue-light p-2 px-4 text-white transition duration-300 hover:bg-blue-light-400 dark:bg-blue-dark-400 dark:hover:bg-blue-dark ">
124- Get started
147+ Explore on Docker Hub
148+ </ a >
149+ < a href ="/docker-hub/image-library/catalogs/ "
150+ class ="flex-grow-0 flex cursor-pointer items-center gap-2 rounded bg-blue-light p-2 px-4 text-white transition duration-300 hover:bg-blue-light-400 dark:bg-blue-dark-400 dark:hover:bg-blue-dark ">
151+ Read the docs
125152 </ a >
126153 </ div >
127154 </ div >
0 commit comments