Initial commit: website

Co-authored-by: Cursor <cursoragent@cursor.com>

components/Footer.tsx

@@ -0,0 +1,61 @@
+import styles from "./Footer.module.css";
+
+export default function Footer() {
+  return (
+    <footer className={styles.footer} id="contact">
+      <div className={styles.inner}>
+        <div className={styles.grid}>
+          <div>
+            <h2 className={styles.heading}>logo Here</h2>
+            <p className={styles.copy}>
+              In publishing and graphic design, Lorem ipsum is a placeholder.
+            </p>
+          </div>
+          <div>
+            <h2 className={styles.heading}>Phone Number :</h2>
+            <div className={`${styles.copy} ${styles.phones}`}>
+              <span>+98 937 622 0110</span>
+              <span>+98 912 123 4567</span>
+            </div>
+          </div>
+          <div>
+            <h2 className={styles.heading}>Location :</h2>
+            <p className={styles.copy}>
+              1 Sheikh Mohammed bin Rashid Blvd - Downtown Dubai - Dubai -
+              United Arab Emirates
+            </p>
+          </div>
+          <div>
+            <h2 className={styles.heading}>Social Media :</h2>
+            <div className={styles.socials}>
+              <a href="https://instagram.com" aria-label="Instagram">
+                <img src="/images/icons/instagram.png" alt="" width={25} height={25} />
+              </a>
+              <a href="https://t.me" aria-label="Telegram">
+                <img src="/images/icons/telegram.png" alt="" width={26} height={26} />
+              </a>
+              <a href="https://facebook.com" aria-label="Facebook">
+                <img src="/images/icons/facebook.png" alt="" width={20} height={20} />
+              </a>
+            </div>
+          </div>
+        </div>
+        <div className={styles.bottom}>
+          <p className={styles.copyright}>
+            Copy Rights By 2023 Wilaart . All Rights Reserved site by Bradly
+            Lancaster.
+          </p>
+          <nav className={styles.links} aria-label="Footer">
+            <a href="/businesses">Categories</a>
+            <span>|</span>
+            <a href="/#vision">Vision</a>
+            <span>|</span>
+            <a href="/about">About us</a>
+            <span>|</span>
+            <a href="/contact">Contact us</a>
+          </nav>
+        </div>
+      </div>
+    </footer>
+  );
+}