diff --git a/src/components/CardDesign1/index.js b/src/components/CardDesign1/index.js
new file mode 100644
index 0000000..75921b2
--- /dev/null
+++ b/src/components/CardDesign1/index.js
@@ -0,0 +1,25 @@
+import React from "react";
+import CustomToast from "../CustomToast";
+import IconText from "../IconText";
+import TitleSubtitle from "../TitleSubtitle";
+
+const CardDesign1 = () => {
+  return (
+    <div className="flex flex-col bg-white shadow-sm rounded max-w-[375px] mr-20 my-20 p-4">
+      <TitleSubtitle
+        subTitle={false}
+        title={"طبقه سوم"}
+        titleColor={"text-[#0F0543]"}
+        titleFontWeight={"font-bold"}
+        titleDividerBgColor={"bg-[#F8EA1F]"}
+        titleDividerWidth={"w-1.5"}
+      />
+      <IconText />
+      <CustomToast />
+    </div>
+  );
+};
+
+export default CardDesign1;
+
+CardDesign1.defaultProps = {};