Merge branch 'navigation' of https://github.com/frontChapter/NextJS i…

…nto navigation

.all-contributorsrc

@@ -29,6 +29,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "Bravemobin",
+      "name": "Mobin",
+      "avatar_url": "https://avatars.githubusercontent.com/u/77383003?v=4",
+      "profile": "https://github.com/Bravemobin",
+      "contributions": [
+        "code"
+      ]
     }
   ]
 }

README.md

@@ -10,6 +10,7 @@ This repository contains FrontChapter`s website source code.
     <tr>
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/AmirHosseinKarimi"><img src="https://avatars.githubusercontent.com/u/17345129?v=4?s=100" width="100px;" alt="Amir Hossein Karimi"/><br /><sub><b>Amir Hossein Karimi</b></sub></a><br /><a href="#projectManagement-AmirHosseinKarimi" title="Project Management">📆</a> <a href="#infra-AmirHosseinKarimi" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="#maintenance-AmirHosseinKarimi" title="Maintenance">🚧</a> <a href="#mentoring-AmirHosseinKarimi" title="Mentoring">🧑‍🏫</a> <a href="#code-AmirHosseinKarimi" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://majidkargar.ir"><img src="https://avatars.githubusercontent.com/u/52089654?v=4?s=100" width="100px;" alt="Majid Kargar"/><br /><sub><b>Majid Kargar</b></sub></a><br /><a href="#code-fulcain" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Bravemobin"><img src="https://avatars.githubusercontent.com/u/77383003?v=4?s=100" width="100px;" alt="Mobin"/><br /><sub><b>Mobin</b></sub></a><br /><a href="#code-Bravemobin" title="Code">💻</a></td>
     </tr>
   </tbody>
 </table>

src/app/components/Sponsers/Sponsers.tsx

@@ -0,0 +1,33 @@
+import { Section } from "@/components/ui/section";
+import sponsersData from "@/configs/sponsersData";
+import Image from "next/image";
+
+export default function Sponsers() {
+  return (
+    <Section>
+      <div className="mx-auto flex max-w-container flex-col items-center gap-14 text-center">
+        <div className="flex flex-col items-center gap-6">
+          <h2 className="text-md font-semibold sm:text-xl">
+            حامیان همایش فرانت چپتر
+          </h2>
+        </div>
+        <div className="flex flex-wrap items-center justify-center gap-8">
+          {sponsersData.map((sponser, index) => (
+            <div className="flex items-center gap-2" key={index}>
+              <div className="border-2 border-gray-800 p-1">
+                <Image
+                  src={sponser.image}
+                  width={21}
+                  height={21}
+                  alt={sponser.title}
+                />
+              </div>
+
+              <span className="font-bold">{sponser.title}</span>
+            </div>
+          ))}
+        </div>
+      </div>
+    </Section>
+  );
+}

src/app/components/Sponsers/sponsers.d.ts

@@ -0,0 +1,4 @@
+export type SponsersDataType = {
+  title: string;
+  image: string;
+};

src/app/page.tsx

@@ -1,11 +1,13 @@
 import TopNavigation from "./components/top-navigation/top-navigation";
+import Sponsers from "./components/Sponsers/Sponsers";
 import FAQ from "@/app/components/FAQ/FAQ";
 
 export default function Home() {
   return (
     <>
       <TopNavigation />
       <FAQ />
+      <Sponsers />
     </>
   );
 }

src/configs/sponsersData.ts

@@ -0,0 +1,22 @@
+import { SponsersDataType } from "@/app/components/Sponsers/sponsers";
+
+export const sponsersData: SponsersDataType[] = [
+  {
+    title: "دیجی کالا",
+    image: "/images/company-logos/digikala.png",
+  },
+  {
+    title: "shab.ir",
+    image: "/images/company-logos/shabir.png",
+  },
+  {
+    title: "دیجی کالا",
+    image: "/images/company-logos/digikala.png",
+  },
+  {
+    title: "pachim.sh",
+    image: "/images/company-logos/pachimsh.png",
+  },
+];
+
+export default sponsersData;