Technigo · LinaAdamsson · Apr 4, 2023 · Apr 4, 2023 · Apr 6, 2023 · Apr 6, 2023
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,7 +11,8 @@
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "styled-components": "^5.3.9"
   },
   "scripts": {
     "start": "react-scripts start",

diff --git a/src/App.css b/src/App.css
diff --git a/src/App.js b/src/App.js
@@ -1,9 +1,24 @@
-import React from 'react'
+import React from 'react';
+import Header from 'components/Header.js';
+import Intro from 'components/Intro.js';
+import Overview from 'components/Overview.js';
+import Selection from 'components/Selection.js';
+import Quiz from 'components/Quiz.js';
+import Reviews from 'components/Reviews.js';
+import Form from 'components/Form.js';
+import Footer from 'components/Footer.js';
 
 export const App = () => {
   return (
-    <div>
-      Find me in src/app.js!
+    <div className="landingPage">
+      <Header />
+      <Intro />
+      <Overview />
+      <Selection />
+      <Quiz />
+      <Reviews />
+      <Form />
+      <Footer />
     </div>
   )
-}
+}
diff --git a/src/assets/Barre Basic Card Mobile.png b/src/assets/Barre Basic Card Mobile.png
diff --git a/src/assets/Barre Basic Card Tablet Desktop.png b/src/assets/Barre Basic Card Tablet Desktop.png
diff --git a/src/assets/Blob 1 Mobile.svg b/src/assets/Blob 1 Mobile.svg
diff --git a/src/assets/Blob 2 Mobile.svg b/src/assets/Blob 2 Mobile.svg
diff --git a/src/assets/Card row Mobile.png b/src/assets/Card row Mobile.png
diff --git a/src/assets/Facebook.svg b/src/assets/Facebook.svg
diff --git a/src/assets/Hamburger Menu.svg b/src/assets/Hamburger Menu.svg
diff --git a/src/assets/Hero – Hands on Barre.png b/src/assets/Hero – Hands on Barre.png
diff --git a/src/assets/InstagramIcon.svg b/src/assets/InstagramIcon.svg
diff --git a/src/assets/Logo Small on Light Background.svg b/src/assets/Logo Small on Light Background.svg
diff --git a/src/assets/Picture frame half pill.png b/src/assets/Picture frame half pill.png
diff --git a/src/assets/Plie with wheights by Yulissatagle.png b/src/assets/Plie with wheights by Yulissatagle.png
diff --git a/src/assets/TikTokIcon.svg b/src/assets/TikTokIcon.svg
diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -0,0 +1,41 @@
+/* eslint-disable */
+
+import React from 'react';
+import '../css/Footer.css';
+
+import LogoSmallonLightBackground from '../assets/Logo Small on Light Background.svg';
+import FacebookIcon from '../assets/Facebook.svg'
+import InstagramIcon from '../assets/InstagramIcon.svg'
+import TikTokIcon from '../assets/TikTokIcon.svg'
+
+const Footer = () => {
+  return (
+    <div className="footerContainer">
+      <img className="logoFooter" src={LogoSmallonLightBackground} alt="Logo for Raise Studio" />
+      <p>Vallgatan 6</p>
+      <p>223 61, Lund</p>
+      <div className="company">
+        <h4>Company</h4>
+        <p>About Us</p>
+        <p>Contact Us</p>
+        <p>Our Studio</p>
+        <p>FAQs</p>
+      </div>
+      <div className="classes">
+        <h4>Classes</h4>
+        <p>Pricing</p>
+        <p>Schedule</p>
+        <p>Instructors</p>
+        <p>About Barre</p>
+        <p className="followUs">Follow Us</p>
+      </div>
+      <div className="iconsContainer">
+        <img className="facebook" src={FacebookIcon} alt="Facebook" />
+        <img className="instagram" src={InstagramIcon} alt="Instagram" />
+        <img className="tikTok" src={TikTokIcon} alt="TikTok" />
+      </div>
+    </div>
+  )
+}
+
+export default Footer;