feat(screen): add about, mission page

components/Carousel.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+export default function CardCarousel() {
+  const cards = [
+    { id: 1, title: "Card 1" },
+    { id: 2, title: "Card 2" },
+    { id: 3, title: "Card 3" },
+    { id: 4, title: "Card 4" },
+  ];
+
+  return (
+    <div className="w-full overflow-x-scroll flex gap-4 snap-x snap-mandatory scroll-smooth no-scrollbar px-4 py-6">
+      {cards.map((card) => (
+        <div
+          key={card.id}
+          className="snap-center min-w-[250px] h-[180px] rounded-xl bg-gray-800 text-white flex items-center justify-center text-xl font-semibold"
+        >
+          {card.title}
+        </div>
+      ))}
+    </div>
+  );
+}