add components for projects

package.json

@@ -10,6 +10,7 @@
     "react-dom": "^18.2.0",
     "react-icons": "^4.7.1",
     "react-scripts": "5.0.1",
+    "sass": "^1.57.1",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

src/components/actions/action.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import './Action.scss'
+const Action = () => {
+  return (
+    <div>Action</div>
+  )
+}
+
+export default Action

src/components/article/article.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import './article.scss'
+const article = () => {
+  return (
+    <div>article</div>
+  )
+}
+
+export default article

src/components/brand/Brand.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import './Brand.scss'
+const Brand = () => {
+  return (
+    <div>Brand</div>
+  )
+}
+
+export default Brand

src/components/features/Features.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import './Features.scss'
+const Features = () => {
+  return (
+    <div>Features</div>
+  )
+}
+
+export default Features

src/components/navbar/Navbar.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import './Navbar.scss'
+const Navbar = () => {
+  return (
+    <div>Navbar</div>
+  )
+}
+
+export default Navbar