frontend/public/index.html

@@ -13,13 +13,6 @@
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link
-      rel="stylesheet"
-      href="https://use.fontawesome.com/releases/v5.13.1/css/all.css"
-      integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q"
-      crossorigin="anonymous"
-    />
 
         <link
       href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@700&display=swap"

frontend/src/Footer.js

@@ -2,6 +2,7 @@ import React from "react";
 import { Button } from "./components/Button";
 import { Link } from "react-router-dom";
 import "./Footer.css";
+import "@fortawesome/fontawesome-free/css/all.css"
 
 function Footer() {
   return (

frontend/src/components/HeroSection.css

@@ -40,7 +40,7 @@ video {
   margin: 6px;
 }
 
-.fa-play-cirecle {
+.fa-play-circle {
   margin-left: 4px;
 }
 

frontend/src/components/HeroSection.js

@@ -2,11 +2,12 @@ import React from 'react';
 import '../App.css';
 import { Button } from './Button';
 import './HeroSection.css';
+import '@fortawesome/fontawesome-free/css/all.css'
 
 function HeroSection() {
     return (
         <div className='hero-container'>
-            <h1>ADVENTURE AWAITS</h1>
+            <h1>ADVENTURE wartet</h1>
             <p>What are you waiting for?</p>
             <div className="hero-btns">
                 <Button

frontend/src/components/Navbar.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { Button } from './Button';
 import { Link } from 'react-router-dom';
 import './Navbar.css';
+import '@fortawesome/fontawesome-free/css/all.css'
 
 function Navbar() {
   const [click, setClick] = useState(false);