Added the logo to the header.

DiksonIvySon · Jan 16, 2024 · c594f2f · c594f2f
1 parent 78783bb
commit c594f2f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 76 deletions.
diff --git a/src/App.css b/src/App.css
@@ -171,46 +171,7 @@ img {
   margin-right: var(--side-margin);
   display: flex;
   justify-content: space-between;
-}
-
-.header a {
-  text-decoration: none;
-  background-color: #F4CE14;
-  padding: 5px;
-  padding-left: 15px;
-  padding-right: 15px;
-  font-size: 10pt;
-  font-weight: bold;
-  border-radius: 0px;
-  border: 0px;
-  transition: 0.3s;
-}
-
-.header a:hover {
-  background-color: white;
-  color: #F4CE14;
-  font-weight: bold;
-  cursor: pointer;
-}
-
-.bookingHeader-btn {
-  text-decoration: none;
-  background-color: #F4CE14;
-  padding: 5px;
-  padding-left: 15px;
-  padding-right: 15px;
-  font-size: 10pt;
-  font-weight: bold;
-  border-radius: 0px;
-  border: 0px;
-  transition: 0.3s;
-}
-
-.bookingHeader-btn:hover {
-  background-color: white;
-  color: #F4CE14;
-  font-weight: bold;
-  cursor: pointer;
+  align-items: center;
 }
 
 .restaurantFoot-img {
@@ -226,32 +187,6 @@ img {
   margin-top: 15px;
 }
 
-.header-tittle {
-  font-size: 20pt;
-  margin: 0px;
-  margin-top: 15px;
-  padding: 0px;
-  border: 0px;
-  color: #F4CE14;
-}
-
-.restaurant-location {
-  font-size: 18pt;
-  margin: 0px;
-  border: 0px;
-  padding: 0px;
-  color: white;
-}
-
-.header p {
-  color: white;
-  padding: 0px;
-  margin: 0px;
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-
 /* styling the footer ..................................................................................................*/
 
 

diff --git a/src/Components/homeHeader.js b/src/Components/homeHeader.js
@@ -1,4 +1,5 @@
 import React, {Component} from "react";
+import Logo from "./Logo";
 import { NavLink } from "react-router-dom";
 import restaurantFood from './assets/restaurantFood.jpg'
 
@@ -13,15 +14,7 @@ class Header extends Component {
             <header className="header">
                 <div>
                     <div>
-                        <h1 className="header-tittle">Little Lemon</h1>
-                        <h3 className="restaurant-location">Chicago</h3>
-                        <p>We are a family owned <br />
-                        Mediterranean restaurant, <br />
-                        focused on traditional <br />
-                        recipes served with a modern <br />
-                        twist.
-                        </p>
-                        <NavLink to="bookingPage">Reserve a Table</NavLink>
+                        <Logo />
                     </div>
                     <div className="restaurantFoot-img">
                         <img src={restaurantFood}></img>

diff --git a/src/Components/main.js b/src/Components/main.js
@@ -8,7 +8,6 @@ import Story from "./Story";
 import SectionHeader from "./SectionHeader";
 import MenuIntro from "./MenuIntro";
 import PlaceIntro from "./PlaceIntro";
-import Logo from "./Logo";
 import { NavLink } from "react-router-dom";
 
 function Main() {