dnd-side-project · raymondanythings · Feb 18, 2024 · Feb 18, 2024
diff --git a/components/dashboard/best-worth/index.tsx → ...mpositions/dashboard/best-worth/index.tsx b/components/dashboard/best-worth/index.tsx → ...mpositions/dashboard/best-worth/index.tsx
diff --git a/components/dashboard/character/index.tsx → ...ompositions/dashboard/character/index.tsx b/components/dashboard/character/index.tsx → ...ompositions/dashboard/character/index.tsx
diff --git a/components/dashboard/happy/index.tsx → ...ts/compositions/dashboard/happy/index.tsx b/components/dashboard/happy/index.tsx → ...ts/compositions/dashboard/happy/index.tsx
diff --git a/components/dashboard/money/index.tsx → ...ts/compositions/dashboard/money/index.tsx b/components/dashboard/money/index.tsx → ...ts/compositions/dashboard/money/index.tsx
diff --git a/components/dashboard/sad/index.tsx → ...ents/compositions/dashboard/sad/index.tsx b/components/dashboard/sad/index.tsx → ...ents/compositions/dashboard/sad/index.tsx
diff --git a/components/compositions/dashboard/tree-info.tsx b/components/compositions/dashboard/tree-info.tsx
@@ -0,0 +1,89 @@
+import Badge from '@/components/badge'
+import Button from '@/components/button'
+import React from 'react'
+
+const TreeInfo = () => {
+  return (
+    <>
+      <div className="bg-bg-gray1 pt-[30px] pb-10 px-6 rounded-2xl gap-y-6 flex flex-col">
+        <div className="flex justify-between items-center">
+          <p className="text-body1 text-text-sub-gray4f">
+            내 정원에 심어진 나무는
+            <br />
+            <b className="text-mainTitle1-bold mt-1 text-black">총 999그루</b>
+          </p>
+          <div className="w-20 h-20 bg-text-main-whiteFF flex justify-center items-center rounded-full">
+            <svg
+              width="39"
+              height="52"
+              viewBox="0 0 39 52"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M21.3676 0.693745C17.4693 1.64148 16.0986 11.5137 15.9005 16.3314C15.8079 17.8714 14.5932 18.1084 9.12604 21.7809C4.75234 24.7189 6.90749 28.3756 8.53178 29.8367C5.40205 30.6264 -0.619717 33.2959 0.331088 37.6555C1.28189 42.015 5.71897 42.789 7.81866 42.6311C7.6602 42.868 8.00882 44.1711 10.6711 47.4882C13.3333 50.8053 17.9606 48.8703 19.9414 47.4882C28.9741 55.9231 31.5492 50.055 31.7076 46.0666C33.6489 46.8959 37.7928 47.1091 38.8387 41.3279C39.8845 35.5468 33.3319 29.0469 29.9249 26.5196C39.0764 28.8889 32.5396 19.4115 29.2118 15.739C25.884 12.0666 26.2405 -0.490924 21.3676 0.693745Z"
+                fill="#00BC68"
+              />
+              <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M22.8191 1.29087C22.4157 1.08367 21.9531 1.02144 21.4019 1.15585C20.529 1.3687 19.7653 2.09216 19.1068 3.19404C18.451 4.29132 17.9215 5.72788 17.502 7.29755C16.6634 10.4354 16.2775 14.056 16.1801 16.4316L16.1799 16.436C16.1549 16.8532 16.0516 17.1986 15.8117 17.5342C15.5786 17.8604 15.225 18.1648 14.7268 18.5204C14.2593 18.8542 13.6461 19.2455 12.8556 19.75C12.8015 19.7845 12.7466 19.8196 12.6909 19.8551C11.8179 20.4124 10.7322 21.1081 9.38449 22.0162C8.33035 22.7264 7.68457 23.4699 7.32349 24.1975C6.96315 24.9236 6.8798 25.647 6.97057 26.3303C7.1535 27.707 8.04611 28.9276 8.82353 29.6291C8.88785 29.6871 8.91498 29.7758 8.89413 29.8598C8.87327 29.9439 8.80782 30.0097 8.72385 30.0309C7.19692 30.4174 4.96783 31.2639 3.24369 32.5392C1.51541 33.8176 0.354397 35.4763 0.794549 37.5006C1.2462 39.5777 2.52043 40.7961 3.94008 41.4826C5.36824 42.1733 6.93969 42.3221 7.94409 42.2463C8.03361 42.2396 8.11916 42.2844 8.16447 42.3619C8.20677 42.4342 8.2071 42.5232 8.16645 42.5954C8.16577 42.6001 8.16492 42.6085 8.16483 42.6214C8.16458 42.6596 8.17128 42.7216 8.19397 42.8123C8.23927 42.9935 8.34119 43.2617 8.53423 43.6343C8.91965 44.3782 9.6529 45.5092 10.9629 47.1463C12.2107 48.7057 13.9164 49.0386 15.5784 48.8065C17.2481 48.5733 18.8456 47.7705 19.8027 47.1007C19.8937 47.037 20.0168 47.0457 20.0979 47.1217C22.3174 49.2005 24.1236 50.3818 25.5793 50.935C27.0302 51.4864 28.1179 51.4094 28.9297 50.9955C29.7479 50.5784 30.3288 49.7973 30.7162 48.8575C31.1031 47.9188 31.2877 46.8429 31.326 45.8751C31.3291 45.7979 31.37 45.7272 31.4353 45.6859C31.5007 45.6447 31.5821 45.6382 31.6532 45.6686C32.5737 46.0631 34.0093 46.3056 35.3269 45.7752C36.6263 45.2521 37.868 43.9533 38.374 41.1476C38.8732 38.38 37.5606 35.4056 35.6617 32.7816C33.7686 30.1656 31.3272 27.9459 29.6594 26.705C29.5693 26.638 29.5393 26.5165 29.5878 26.4152C29.6364 26.3139 29.7499 26.2612 29.8586 26.2895C30.9762 26.5797 31.8378 26.6839 32.4862 26.6466C33.1344 26.6094 33.5479 26.4325 33.8007 26.1828C34.0512 25.9353 34.1767 25.5837 34.1815 25.1256C34.1864 24.6645 34.0681 24.1134 33.8491 23.4996C32.9697 21.0351 30.5589 17.8056 28.9209 15.9924C28.061 15.0407 27.4548 13.5356 26.9497 11.8739C26.6352 10.8391 26.3535 9.71921 26.0752 8.61285C25.9065 7.94228 25.7391 7.27668 25.5664 6.63797C25.1037 4.92726 24.6015 3.40227 23.9292 2.37902C23.5948 1.86999 23.2283 1.50104 22.8191 1.29087ZM27.3991 11.7374C27.903 13.3953 28.4855 14.81 29.2694 15.6777C30.9187 17.5033 33.3803 20.7884 34.2914 23.3419C34.5201 23.9827 34.6568 24.5925 34.6511 25.1305C34.6454 25.6716 34.4947 26.1572 34.1307 26.5168C33.769 26.8741 33.2294 27.0742 32.5132 27.1154C32.026 27.1434 31.447 27.0986 30.7668 26.9737C32.3811 28.2886 34.4096 30.2504 36.0422 32.5063C37.9629 35.1605 39.3702 38.2703 38.8362 41.2309C38.3091 44.1533 36.9874 45.6129 35.5023 46.2108C34.1791 46.7435 32.7721 46.5728 31.7772 46.2207C31.7118 47.1423 31.5192 48.1416 31.1504 49.0364C30.7379 50.037 30.0958 50.9281 29.1431 51.4138C28.184 51.9028 26.953 51.9594 25.4124 51.3739C23.9083 50.8022 22.0951 49.6144 19.9147 47.5928C18.9029 48.2687 17.3163 49.0379 15.6433 49.2715C13.8731 49.5187 11.9784 49.167 10.5962 47.4396C9.27625 45.7901 8.52234 44.6322 8.11722 43.8502C7.91498 43.4599 7.79578 43.1558 7.73836 42.9262C7.72086 42.8562 7.70843 42.7905 7.70153 42.7295C6.63569 42.7653 5.12657 42.578 3.73557 41.9053C2.21025 41.1676 0.823249 39.8428 0.335637 37.6003C-0.163471 35.3049 1.18021 33.4814 2.96437 32.1618C4.60448 30.9486 6.66751 30.1187 8.2053 29.6839C7.45833 28.9117 6.6832 27.733 6.50503 26.3921C6.40307 25.6247 6.49729 24.806 6.90279 23.9888C7.30755 23.1732 8.01588 22.3721 9.12204 21.6268C10.4747 20.7155 11.5643 20.0173 12.4381 19.4594C12.4919 19.4251 12.5448 19.3913 12.5969 19.3581C13.3937 18.8495 13.9968 18.4647 14.4539 18.1383C14.9423 17.7897 15.2433 17.5219 15.4297 17.2612C15.6089 17.0104 15.69 16.7547 15.7109 16.4101C15.8094 14.0122 16.1984 10.3565 17.0483 7.17636C17.4731 5.58655 18.0164 4.10327 18.7037 2.95321C19.3882 1.80775 20.238 0.956362 21.2906 0.699696C21.9428 0.540655 22.5222 0.610478 23.0337 0.873249C23.5395 1.13306 23.9609 1.57202 24.3217 2.12125C25.04 3.21451 25.5578 4.80742 26.0197 6.51542C26.1973 7.1722 26.3665 7.84518 26.5358 8.51827C26.8113 9.6142 27.087 10.7104 27.3991 11.7374Z"
+                fill="#111111"
+              />
+              <path
+                d="M19.7427 17.7745C21.2428 17.3364 20.6321 18.078 20.1393 18.5035C20.1694 19.6954 20.6317 22.3448 22.2398 23.4072C23.8479 24.4696 24.4104 20.7033 24.4906 18.6874C24.2655 18.6209 23.5715 18.2874 23.8357 18.0044C24.0147 17.8126 24.7105 17.5286 25.4191 17.6155C26.1289 17.7025 25.3296 18.6089 24.9408 18.8204C25.1626 19.8649 25.2772 22.3218 23.9614 23.7934C22.3167 25.6327 21.232 24.3333 20.5514 22.9085C20.007 21.7687 19.6081 19.6112 19.4767 18.6749C18.9404 18.5573 18.2427 18.2125 19.7427 17.7745Z"
+                fill="#111111"
+              />
+              <path
+                d="M17.3002 13.4257C17.3857 14.9592 18.4259 16.1482 19.6236 16.0814C20.8212 16.0147 21.7228 14.7174 21.6373 13.1839C21.5517 11.6504 20.5115 10.4614 19.3139 10.5281C18.1162 10.5949 17.2147 11.8922 17.3002 13.4257Z"
+                fill="white"
+              />
+              <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M19.5986 15.6341C18.7447 15.6817 17.8254 14.7965 17.7476 13.4008C17.6697 12.0051 18.4849 11.0231 19.3388 10.9755C20.1927 10.9279 21.112 11.8131 21.1899 13.2088C21.2677 14.6045 20.4525 15.5864 19.5986 15.6341ZM19.6236 16.0814C18.4259 16.1482 17.3857 14.9592 17.3002 13.4257C17.2147 11.8922 18.1162 10.5949 19.3139 10.5281C20.5115 10.4614 21.5517 11.6504 21.6373 13.1839C21.7228 14.7174 20.8212 16.0147 19.6236 16.0814Z"
+                fill="#111111"
+              />
+              <path
+                d="M17.8875 14.136C17.9388 15.2099 18.7266 16.0448 19.6471 16.0008C20.5676 15.9568 21.2722 15.0506 21.2209 13.9767C21.1695 12.9028 20.3817 12.0679 19.4613 12.1119C18.5408 12.1559 17.8362 13.0621 17.8875 14.136Z"
+                fill="#111111"
+              />
+              <path
+                d="M22.1317 13.1898C22.1194 14.7256 23.0225 15.9779 24.1488 15.9869C25.2751 15.9959 26.198 14.7581 26.2103 13.2223C26.2225 11.6864 25.3194 10.4341 24.1931 10.4252C23.0668 10.4162 22.1439 11.654 22.1317 13.1898Z"
+                fill="white"
+              />
+              <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M23.0767 14.8988C22.773 14.4777 22.5743 13.876 22.5797 13.1934C22.5852 12.5107 22.7935 11.9122 23.1038 11.496C23.4144 11.0795 23.8034 10.8701 24.1895 10.8732C24.5757 10.8763 24.9613 11.0919 25.2652 11.5132C25.5689 11.9343 25.7676 12.536 25.7622 13.2187C25.7568 13.9014 25.5485 14.4998 25.2381 14.9161C24.9275 15.3325 24.5385 15.5419 24.1524 15.5389C23.7663 15.5358 23.3806 15.3202 23.0767 14.8988ZM24.1488 15.9869C23.0225 15.9779 22.1194 14.7256 22.1317 13.1898C22.1439 11.654 23.0668 10.4162 24.1931 10.4252C25.3194 10.4341 26.2225 11.6864 26.2103 13.2223C26.198 14.7581 25.2751 15.9959 24.1488 15.9869Z"
+                fill="#111111"
+              />
+              <path
+                d="M22.5455 13.6345C22.4085 14.7009 23.0385 15.6605 23.9525 15.7779C24.8665 15.8953 25.7185 15.1261 25.8555 14.0597C25.9925 12.9934 25.3626 12.0337 24.4485 11.9163C23.5345 11.7989 22.6825 12.5682 22.5455 13.6345Z"
+                fill="#111111"
+              />
+            </svg>
+          </div>
+        </div>
+        <Button className="h-11">링크 공유하기</Button>
+      </div>
+      <h3 className="text-mainTitle2-bold tracking-tighter font-bold mt-8 mb-5">
+        김디엔님에 대해 알아보세요!
+      </h3>
+
+      <div className="flex overflow-x-scroll space-x-2 w-screen px-6 pl-6 scrollbar-hide avoid-min-w relative -left-[1.5rem]">
+        <Badge href="/" title="💬 내가 가장 많이 사용하는 단어는?" />
+        <Badge href="/" title="👀 나의 첫인상은?" />
+        <Badge href="/" title="😍 내가 혼자 몰래 좋아하고 있는 것은?" />
+        <Badge href="/" title="🧐 나를 5글자로 표현한다면?" />
+      </div>
+      <div className="mt-3 flex overflow-x-scroll overflow-y-hidden relative -left-[1.5rem] px-6 space-x-2 w-screen scrollbar-hide">
+        <Badge href="/" title="🤔 나는 누구와 닮았나요?" />
+        <Badge href="/" title="📚 나의 이런점은 꼭 배우고 싶어요!" />
+        <Badge href="/" title="🧐 나를 5글자로 표현한다면?" />
+      </div>
+    </>
+  )
+}
+
+export default TreeInfo
diff --git a/components/compositions/header/alert/alert-card.tsx b/components/compositions/header/alert/alert-card.tsx
@@ -0,0 +1,86 @@
+import { cn } from '@/lib/client/utils'
+import React from 'react'
+
+interface AlertCardProps {
+  isRead?: boolean
+}
+
+const AlertCard = ({ isRead = false }: AlertCardProps) => {
+  return (
+    <div
+      className={cn(
+        'py-5 flex justify-between space-x-4 px-5',
+        !isRead && 'bg-[#E2F6E9]',
+      )}
+    >
+      <div className="aspect-square rounded-full bg-bg-gray1 h-9 flex justify-center items-center">
+        <svg
+          width="26"
+          height="34"
+          viewBox="0 0 26 34"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M14.2392 0.551032C11.7053 1.16706 10.8143 7.58402 10.6855 10.7155C10.6253 11.7165 9.83575 11.8706 6.28212 14.2577C3.43922 16.1674 4.84006 18.5442 5.89585 19.4939C3.86152 20.0073 -0.0526207 21.7424 0.565402 24.5762C1.18343 27.4099 4.06753 27.913 5.43233 27.8103C5.32932 27.9643 5.55593 28.8113 7.2864 30.9674C9.01686 33.1235 12.0246 31.8658 13.3121 30.9674C19.1833 36.4501 20.8571 32.6359 20.9602 30.0434C22.222 30.5824 24.9155 30.721 25.5953 26.9633C26.2751 23.2055 22.0159 18.9806 19.8014 17.3378C25.7498 18.8779 21.5009 12.7176 19.3378 10.3305C17.1748 7.94337 17.4065 -0.219003 14.2392 0.551032Z"
+            fill="#00BC68"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M15.1826 0.939166C14.9204 0.80448 14.6197 0.764031 14.2614 0.851397C13.694 0.989753 13.1977 1.46 12.7696 2.17622C12.3434 2.88946 11.9991 3.82322 11.7265 4.84351C11.1814 6.88308 10.9306 9.23647 10.8673 10.7806L10.8671 10.7835C10.8508 11.0547 10.7838 11.2792 10.6278 11.4973C10.4763 11.7093 10.2464 11.9072 9.92262 12.1384C9.61872 12.3553 9.22016 12.6097 8.70634 12.9376C8.67119 12.96 8.6355 12.9828 8.59926 13.0059C8.03184 13.3682 7.32614 13.8204 6.45011 14.4106C5.76492 14.8723 5.34517 15.3555 5.11047 15.8285C4.87624 16.3005 4.82206 16.7707 4.88107 17.2148C4.99997 18.1097 5.58017 18.9031 6.08549 19.359C6.1273 19.3967 6.14493 19.4544 6.13138 19.509C6.11782 19.5636 6.07528 19.6064 6.02069 19.6202C5.02819 19.8714 3.57929 20.4217 2.45859 21.2506C1.33521 22.0815 0.580553 23.1597 0.866652 24.4755C1.16022 25.8256 1.98847 26.6175 2.91124 27.0638C3.83955 27.5127 4.86099 27.6095 5.51385 27.5602C5.57204 27.5558 5.62765 27.585 5.6571 27.6353C5.6846 27.6824 5.68481 27.7402 5.65839 27.7871C5.65794 27.7902 5.65739 27.7956 5.65734 27.804C5.65717 27.8289 5.66153 27.8691 5.67627 27.9281C5.70572 28.0459 5.77197 28.2202 5.89744 28.4624C6.14797 28.9459 6.62458 29.6811 7.47608 30.7452C8.28712 31.7588 9.39588 31.9752 10.4761 31.8243C11.5615 31.6728 12.5998 31.1509 13.2219 30.7155C13.2811 30.6741 13.3611 30.6798 13.4138 30.7292C14.8565 32.0804 16.0305 32.8482 16.9767 33.2078C17.9198 33.5662 18.6269 33.5162 19.1545 33.2472C19.6863 32.9761 20.0639 32.4684 20.3157 31.8575C20.5672 31.2473 20.6872 30.548 20.7121 29.9189C20.7141 29.8688 20.7407 29.8228 20.7832 29.7959C20.8256 29.7691 20.8786 29.7649 20.9248 29.7847C21.5231 30.0411 22.4563 30.1988 23.3127 29.854C24.1573 29.514 24.9644 28.6698 25.2933 26.846C25.6178 25.0471 24.7646 23.1137 23.5303 21.4081C22.2998 19.7077 20.7129 18.2649 19.6288 17.4584C19.5702 17.4148 19.5507 17.3358 19.5823 17.27C19.6138 17.2042 19.6876 17.1699 19.7583 17.1883C20.4847 17.3769 21.0448 17.4446 21.4662 17.4204C21.8876 17.3962 22.1563 17.2812 22.3206 17.1189C22.4835 16.958 22.565 16.7295 22.5682 16.4317C22.5713 16.132 22.4945 15.7738 22.3521 15.3749C21.7805 13.7729 20.2135 11.6737 19.1488 10.4952C18.5899 9.87654 18.1958 8.89825 17.8675 7.81811C17.6631 7.14549 17.48 6.41759 17.2991 5.69845C17.1894 5.26258 17.0806 4.82994 16.9683 4.41478C16.6676 3.30282 16.3412 2.31157 15.9042 1.64646C15.6868 1.31559 15.4486 1.07578 15.1826 0.939166ZM18.1596 7.72938C18.4871 8.80702 18.8658 9.72662 19.3753 10.2906C20.4474 11.4773 22.0474 13.6126 22.6396 15.2723C22.7882 15.6888 22.8771 16.0852 22.8734 16.435C22.8697 16.7866 22.7718 17.1023 22.5352 17.336C22.3 17.5683 21.9493 17.6983 21.4838 17.7251C21.1671 17.7433 20.7908 17.7142 20.3486 17.633C21.3979 18.4877 22.7164 19.7628 23.7776 21.2292C25.0261 22.9544 25.9408 24.9758 25.5937 26.9002C25.2511 28.7997 24.392 29.7485 23.4267 30.1371C22.5666 30.4834 21.652 30.3724 21.0054 30.1436C20.9629 30.7426 20.8377 31.3922 20.5979 31.9738C20.3299 32.6242 19.9125 33.2034 19.2932 33.5191C18.6698 33.8369 17.8696 33.8737 16.8683 33.4931C15.8906 33.1216 14.712 32.3495 13.2947 31.0354C12.6371 31.4748 11.6058 31.9747 10.5184 32.1266C9.36769 32.2873 8.13613 32.0586 7.23771 30.9359C6.37976 29.8637 5.88972 29.111 5.62639 28.6027C5.49494 28.349 5.41745 28.1514 5.38013 28.0021C5.36876 27.9566 5.36068 27.9139 5.35619 27.8743C4.6634 27.8975 3.68247 27.7758 2.77832 27.3385C1.78686 26.8591 0.885307 25.9979 0.56836 24.5403C0.243939 23.0483 1.11733 21.863 2.27704 21.0052C3.34311 20.2167 4.68407 19.6772 5.68364 19.3947C5.19811 18.8927 4.69427 18.1265 4.57847 17.255C4.51219 16.7561 4.57344 16.224 4.83701 15.6928C5.1001 15.1627 5.56051 14.642 6.27952 14.1575C7.15873 13.5651 7.86696 13.1113 8.43498 12.7487C8.46992 12.7264 8.50431 12.7045 8.53816 12.6829C9.05613 12.3523 9.44809 12.1021 9.74522 11.89C10.0627 11.6634 10.2583 11.4893 10.3795 11.3199C10.496 11.1569 10.5487 10.9907 10.5623 10.7667C10.6263 9.20802 10.8791 6.83183 11.4316 4.76473C11.7077 3.73136 12.0608 2.76723 12.5076 2.01969C12.9526 1.27514 13.5049 0.721733 14.1891 0.5549C14.613 0.451523 14.9896 0.496909 15.3221 0.66771C15.6509 0.836586 15.9248 1.12191 16.1593 1.47891C16.6262 2.18953 16.9628 3.22492 17.263 4.33512C17.3785 4.76203 17.4884 5.19947 17.5985 5.63697C17.7776 6.34933 17.9567 7.06186 18.1596 7.72938Z"
+            fill="#111111"
+          />
+          <path
+            d="M13.1814 11.6545C14.1564 11.3698 13.7595 11.8518 13.4391 12.1284C13.4587 12.9031 13.7592 14.6252 14.8045 15.3158C15.8497 16.0064 16.2153 13.5583 16.2675 12.2479C16.1211 12.2047 15.6701 11.9879 15.8418 11.804C15.9582 11.6793 16.4104 11.4947 16.871 11.5512C17.3323 11.6077 16.8129 12.1969 16.5601 12.3344C16.7043 13.0133 16.7788 14.6103 15.9235 15.5668C14.8545 16.7624 14.1494 15.9178 13.707 14.9916C13.3531 14.2507 13.0939 12.8484 13.0085 12.2398C12.6598 12.1634 12.2063 11.9393 13.1814 11.6545Z"
+            fill="#111111"
+          />
+          <path
+            d="M11.594 8.82921C11.6496 9.82598 12.3258 10.5988 13.1042 10.5554C13.8827 10.512 14.4687 9.66879 14.4131 8.67201C14.3576 7.67523 13.6814 6.90238 12.903 6.94579C12.1245 6.98919 11.5385 7.83243 11.594 8.82921Z"
+            fill="#FAFAFA"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M13.088 10.2646C12.533 10.2956 11.9354 9.72019 11.8848 8.81299C11.8343 7.90579 12.3641 7.26753 12.9192 7.23658C13.4742 7.20563 14.0718 7.78103 14.1223 8.68822C14.1729 9.59542 13.6431 10.2337 13.088 10.2646ZM13.1042 10.5554C12.3258 10.5988 11.6496 9.82598 11.594 8.82921C11.5385 7.83243 12.1245 6.98919 12.903 6.94579C13.6814 6.90238 14.3576 7.67523 14.4131 8.67201C14.4687 9.66879 13.8827 10.512 13.1042 10.5554Z"
+            fill="black"
+          />
+          <path
+            d="M11.9777 9.29322C12.0111 9.99125 12.5231 10.5339 13.1214 10.5053C13.7198 10.4768 14.1777 9.88771 14.1444 9.18968C14.111 8.49165 13.599 7.94896 13.0006 7.97755C12.4023 8.00615 11.9443 8.59519 11.9777 9.29322Z"
+            fill="#111111"
+          />
+          <path
+            d="M14.7368 8.67708C14.7289 9.67537 15.3159 10.4894 16.048 10.4952C16.7801 10.501 17.38 9.69649 17.3879 8.69819C17.3959 7.6999 16.8089 6.8859 16.0768 6.88007C15.3447 6.87424 14.7448 7.67878 14.7368 8.67708Z"
+            fill="#FAFAFA"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M15.3511 9.78796C15.1537 9.51423 15.0246 9.12313 15.0281 8.6794C15.0316 8.23567 15.167 7.84667 15.3688 7.57613C15.5706 7.30541 15.8235 7.16931 16.0745 7.17131C16.3254 7.17331 16.5761 7.31342 16.7737 7.58732C16.971 7.86104 17.1002 8.25214 17.0967 8.69587C17.0932 9.13961 16.9578 9.5286 16.756 9.79915C16.5542 10.0699 16.3013 10.206 16.0503 10.204C15.7993 10.202 15.5487 10.0619 15.3511 9.78796ZM16.048 10.4952C15.3159 10.4894 14.7289 9.67537 14.7368 8.67708C14.7448 7.67878 15.3447 6.87424 16.0768 6.88007C16.8089 6.8859 17.3959 7.6999 17.3879 8.69819C17.38 9.69649 16.7801 10.501 16.048 10.4952Z"
+            fill="black"
+          />
+          <path
+            d="M15.0057 8.96693C14.9166 9.66006 15.3261 10.2838 15.9202 10.3601C16.5143 10.4365 17.0681 9.93644 17.1571 9.24331C17.2462 8.55018 16.8367 7.92641 16.2426 7.85009C15.6485 7.77378 15.0947 8.2738 15.0057 8.96693Z"
+            fill="#111111"
+          />
+        </svg>
+      </div>
+      <div className="flex flex-col grow space-y-2">
+        <h3 className="text-body1-medium">김미영님이 소개서를 작성했어요</h3>
+        <div className="flex space-x-1.5">
+          <div className="text-body3-medium bg-bg-gray1 text-text-sub-gray76 px-2 py-1 rounded-md">
+            1-4년
+          </div>
+          <div className="text-body3-medium bg-bg-blue2 text-main-sub2-blue-blue900 px-2 py-1 rounded-md">
+            직장
+          </div>
+        </div>
+      </div>
+      <div className="self-end text-body3-medium text-text-sub-gray76">
+        2023.01.01
+      </div>
+    </div>
+  )
+}
+
+export default AlertCard