From 09d175344757b4d4315c709699e2b96126ff0e63 Mon Sep 17 00:00:00 2001
From: SandraBergstrom <bergstrom_sandra@hotmail.com>
Date: Thu, 6 Jul 2023 10:55:50 +0000
Subject: [PATCH] #61 Add about page component

---
 src/pages/AboutPage.js | 47 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 src/pages/AboutPage.js

diff --git a/src/pages/AboutPage.js b/src/pages/AboutPage.js
new file mode 100644
index 0000000..ce76671
--- /dev/null
+++ b/src/pages/AboutPage.js
@@ -0,0 +1,47 @@
+import React from "react";
+
+import Col from "react-bootstrap/Col";
+import Row from "react-bootstrap/Row";
+import Image from "react-bootstrap/Image";
+
+import styles from "../styles/AboutPage.module.css"
+import appStyles from "../App.module.css"
+
+const AboutPage = () => {
+  return (
+    <Row>
+      <Col
+        md={6}
+        className={`my-auto d-none d-md-block p-2`}
+      >
+        <Image
+          className={`${appStyles.FillerImage}`}
+          src={
+            "https://res.cloudinary.com/sandrabergstrom/image/upload/v1687344960/footstep_g2jfrl.png"
+          }
+        />
+      </Col>
+      <Col
+        md={6}
+        className={`my-auto d-md-block p-2`}
+      >
+        <div className={styles.Info}>
+          <h1>About</h1>
+          <p>Welcome to the Travel Tickr About page!</p>
+          <p>
+            Travel Tickr is a web application that allows users to share their
+            travel experiences, discover new destinations, and connect with
+            other travelers.
+          </p>
+          <p>
+            Our mission is to inspire and empower individuals to explore the
+            world, create memories, and make meaningful connections through
+            travel.
+          </p>
+        </div>
+      </Col>
+    </Row>
+  );
+};
+
+export default AboutPage;