app gallery

Author: devpatocld

docs/pages/index.mdx

@@ -137,6 +137,63 @@ import Button from '../components/Button';
   </ul>
 
   <p className="text-3xl mt-16">All at <strong>scale</strong> with Cloudinary</p>
+  <p className="text-3xl mt-32">Cloudinary App Gallery</p>
+  <p className="text-xl mt-8">This gallery exposes you to different applications that incorporate Cloudinary. You can view the code, clone the repository, and build your own version.</p>
+  <ul className="grid sm:grid-cols-2 gap-16 sm:gap-6 md:gap-8 lg:gap-16 mt-12 md:mt-20">
+    <li>
+      <a href="https://app-gallery.cloudinary.com/gallery/photo-crate">
+        <CldImage
+          className="rounded-lg border border-zinc-200 mb-6"
+          width="800"
+          height="600"
+          src="https://res.cloudinary.com/nextjsnpm/image/upload/v1743523379/images/photo-crate.png"
+          sizes="50w"
+          alt=""
+        />
+      </a>
+      <h3 className="text-2xl font-semibold mb-4">Photo Crate</h3>
+    </li>
+    <li>
+      <a href="https://app-gallery.cloudinary.com/gallery/cloudy-cam">
+        <CldImage
+          className="rounded-lg border border-zinc-200 mb-6"
+          width="800"
+          height="600"
+          src="https://res.cloudinary.com/nextjsnpm/image/upload/v1743523378/images/cloudy-cam.png"
+          sizes="50w"
+          alt=""
+        />
+      </a>
+      <h3 className="text-2xl font-semibold mb-4">Cloudy Cam</h3>
+    </li>
+    <li>
+      <a href="https://app-gallery.cloudinary.com/gallery/imgto-xyz">
+        <CldImage
+          className="rounded-lg border border-zinc-200 mb-6"
+          width="800"
+          height="600"
+          src="https://res.cloudinary.com/nextjsnpm/image/upload/v1743523378/images/imgto-xyz.png"
+          sizes="50w"
+          alt=""
+        />
+      </a>
+      <h3 className="text-2xl font-semibold mb-4">Imgto.xyz</h3>
+    </li>
+    <li>
+      <a href="https://app-gallery.cloudinary.com/gallery/image-carbron">
+        <CldImage
+          className="rounded-lg border border-zinc-200 mb-6"
+          width="800"
+          height="600"
+          src="https://res.cloudinary.com/nextjsnpm/image/upload/v1743523378/images/image-carbron.png"
+          sizes="50w"
+          alt=""
+        />
+      </a>
+      <h3 className="text-2xl font-semibold mb-4">Image Carbon</h3>
+    </li>
+  </ul> 
+  <Button className="mt-10"><a href="https://app-gallery.cloudinary.com/">Visit App Gallery</a></Button>
 </div>
 
 <div className="text-center max-w-2xl mx-auto my-20 md:my-44">