[#7] feat : restaurant info

src/components/Restaurant/RestaurantInfo/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import './style.scss'
+
+export const RestaurantInfo: React.FC<{}> = ({}) => {
+  return (
+    <div className="restaurant-title">
+      <div className="main">
+        <a>
+          <h1 className="title">라이스&포테이토</h1>
+        </a>
+        <span className="subject-title">한식</span>
+      </div>
+      <div className="sub">
+        <span>김치철판볶음밥 등 최고의 맛집</span>
+        <span>김치철판볶음밥 등 최고의 맛집1</span>
+        <span>김치철판볶음밥 등 최고의 맛집2</span>
+      </div>
+    </div>
+  )
+}

src/components/Restaurant/RestaurantInfo/style.scss

@@ -0,0 +1,30 @@
+@use '@/style/package' as *;
+
+.restaurant-title {
+  border-bottom: 0.1rem solid $color-white;
+  padding: 1.2rem 1rem;
+
+  .main {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .title {
+    font-size: 3rem;
+    font-weight: 500;
+    letter-spacing: 0.025em;
+    color: $color-white;
+  }
+  .subject-title {
+    padding-left: 1rem;
+  }
+  .sub {
+    display: grid;
+    padding-top: 0.8rem;
+    font-size: 1.5rem;
+    font-weight: 300;
+    color: $color-white;
+    letter-spacing: -0.025;
+    margin-right: 0.8rem;
+  }
+}