Merge pull request #623 from Meghana-2124/fix/add-alt-text-whats-inside

Improve alt text descriptions in whats-inside section

Author: eportis-cloudinary

docs/pages/index.mdx

@@ -73,8 +73,6 @@ import Button from '../components/Button';
   <p className="mt-10"><Button href="/installation">Get Started</Button></p>
 </div>
 
-
-
 <div className="text-center max-w-4xl mx-auto my-14 md:my-36">
   <h2 className="text-4xl font-bold">What's Inside?</h2>
 
@@ -86,7 +84,7 @@ import Button from '../components/Button';
         height="600"
         src={`${process.env.IMAGES_DIRECTORY}/next-cloudinary-optimization_saagby`}
         sizes="50w"
-        alt="Example of automatic image optimization and responsive delivery"
+        alt="Galaxy image showing file size optimization from 2.8MB to 44KB for faster performance"
       />
       <h3 className="text-2xl font-semibold mb-4">Optimization</h3>
       <p>Automatically <Link className="underline underline-offset-2" href="/guides/image-optimization">optimize images</Link> and videos with <Link className="underline underline-offset-2" href="/guides/responsive-images">responsive sizes</Link> and modern formats.</p>
@@ -98,7 +96,7 @@ import Button from '../components/Button';
         height="600"
         src={`${process.env.IMAGES_DIRECTORY}/next-cloudinary-transformations_vjacda`}
         sizes="50w"
-        alt="Demo of image transformations: cropping, resizing and background removal"
+        alt="Person editing image representing Cloudinary’s image transformation and AI tools"
       />
       <h3 className="text-2xl font-semibold mb-4">Transformations</h3>
       <p>Transform assets using dynamic <Link className="underline underline-offset-2" href="/cldimage/examples#cropping--resizing">Cropping and Resizing</Link>, <Link className="underline underline-offset-2" href="/guides/background-removal">Background Removal</Link>, Generative AI, and more.</p>
@@ -110,7 +108,7 @@ import Button from '../components/Button';
         height="600"
         src={`${process.env.IMAGES_DIRECTORY}/next-cloudinary-upload-widget_fvrnjs`}
         sizes="50w"
-        alt="Cloudinary upload widget UI for adding assets"
+        alt="Drag and drop widget interface showing how to upload images easily using Cloudinary"
       />
       <h3 className="text-2xl font-semibold mb-4">Uploading</h3>
       <p>Drop-in widget for easily <Link className="underline underline-offset-2" href="/guides/uploading-images-and-videos">uploading assets</Link> into the cloud.</p>
@@ -122,7 +120,7 @@ import Button from '../components/Button';
         height="600"
         src={`${process.env.IMAGES_DIRECTORY}/next-cloudinary-social-cards_ll4fqu`}
         sizes="50w"
-        alt="Social card preview for Open Graph (OG) images"
+        alt="Example social card for a Next.js project generated dynamically using Cloudinary"
       />
       <h3 className="text-2xl font-semibold mb-4">Social Cards</h3>
       <p>Easiest way to create beautiful <Link className="underline underline-offset-2" href="/guides/social-media-card">social cards</Link> in Next.js.</p>
@@ -199,4 +197,4 @@ import Button from '../components/Button';
 <div className="text-center max-w-2xl mx-auto my-20 md:my-44">
   <h2 className="text-3xl sm:text-4xl md:text-5xl font-bold md:leading-[4rem]">Transform &amp; Deliver at Scale with Next Cloudinary</h2>
   <p className="mt-10"><Button href="/installation">Get Started</Button></p>
-</div>
+</div>

docs/pages/nextjs-14.mdx

@@ -40,7 +40,7 @@ To avoid marking an entire page as a Client Component, you can create a basic wr
 ```jsx copy showLineNumbers
 "use client";
 
-import { CldImage as CldImageDefault, CldImageProps }  from 'next-cloudinary';
+import { CldImage as CldImageDefault, CldImageProps } from 'next-cloudinary';
 
 const CldImage = (props: CldImageProps) => {
   return <CldImageDefault {...props} />
@@ -74,4 +74,4 @@ export const metadata = {
 };
 ```
 
-Find more examples of [Social Media Cards](/guides/social-media-card).
+Find more examples of [Social Media Cards](/guides/social-media-card).