i forgot

src/app/page.js

@@ -1,6 +1,9 @@
 import Image from "next/image";
 import styles from "./page.module.css";
 import bgimage from "./assets/header-bg.jpg";
+import Button from "./components/Button";
+import Card from "./components/Card";
+import Link from "next/link";
 
 export default function Home() {
   return (
@@ -29,11 +32,32 @@ export default function Home() {
                     supportive community, and prompt assistance make working
                     with us a breeze.
                   </p>
+                  <Link href="/contact">
+                    <Button>
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 20 20"
+                        fill="currentColor"
+                      >
+                        <path
+                          fillRule="evenodd"
+                          d="M2 3.5A1.5 1.5 0 0 1 3.5 2h1.148a1.5 1.5 0 0 1 1.465 1.175l.716 3.223a1.5 1.5 0 0 1-1.052 1.767l-.933.267c-.41.117-.643.555-.48.95a11.542 11.542 0 0 0 6.254 6.254c.395.163.833-.07.95-.48l.267-.933a1.5 1.5 0 0 1 1.767-1.052l3.223.716A1.5 1.5 0 0 1 18 15.352V16.5a1.5 1.5 0 0 1-1.5 1.5H15c-1.149 0-2.263-.15-3.326-.43A13.022 13.022 0 0 1 2.43 8.326 13.019 13.019 0 0 1 2 5V3.5Z"
+                          clipRule="evenodd"
+                        />
+                      </svg>
+                      Get in touch with us today
+                    </Button>
+                  </Link>
                 </div>
               </div>
             </div>
           </div>
         </section>
+
+        <section className="container">
+          <h1>Services we Offer</h1>
+          <Card />
+        </section>
       </main>
     </div>
   );