adding SoloImage

src/components/SoloImage/SoloImage.jsx

@@ -0,0 +1,12 @@
+import Image from "../common/Image";
+import Section from "../common/Section";
+
+export default function SoloImage({ image, ...rest }) {
+  return (
+    <div>
+      <Section {...rest}>
+        <Image image={image} />
+      </Section>
+    </div>
+  );
+}

src/pages-client/design.astro

@@ -1,122 +1,9 @@
 ---
 import Page from '../layouts/page.astro';
-import Employers from '../components/Employers/Employers.jsx';
+import SoloImage from '../components/SoloImage/SoloImage.jsx';
 
 ---
 
 <Page>
-  <Employers
-    theme="white"
-    employers={[{
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027761/ws/Outcomes/employers/518109_947426.png',
-        alt: 'Vacasa'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027912/ws/Outcomes/employers/960552_118299.png',
-        alt: 'Kroger'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027846/ws/Outcomes/employers/619763_835464.png',
-        alt: 'k company'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027742/ws/Outcomes/employers/857840_620243.png',
-        alt: 'Walmart Labs'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027706/ws/Outcomes/employers/416573_613061.png',
-        alt: 'Sprinklr'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027716/ws/Outcomes/employers/928655_118288.png',
-        alt: 'Nike'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027676/ws/Outcomes/employers/223479_724908.png',
-        alt: 'Esri'
-      }
-    },{
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027761/ws/Outcomes/employers/518109_947426.png',
-        alt: 'Vacasa'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027912/ws/Outcomes/employers/960552_118299.png',
-        alt: 'Kroger'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027846/ws/Outcomes/employers/619763_835464.png',
-        alt: 'k company'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027742/ws/Outcomes/employers/857840_620243.png',
-        alt: 'Walmart Labs'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027706/ws/Outcomes/employers/416573_613061.png',
-        alt: 'Sprinklr'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027716/ws/Outcomes/employers/928655_118288.png',
-        alt: 'Nike'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027676/ws/Outcomes/employers/223479_724908.png',
-        alt: 'Esri'
-      }
-    },{
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027761/ws/Outcomes/employers/518109_947426.png',
-        alt: 'Vacasa'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027912/ws/Outcomes/employers/960552_118299.png',
-        alt: 'Kroger'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027846/ws/Outcomes/employers/619763_835464.png',
-        alt: 'k company'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027742/ws/Outcomes/employers/857840_620243.png',
-        alt: 'Walmart Labs'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027706/ws/Outcomes/employers/416573_613061.png',
-        alt: 'Sprinklr'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027716/ws/Outcomes/employers/928655_118288.png',
-        alt: 'Nike'
-      }
-    }, {
-      image: {
-        url: 'https://res.cloudinary.com/alchemy-code-lab/image/upload/v1647027676/ws/Outcomes/employers/223479_724908.png',
-        alt: 'Esri'
-      }
-    },
-
-
-    ]}
-  />
-
-
+     <SoloImage image={{url: 'https://cdn.pixabay.com/photo/2022/01/17/19/59/dog-6945696_1280.jpg', alt:"puppy"}}/>
 </Page>