.

omer-bar · Jul 17, 2022 · f68f33f · f68f33f
1 parent 7fa2208
commit f68f33f
Show file tree

Hide file tree

Showing 10 changed files with 298 additions and 282 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,7 +10,6 @@
 		"@testing-library/react": "^9.5.0",
 		"@testing-library/user-event": "^7.2.1",
 		"axios": "^0.21.0",
-		"bootstrap": "^4.5.2",
 		"cors": "^2.8.5",
 		"firebase": "^8.0.2",
 		"node-sass": "^5.0.0",
@@ -19,7 +18,9 @@
 		"react-dom": "^16.13.1",
 		"react-scripts": "3.4.3",
 		"react-scroll": "^1.8.1",
+		"react-scroll-to-top": "^1.0.9",
 		"react-slick": "^0.27.12",
+		"react-transition-group": "^4.4.2",
 		"slick-carousel": "^1.8.1"
 	},
 	"scripts": {

diff --git a/public/index.html b/public/index.html
@@ -1,51 +1,38 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/assets/appointment_favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link
-      rel="stylesheet"
-      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
-      integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
-      crossorigin="anonymous"
-    />
-    <script
-      src="https://kit.fontawesome.com/3e25870882.js"
-      crossorigin="anonymous"
-    ></script>
-    <title>APPointment - Better Way To Schedule Appointments.</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <script
-      src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
-      integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
-      crossorigin="anonymous"
-    ></script>
-    <script
-      src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
-      integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
-      crossorigin="anonymous"
-    ></script>
-    <script
-      src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
-      integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
-      crossorigin="anonymous"
-    ></script>
-    <!-- The core Firebase JS SDK is always required and must be listed first -->
-    <script src="/__/firebase/8.0.2/firebase-app.js"></script>
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%PUBLIC_URL%/assets/appointment_favicon.ico" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<meta name="theme-color" content="#000000" />
+		<meta
+			name="description"
+			content="Web site created using create-react-app"
+		/>
 
-<!-- TODO: Add SDKs for Firebase products that you want to use
+		<link
+			rel="stylesheet"
+			href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
+			integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
+			crossorigin="anonymous"
+		/>
+		<title>APPointment - Better Way To Schedule Appointments.</title>
+	</head>
+	<body>
+		<noscript>You need to enable JavaScript to run this app.</noscript>
+		<div id="root"></div>
+
+		<!-- The core Firebase JS SDK is always required and must be listed first -->
+		<script src="/__/firebase/8.0.2/firebase-app.js"></script>
+
+		<!-- TODO: Add SDKs for Firebase products that you want to use
      https://firebase.google.com/docs/web/setup#available-libraries -->
 
-<!-- Initialize Firebase -->
-    <script src="/__/firebase/init.js"></script>
-  </body>
+		<!-- Initialize Firebase -->
+		<script src="/__/firebase/init.js"></script>
+		<script
+			src="https://kit.fontawesome.com/3e25870882.js"
+			crossorigin="anonymous"
+		></script>
+	</body>
 </html>
diff --git a/src/App.js b/src/App.js
@@ -7,20 +7,22 @@ import PhotoSection from "./Components/PhotoSection";
 import ContactSection from "./Components/ContactSection";
 import Footer from "./Components/Footer";
 import Menu from "./Components/Navbar";
+import ScrollToTop from "react-scroll-to-top";
 
 function App() {
-  return (
-    <div style={{ background: "white" }}>
-      <Menu />
-      <HeadingSection />
-      <FeaturesSection />
-      <InstructionsSection />
-      <DiscoverSection />
-      <PhotoSection />
-      <ContactSection />
-      <Footer />
-    </div>
-  );
+	return (
+		<div style={{ background: "white" }}>
+			<ScrollToTop smooth color="#1960ff" />
+			<Menu />
+			<HeadingSection />
+			<FeaturesSection />
+			<InstructionsSection />
+			<DiscoverSection />
+			<PhotoSection />
+			<ContactSection />
+			<Footer />
+		</div>
+	);
 }
 
 export default App;