create DButton

src/components/DBadge.tsx

@@ -1,6 +1,6 @@
 const DBadge = ({text}:{text:string}) => {
     return (
-        <div className='py-1.5 px-5 border border-black rounded-3xl w-fit'>
+        <div className='py-1.5 px-5 border border-black rounded-full w-fit'>
             <span className='text-[11px]'>{text}</span>
         </div>
     )

src/components/DButton.tsx

@@ -0,0 +1,9 @@
+const DButton = ({text}:{text:string}) => {
+    return(
+        <button className='bg-[#FF620A] text-white py-3 w-[336px] rounded-full'>
+            {text}
+        </button>
+    )
+}
+
+export default DButton;

src/pages/LandingPage.tsx

@@ -1,12 +1,15 @@
 import logo from '../assets/logo.svg';
 import DBadge from "../components/DBadge.tsx";
+import DButton from "../components/DButton.tsx";
 const LandingPage = () => {
     return (
         <>
             <div className='flex items-center flex-col gap-y-5'>
                 <DBadge text='롤링페이퍼 공개까지 D-7' />
                 <img src={logo} />
                 <span className='whitespace-pre text-center'>{'직접 그린 하나뿐인 그림과\n마음이 담긴 편지를 받아보세요'}</span>
+                <DButton text='그림 롤링페이퍼 받아보기' />
+                <span className='text-[11px]'>지금까지 12,456개의 그림이 그려졌어요</span>
             </div>
         </>
     );