feat: integration

src/App.tsx

@@ -0,0 +1,30 @@
+import { useState } from 'react'
+import Navbar from './navigator/Navbar'
+import About from './screens/About'
+import Aside from './navigator/Aside'
+import Resume from './screens/Resume'
+import { ActiveNav } from './types'
+import Contact from './screens/Contact'
+import Blog from './screens/Blog'
+import Portfolio from './screens/Portfolio'
+
+function App() {
+
+  const [active, setActive] = useState<ActiveNav>("About")
+
+  return (
+    <main>
+      <Aside />
+      <div className="main-content">
+        <Navbar active={active} setActive={setActive} />
+        <About active={active} />
+        <Resume active={active} />
+        <Contact active={active} />
+        <Blog active={active} />
+        <Portfolio active={active} />
+      </div>
+    </main>
+  )
+}
+
+export default App

src/index.css

@@ -40,7 +40,6 @@
   --light-gray: hsl(0, 0%, 84%);
   --light-gray-70: hsla(0, 0%, 84%, 0.7);
   --bittersweet-shimmer: hsl(0, 43%, 51%);
-
   /**
    * typography
    */
@@ -458,6 +457,10 @@ main {
   color: var(--light-gray);
 }
 
+.iconHover{
+  color: var(--light-gray);
+}
+
 /*-----------------------------------*\
   #NAVBAR
 \*-----------------------------------*/
@@ -1578,7 +1581,10 @@ textarea.form-input::-webkit-resizer {
   }
 
   .testimonials-avatar-box img {
+    height: 80px;
     width: 80px;
+    object-fit: scale-down;
+    padding: 10px;
   }
 
   .testimonials-item-title {
@@ -2113,4 +2119,8 @@ textarea.form-input::-webkit-resizer {
     max-width: 700px;
   }
 
+}
+
+.icon {
+  color: var(--vegas-gold);
 }