From afb4e0538ca91295da3bc7d70c117fc530e744aa Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Mon, 11 Sep 2023 17:49:12 +0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Added=20PageContact=20component=20?=
 =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Updated=20contact=20information=20?=
 =?UTF-8?q?=F0=9F=93=9D=20Added=20contact=20form=20=F0=9F=8C=90=20Integrat?=
 =?UTF-8?q?ed=20social=20links=20=F0=9F=9A=80=20Ready=20for=20contact=20pa?=
 =?UTF-8?q?ge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/contact/page.tsx | 95 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..0b55d73
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,95 @@
+import React, { FC } from "react";
+import SectionSubscribe2 from "@/components/SectionSubscribe2";
+import SocialsList from "@/shared/SocialsList";
+import Label from "@/components/Label";
+import Input from "@/shared/Input";
+import Textarea from "@/shared/Textarea";
+import ButtonPrimary from "@/shared/ButtonPrimary";
+
+export interface PageContactProps {}
+
+const info = [
+  {
+    title: "🗺 ADDRESS",
+    desc: "Photo booth tattooed prism, portland taiyaki hoodie neutra typewriter",
+  },
+  {
+    title: "💌 EMAIL",
+    desc: "nc.example@example.com",
+  },
+  {
+    title: "☎ PHONE",
+    desc: "000-123-456-7890",
+  },
+];
+
+const PageContact: FC<PageContactProps> = ({}) => {
+  return (
+    <div className={`nc-PageContact overflow-hidden`}>
+      <div className="mb-24 lg:mb-32">
+        <h2 className="my-16 sm:my-20 flex items-center text-3xl leading-[115%] md:text-5xl md:leading-[115%] font-semibold text-neutral-900 dark:text-neutral-100 justify-center">
+          Contact
+        </h2>
+        <div className="container max-w-7xl mx-auto">
+          <div className="flex-shrink-0 grid grid-cols-1 sm:grid-cols-2 gap-12 ">
+            <div className="max-w-sm space-y-8">
+              {info.map((item, index) => (
+                <div key={index}>
+                  <h3 className="uppercase font-semibold text-sm dark:text-neutral-200 tracking-wider">
+                    {item.title}
+                  </h3>
+                  <span className="block mt-2 text-neutral-500 dark:text-neutral-400">
+                    {item.desc}
+                  </span>
+                </div>
+              ))}
+              <div>
+                <h3 className="uppercase font-semibold text-sm dark:text-neutral-200 tracking-wider">
+                  🌏 SOCIALS
+                </h3>
+                <SocialsList className="mt-2" />
+              </div>
+            </div>
+            <div>
+              <form className="grid grid-cols-1 gap-6" action="#" method="post">
+                <label className="block">
+                  <Label>Full name</Label>
+
+                  <Input
+                    placeholder="Example Doe"
+                    type="text"
+                    className="mt-1"
+                  />
+                </label>
+                <label className="block">
+                  <Label>Email address</Label>
+
+                  <Input
+                    type="email"
+                    placeholder="example@example.com"
+                    className="mt-1"
+                  />
+                </label>
+                <label className="block">
+                  <Label>Message</Label>
+
+                  <Textarea className="mt-1" rows={6} />
+                </label>
+                <div>
+                  <ButtonPrimary type="submit">Send Message</ButtonPrimary>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* OTHER SECTIONS */}
+      <div className="container">
+        <SectionSubscribe2 className="pb-24 lg:pb-32" />
+      </div>
+    </div>
+  );
+};
+
+export default PageContact;