From 21a4607b76c1401009c27c043c472ffac9cd4f54 Mon Sep 17 00:00:00 2001
From: mahmoudelhosarry <mahmoudelhosary288@gmail.com>
Date: Sat, 4 Jan 2025 01:40:25 +0200
Subject: [PATCH 1/2] Contactus Style.

---
 app/contactus/page.tsx | 141 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 141 insertions(+)
 create mode 100644 app/contactus/page.tsx

diff --git a/app/contactus/page.tsx b/app/contactus/page.tsx
new file mode 100644
index 0000000..8cd127a
--- /dev/null
+++ b/app/contactus/page.tsx
@@ -0,0 +1,141 @@
+import React from "react";
+import Image from "next/image";
+import Black from "../../Public/logo-bw.png";
+
+const Contactus = () => {
+  return (
+    <div className="bg-black min-h-screen flex items-center justify-center">
+      <div className="container mx-auto px-4 py-8">
+        <h2 className="text-2xl font-bold mb-4 text-white">
+          What can we do for you?
+        </h2>
+        <p className=" mb-6 text-white">
+          Talk to us about your project and let's start building it together!
+        </p>
+        <div className="flex flex-col md:flex-row bg-white shadow-lg rounded-lg overflow-hidden">
+          <div className="w-full md:w-1/2 p-6">
+            <form className="space-y-4 ">
+              <div>
+                <label
+                  htmlFor="name"
+                  className="block text-sm font-medium text-gray-700"
+                >
+                  Name*
+                </label>
+                <input
+                  id="name"
+                  type="text"
+                  required
+                  className="w-full border-black  rounded-lg shadow-sm  p-2"
+                />
+              </div>
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label
+                    htmlFor="email"
+                    className="block text-sm font-medium text-gray-700"
+                  >
+                    E-mail*
+                  </label>
+                  <input
+                    id="email"
+                    type="email"
+                    required
+                    className="w-full border-gray-300 rounded-lg shadow-sm p-2"
+                  />
+                </div>
+                <div>
+                  <label
+                    htmlFor="phone"
+                    className="block text-sm font-medium text-gray-700"
+                  >
+                    Phone number
+                  </label>
+                  <input
+                    id="phone"
+                    type="tel"
+                    className="w-full border-gray-300 rounded-lg shadow-sm p-2"
+                  />
+                </div>
+              </div>
+              <div>
+                <label
+                  htmlFor="project"
+                  className="block text-sm font-medium text-gray-700"
+                >
+                  Tell us about your project*
+                </label>
+                <textarea
+                  id="project"
+                  required
+                  className="w-full border-gray-300 rounded-lg shadow-sm p-2"
+                ></textarea>
+              </div>
+              <div>
+                <label
+                  htmlFor="files"
+                  className="block text-sm font-medium text-gray-700"
+                >
+                  Additional files (optional)
+                </label>
+                <input
+                  id="files"
+                  type="file"
+                  className="w-full border-gray-300 rounded-lg shadow-sm p-2"
+                />
+              </div>
+              <div className="flex items-center">
+                <input
+                  id="agreement"
+                  type="checkbox"
+                  required
+                  className="h-4 w-4  border-gray-300 rounded"
+                />
+                <label
+                  htmlFor="agreement"
+                  className="ml-2 text-sm text-gray-600"
+                >
+                  I agree to the processing of my personal data...
+                </label>
+              </div>
+              <button
+                type="submit"
+                className="w-full bg-green-800 text-white py-2 rounded-lg shadow-lg hover:bg-green-700 transition"
+              >
+                Submit
+              </button>
+            </form>
+          </div>
+
+          {/* Right Section: Info */}
+          <div className="w-full md:w-1/2 bg-black text-white flex flex-col justify-center items-center p-6">
+            <div className="mb-6">
+              <Image
+                src={Black}
+                alt="Black Waves Logo"
+                width={300}
+                className="rounded-full border-white border-2"
+              />
+            </div>
+            <div className="text-center">
+              <h3 className="text-lg font-semibold">Black Waves</h3>
+              <p className="text-sm ">
+                Digital Marketing Agency, SEO Solutions, Innovative Web
+                Development
+              </p>
+              <p className="mt-4">
+                <a
+                  href="mailto:info@blackwaves.com"
+                  className="text-green-500 underline"
+                >
+                  info@blackwaves.com
+                </a>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+export default Contactus;

From e9d4fea0efd4f77753061be4b1afdaa86f4f292d Mon Sep 17 00:00:00 2001
From: mahmoudelhosarry <mahmoudelhosary288@gmail.com>
Date: Sat, 4 Jan 2025 02:13:48 +0200
Subject: [PATCH 2/2] Social Media Links

---
 app/components/OurTeam.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/components/OurTeam.tsx b/app/components/OurTeam.tsx
index cedaf0e..33f489d 100644
--- a/app/components/OurTeam.tsx
+++ b/app/components/OurTeam.tsx
@@ -18,17 +18,18 @@ const teamMembers = [
     role: "Lead FullStack Developer",
     image: omar,
     socials: {
-      facebook: "https://www.facebook.com/luna",
+      facebook: "https://www.facebook.com/share/183pVEiGMV/?mibextid=wwXIfr",
       linkedin: "https://www.linkedin.com/in/omar-mousa-378b98261",
       instagram: "https://www.instagram.com/omarrghandour",
     },
   },
   {
-    name: "Mahmoud Elhossary",
+    name: "Mahmoud Elhosary",
     role: "FrontEnd Developer & UI/UX",
     image: hosary,
     socials: {
-      facebook: "https://www.facebook.com/alex",
+      facebook:
+        "https://www.facebook.com/mahmoud.elhosary.79219?mibextid=ZbWKwL",
       linkedin: "https://www.linkedin.com/in/mahmoud-elhosary-776250313",
       instagram: "https://www.instagram.com/mahmoudelhosary_",
     },
@@ -39,9 +40,9 @@ const teamMembers = [
     role: "FrontEnd Developer",
     image: ghareeb,
     socials: {
-      facebook: "https://www.facebook.com/hope",
-      linkedin: "https://www.linkedin.com/in/hope",
-      instagram: "https://www.instagram.com/hope",
+      facebook: "https://m.facebook.com/Iam.mourinho.1088/",
+      linkedin: "https://www.linkedin.com/in/mohamed-ghareeb-0ab082334/",
+      instagram: "https://www.instagram.com/ghareeb.oo/",
     },
   },
   {
@@ -49,8 +50,9 @@ const teamMembers = [
     role: "Frontend developer",
     image: ibrahim,
     socials: {
-      facebook: "https://www.facebook.com/bryant",
-      linkedin: "https://www.linkedin.com/in/bryant",
+      facebook: "https://www.facebook.com/ibrahem.salah.140/",
+      linkedin:
+        "https://www.linkedin.com/in/ibrahim-salah-94417921b?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app",
       instagram: "https://www.instagram.com/ibrahem17_",
     },
   },