Technigo · schouenkes · Apr 22, 2024 · Apr 22, 2024 · Apr 23, 2024 · Apr 23, 2024
diff --git a/README.md b/README.md
@@ -1,41 +1,7 @@
-<h1 align="center">
-  <a href="">
-    <img src="/src/assets/design-handoff.svg" alt="Project Banner Image">
-  </a>
-</h1>
-
-### Remove git
-
-rm -rf .git
-
 # Design Handoff Project
 
-Replace this readme with your own information about your project.
-
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
-
-## Getting Started with the Project
-
-### Dependency Installation & Startup Development Server
-
-Once cloned, navigate to the project's root directory and this project uses npm (Node Package Manager) to manage its dependencies.
-
-The command below is a combination of installing dependencies, opening up the project on VS Code and it will run a development server on your terminal.
-
-```bash
-npm i && code . && npm run dev
-```
-
-### The Problem
-
-Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
+Transform a UX student's design into a React-based landing page for a gym/fitness club. This project bridges the gap between design and development, showcasing the art of bringing visuals to life with code.
 
 ### View it live
 
-Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
-
-## Instructions
-
-<a href="instructions.md">
-   See instructions of this project
-  </a>
+https://golden-kitsune-efb49e.netlify.app/
diff --git a/index.html b/index.html
@@ -4,7 +4,11 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Music Releases - Project - Week 5</title>
+    <link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
+      rel="stylesheet" />
+    <title>Sunny Yoga</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/package.json b/package.json
@@ -11,7 +11,9 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-responsive-carousel": "^3.2.23",
+    "styled-components": "^6.1.8"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",
@@ -21,6 +23,7 @@
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
-    "vite": "^4.4.5"
+    "vite": "^4.4.5",
+    "vite-plugin-svgr": "^4.2.0"
   }
 }
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/pull_request_template.md b/pull_request_template.md
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,3 +1,33 @@
-export const App = () => {
-  return <div>Find me in src/app.jsx!</div>;
+import { About } from "./components/pages/About.jsx";
+import { AboutTabletDesk } from "./components/pages/AboutTabletDesk.jsx";
+import Arrow from "./components/pages/Arrow.jsx";
+import { Teachers } from "./components/pages/Teachers.jsx";
+import { TeachersTabletdesk } from "./components/pages/TeachersTabletdesk";
+import Introduction from "./components/pages/Introduction.jsx";
+import { Border } from "./components/pages/Border.jsx";
+import { Promise } from "./components/pages/Promise.jsx";
+import { Register } from "./components/pages/Register.jsx";
+import { Quote } from "./components/pages/Quote.jsx";
+import { Contact } from "./components/pages/Contact.jsx";
+import { Questions } from "./components/pages/Questions.jsx";
+const App = () => {
+  return (
+    <div>
+      <Introduction />
+      <Arrow />
+      <About />
+      <AboutTabletDesk />
+      <Promise />
+      <Teachers />
+      <TeachersTabletdesk />
+      <Border />
+      <Register />
+      <Border />
+      <Questions />
+      <Quote />
+      <Contact />
+    </div>
+  );
 };
+
+export default App;