cards wip

src/app/page.js

@@ -2,6 +2,7 @@ import Image from "next/image";
 import styles from "./page.module.css";
 import bgimage from "./assets/header-bg.jpg";
 import Button from "./components/Button";
+import Cards from "./components/Cards";
 import Card from "./components/Card";
 import Link from "next/link";
 
@@ -55,8 +56,13 @@ export default function Home() {
         </section>
 
         <section className="container">
-          <h1>Services we Offer</h1>
-          <Card />
+          <h1 className={styles.h1}>Services we Offer</h1>
+          <Cards>
+            <Card />
+            <Card />
+            <Card />
+            <Card />
+          </Cards>
         </section>
       </main>
     </div>