add footer

src/components/Footer.js

@@ -2,9 +2,22 @@ import React from 'react';
 
 const Footer = () => {
     return (
-        <div>
-            <h1>Footer</h1>
-        </div>
+        <footer className = "footer">
+           <div className="footer-part">
+                    <h4>Адрес</h4>
+                    <p> г. Харьков</p>
+                    <p>пр. Науки, 64</p>
+           </div>
+           <div className="footer-part logo-box">
+               <img src="./images/logo.png" alt="logo"/>
+               </div>
+           <div className="footer-part">
+              <h4> Контакты</h4>
+              <p>+38 ( 096 ) 123 - 45 - 67</p>
+              <p>+38 ( 050 ) 123 - 45 - 67</p>
+              <p> +38 ( 063 ) 123 - 45 - 67</p>
+            </div>
+        </footer>
     );
 };
 

src/components/main/Main.js

@@ -7,7 +7,7 @@ import {postDoctors, postServices} from "../../actions/actions";
 import Button from "../buttons/button";
 import About from "./aboutUs";
 import Team from "./team";
-// import MyMap from "./myMap";
+import MyMap from "./myMap";
 import Reviews from "./reviews";
 
 import {connect} from 'react-redux'
@@ -42,10 +42,10 @@ export class Main extends React.Component {
                     <Team doctorsArr = {this.props.app.doctors}/>
                  </div>
                 <div className="case">
-                  {/* <MyMap /> */}
+                  <MyMap />
                 </div>
                 <div className="wrapper">
-                    <Reviews services = {this.props.app.services} postServices = {this.props.postServices}/>
+                    {/* <Reviews services = {this.props.app.doctors} postDoctors = {this.props.postDoctors}/> */}
                 </div>
             </main> 
         )

src/components/main/myMap.js

@@ -17,10 +17,10 @@ import { withScriptjs, withGoogleMap, GoogleMap, Marker, InfoWindow } from "reac
 )((props) =>
   <GoogleMap
     defaultZoom={15}
-    defaultCenter={{ lat: 49.987462, lng: 36.2305745 }}
+    defaultCenter={{ lat: 50.0362516, lng: 36.2210227 }}
     defaultType = {"hybrid"}
   >
-    {props.isMarkerShown && <Marker position={{ lat: 49.987462, lng: 36.2305745 }} onClick={props.onMarkerClick} />}
+    {props.isMarkerShown && <Marker position={{ lat: 50.0362516, lng: 36.2210227 }} onClick={props.onMarkerClick} />}
     
   </GoogleMap>
 )

src/components/main/reviews.js

@@ -4,263 +4,19 @@ import Button from "../buttons/button";
 // import { postServices} from "../../store/app/actions";
 
 
-const services =  [
-    {
-      name: "Первичное эндодонтическое лечение зуба",
-        duration: 1,
-     description: "Эндодонтическое лечение с помощью микроскопа",
-      price: 3560
-    },
-    {
-      name: "Удаление штифта из корневого канала",
-      duration: 1,
-     description:  "Эндодонтическое лечение с помощью микроскопа",
-      price: 596
-    },
-    {
-      name: "Удаление чужеродного инструмента из корневого канала",
-      duration: 2,
-     description:  "Эндодонтическое лечение с помощью микроскопа",
-      price: 1490
-    },
-    {
-      name: "Повторное эндодонтическое лечение зуба",
-      duration: 2,
-     description:  "Эндодонтическое лечение с помощью микроскопа",
-      price: 3960
-    },
-    {
-      name: "Поиск и прохождение 1 корневого канала",
-      duration: 1,
-     description:  "Эндодонтическое лечение с помощью микроскопа",
-      price: 1600
-    },
-  
-  
-    {
-      name: "Комплексная чистка зубов",
-      duration: 2,
-     description: "Лечение пародонтита",
-      price: 945
-    },
-    {
-      name: "Вектор-терапия (полный курс)",
-      duration: 3,
-     description: "Лечение пародонтита",
-      price: 3300
-    },
-    {
-      name: "Плазмолифтинг",
-      duration: 1,
-     description: "Лечение пародонтита",
-      price: 1970
-    },
-    {
-      name: "Закрытый кюретаж зубов",
-      duration: 2,
-     description: "Лечение пародонтита",
-      price: 396
-    },
-  
-  
-    {
-      name: "Коронка пластмассовая",
-      duration: 1,
-     description: "Протезирование",
-      price: 590
-    },
-    {
-      name: "Коронка металлокерамическая",
-      duration: 1,
-     description: "Протезирование",
-      price:  4960
-    },
-    {
-      name: "Коронка керамическая, безметалловая",
-      duration: 2,
-     description: "Протезирование",
-      price: 6650
-    },
-    {
-      name: "Винир керамический",
-      duration: 2,
-     description: "Протезирование",
-      price: 7400
-    },
-    {
-      name: "Люминиры",
-      duration: 2,
-     description: "Протезирование",
-      price: 15500
-    },
-    {
-      name: "Изготовление протеза",
-      duration: 1,
-     description: "Протезирование",
-      price: 6750
-    },
-    {
-      name: "Бюгельный протез",
-      duration: 3,
-     description: "Протезирование",
-      price: 12600
-    },
-  
-  
-    {
-      name: "Брекет-система (1 челюсть)",
-      duration: 1,
-     description: "Ортодонтия",
-      price: 11800
-    },
-    {
-      name: "Пластинка ортодонтическая на одну челюсть",
-      duration: 1,
-     description: "Ортодонтия",
-      price: 4200
-    },
-    {
-      name: "Елайнер-капа - 1 челюсть (10 кап)",
-      duration: 2,
-     description: "Ортодонтия",
-      price: 19800
-    },
-  
-  
-    {
-      name: "Удаление зуба",
-      duration: 1,
-     description: "Хирургия",
-      price: 490
-    },
-    {
-      name: "Удаление кисты",
-      duration: 2,
-     description: "Хирургия",
-      price: 2800
-    },
-    {
-      name: "Закрытие рецессии десны",
-      duration: 2,
-     description: "Хирургия",
-      price: 2350
-    },
-  
-  
-    {
-      name: "Пластика десны (в области 1-3 зубов)",
-      duration: 2,
-     description: "Хирургическая пародонтология",
-      price: 970
-    },
-    {
-      name: "Подрезание уздечки с помощью лазера",
-      duration: 1,
-     description: "Хирургическая пародонтология",
-      price: 1700
-    },
-    {
-      name: "Открытый кюретаж в области 1 зуба",
-      duration: 2,
-     description: "Хирургическая пародонтология",
-      price: 980
-    },
-  
-  
-    {
-      name: "Установка импланта",
-      duration: 2,
-     description: "Имплантация",
-      price: 7656
-    },
-    {
-      name: "Синус-лифтинг",
-      duration: 2,
-     description: "Имплантация",
-      price: 3500
-    },
-  
-  
-    {
-      name: "Консультация (осмотр, рекомендации) с составлением плана лчения",
-      duration: 2,
-     description: "Детская стоматология",
-      price: 396
-    },
-    {
-      name: "Психологическая адаптация (от 30 мн)",
-      duration: 1,
-     description: "Детская стоматология",
-      price: 190
-    },
-    {
-      name: "Цифровая рентгенография (в обл. 1-3 зубов)",
-      duration: 1,
-     description: "Детская стоматология",
-      price: 145
-    },
-    {
-      name: "Оказание помощи при острой боли",
-      duration: 1,
-     description: "Детская стоматология",
-      price: 670
-    },
-    {
-      name: "Медикаментозная обработка корневого канала",
-      duration: 1,
-     description: "Детская стоматология",
-      price: 322
-    },
-    {
-      name: "Пломбировка одного корневого канала молочного, постоянного зуба",
-      duration: 2,
-     description: "Детская стоматология",
-      price: 320
-    },
-    {
-      name: "Временная пломба",
-      duration: 1,
-     description: "Детская стоматология",
-      price: 230
-    },
-    {
-      name: "Пломба",
-      duration: 1,
-     description: "Детская стоматология",
-      price: 965
-    },
-    {
-      name: "Гигиеническая чистка ультразвуком (1 челюсть)",
-      duration: 1,
-     description: "Детская стоматология",
-      price: 520
-    },
-    {
-      name: "Удаление зуба",
-      duration: 1,
-     description: "Детская стоматология",
-      price: 345
-    },
-    {
-      name: "Общая анестезия – седация (медикаментозный сон ) (1 час)",
-      duration: 1,
-     description: "Детская стоматология",
-      price: 1950
-    }
-  ]
-  
+// const doctors  = [ ]
 
 
 export default class Reviews extends React.Component {
     render( ) {
-        const {postServices } = this.props
+        const {postDoctors } = this.props
         
         return (
             <>
                 <h2>Отзывы</h2>
                 <div classdescription = "reviews-container">
                     <Button className = "btn" text = "POST to servises"
-                     onClick = { ( ) => {              }  }
+                    //  onClick = { ( ) => {   doctors.map ( el => postDoctors (el))           }  }
                         />
                  </div>
             </>

src/components/signIn.js

@@ -140,7 +140,7 @@ class SignIn extends Component {
         const { error } = this.props;
         
         return (
-                <div className="auth__auth-box">
+         <div className="auth__auth-box">
                     <form onSubmit={this.submit} className="auth__auth-form">
                         {Object.keys(form).map(input_name => {
                             return (

src/style/all.scss

@@ -3,7 +3,7 @@ $main-title-color: #3b3b3b;
 $main-text-color: #101010;
 $main-color:   #789084;
 $hover-color: #b1e8ca;
-$opacity-color: rgba(17,17,17,0.9);
+$opacity-color: rgba(17,17,17,0.8);
 
 //
 
@@ -23,14 +23,16 @@ body {
 .container {
 	background-image: url(../assets/images/fon1.jpg);
 	background-size: cover;
+	min-height: 100vh;
 }
 .wrapper {
-	max-width: 1180px;
+	max-width: 1280px;
 	margin: 0 auto;
 }
 
 // header +  navigation
-.header {
+.header,
+.footer {
 	width: 100%;
 	padding: 10px;
 	display: flex;
@@ -101,6 +103,7 @@ body {
 	
 // banner + title
 .title-box {
+
 	color: $header-color;
 	margin: 0px 40px;
 	padding-bottom: 45px;
@@ -121,14 +124,15 @@ body {
 	h1{
 		text-transform: uppercase;
 		background-color: $opacity-color;
-		font-size: 52px;
+		width: 100%;
+		font-size: 40px;
 		padding: 35px;
 		line-height: 50px;
 		font-weight: bold;
 		margin: 70px auto 0;
 		text-align: center;
 		@media (max-width: 768px) {
-			font-size: 30px;
+			font-size: 25px;
 			padding: 15px;	
 		}
 	}
@@ -169,7 +173,7 @@ body {
 .team-container,
 h2  {
 	background-color: $opacity-color;
-	box-shadow: 0px 0px 10px 20px  $opacity-color;
+	box-shadow: 0px 0px 15px 15px  $opacity-color;
 	font-size: 20px;
 	line-height: 1.5em;
 	font-family: 'Montserrat', sans-serif;
@@ -191,6 +195,8 @@ h2 {
 	color: $main-color;
 	border-bottom: 1px solid $opacity-color;
 }
+// ____
+
 
 // second banner 
 .case {
@@ -271,7 +277,31 @@ h2 {
 
 }
 
-
+//  Footer
+
+.footer {
+	position: static;
+	margin-top: 100%;
+	background-image: url(../assets/images/bg2.jpg);
+	// background-size: 100vh;
+	background-repeat: no-repeat;
+	padding: 60px 25px;
+	color: $opacity-color;
+	font-size: 1.3em;
+	.logo-box {
+		margin-right: 50px;
+		@media (max-width: 768px) {
+			margin-right: 0;	
+		}
+	}
+	.logo-box  img {
+		width: 300px;
+		@media (max-width: 768px) {
+			width: 200px;	
+		}
+	}	
+	
+}
 
 
 

src/style/auth.scss

@@ -1,3 +1,11 @@
+$header-color: #d4d5d7;
+$main-title-color: #3b3b3b;
+$main-text-color: #101010;
+$main-color:   #789084;
+$hover-color: #b1e8ca;
+$opacity-color: rgba(17,17,17,0.8);
+
+
 .auth {
 	width: 100%;
 	height: 100%;