TEAM-WHEN-WILL-WE-MEET · hyun1211 · Feb 5, 2025 · Feb 5, 2025 · Feb 5, 2025
diff --git a/public/arcticons_kakaotalk.svg b/public/arcticons_kakaotalk.svg
diff --git a/public/index.html b/public/index.html
@@ -25,6 +25,10 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>WWWM</title>
+    <script src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.4/kakao.min.js" integrity="sha384-DKYJZ8NLiK8MN4/C5P2dtSmLQ4KwPaoqAfyA/DfmEc1VDxu4yyC7wy6K1Hs90nka" crossorigin="anonymous"></script>
+    <meta property="og:title" content="언제볼까?" />
+    <meta property="og:description" content="그래서 우리, 언제 볼까요?" />
+    <meta property="og:image" content="https://ifh.cc/v-ccKapj" />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/tabEdge.svg b/public/tabEdge.svg
diff --git a/public/tabler_link.svg b/public/tabler_link.svg
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -22,7 +22,7 @@ export const ButtonVariants = cva(
   `
   flex justify-center items-center active:scale-95 rounded-xl
   text-slate-100 transition-all
-  hover:scale-105 duration-200 hover:translate-x-10
+  hover:scale-105 duration-200 
   `,
   {
     //variant , size에 따라 다른 디자인을 보여줄수 있다
@@ -186,7 +186,27 @@ export const ButtonVariants = cva(
         `text-[var(--white)]`,
         'hover:transform-none',
         'hover:none'
-        ]
+        ],
+        share: //카카오톡으로 공유하기, 링크 복사하기
+        [   //default는 카카오톡으로 설정했음음
+          'flex',
+          'pl-[16px]',
+          'w-[312px]',
+          'h-[44px]',
+          'py-[14px]',
+          '!justify-start',
+          'items-center',
+          '!whitespace-nowrap ',
+          '!text-center',
+          'gap-[4px]',
+          'rounded-[8px]',
+          'border',
+          'bg-[var(--gray-900)]',
+          'whitespace-normal',
+          typographyVariants({ variant: 'b2-md' }),
+          'text-[var(--white)]'
+
+        ],
       },
     },
     defaultVariants: {

diff --git a/src/components/copyToClipBoard.ts b/src/components/copyToClipBoard.ts
diff --git a/src/components/share.ts b/src/components/share.ts
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
diff --git a/src/hooks/useUserAgent.js b/src/hooks/useUserAgent.js