Merge pull request #17 from frontChapter/sponsers

Add Sponsers Section

Author: AmirHosseinKarimi

package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-slot": "^1.1.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.474.0",

pnpm-lock.yaml

@@ -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>
+  );
+}

public/images/company-logos/digikala.png

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

public/images/company-logos/pachimsh.png

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

public/images/company-logos/shabir.png

@@ -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;