diff --git a/src/App.js b/src/App.js index 314440d..783551b 100644 --- a/src/App.js +++ b/src/App.js @@ -4,7 +4,7 @@ import { BrowserRouter, Route, Routes } from 'react-router-dom'; //pages import BookingPage from './Pages/bookingPage'; import Home from './Pages/home'; -import About from './Pages/about'; +import About from './Pages/About'; import Login from './Pages/login'; import Menu from './Pages/menu'; import OrderOnline from './Pages/orderOnline'; diff --git a/src/Pages/About.css b/src/Pages/About.css new file mode 100644 index 0000000..1b45546 --- /dev/null +++ b/src/Pages/About.css @@ -0,0 +1,46 @@ +.aboutPage { + margin-top: 40px; + margin-bottom: 90px; +} + +.aboutPage > div { + margin-top: 60px; + margin-bottom: 40px; +} + +.aboutPage .aboutPage-flex { + display: flex; + justify-content: space-evenly; + align-items: center; + flex-wrap: wrap; + gap: 20px; + margin-top: 60px; + margin-bottom: 30px; + +} + +.aboutPage .aboutPage-flex .aboutPage-para { + text-align: center; +} + +.aboutPage .aboutPage-flex p { + flex: 1; + max-width: 600px; + min-width: 300px; + text-align: center; +} + +.aboutPage .aboutPage-flex .aboutPage-image { + flex: 1; + max-width: 600px; + min-width: 300px; + height: 300px; + border-radius: 10px; +} + +.aboutPage .aboutPage-flex .aboutPage-image img { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 10px; +} \ No newline at end of file diff --git a/src/Pages/about.js b/src/Pages/about.js index 4b2843d..1d2ae62 100644 --- a/src/Pages/about.js +++ b/src/Pages/about.js @@ -1,35 +1,147 @@ import React, {Component} from 'react'; +import './About.css' + +import { NavLink } from "react-router-dom"; + import Nav from '../Components/nav'; import Header from '../Components/homeHeader'; import Footer from '../Components/footer'; +import SectionHeader from '../Components/SectionHeader'; +import feast from '../images/feast.jpg'; +import openSpace from '../images/openSpace.jpg'; +import wineLibrary from '../images/wineLibrary.jpg'; -class About extends Component { - constructor() { - super(); - } +function About() { - render() { return( -
-
); - } } export default About; \ No newline at end of file diff --git a/src/images/feast.jpg b/src/images/feast.jpg new file mode 100644 index 0000000..e1b2f81 Binary files /dev/null and b/src/images/feast.jpg differ diff --git a/src/images/openSpace.jpg b/src/images/openSpace.jpg new file mode 100644 index 0000000..6553794 Binary files /dev/null and b/src/images/openSpace.jpg differ diff --git a/src/images/wineLibrary.jpg b/src/images/wineLibrary.jpg new file mode 100644 index 0000000..c3b1bf1 Binary files /dev/null and b/src/images/wineLibrary.jpg differ