Merge pull request #31 from arrayinc/blog-five-nine

added blog content

Author: emlindly

src/blogdata/BlogPageInfo.js

@@ -12,8 +12,8 @@ export default function HomeBreakPage(props) {
           <Navbar.Brand className="blogpage-nav-title" href="#home">Home Break</Navbar.Brand>
           <Nav className="mr-auto">
           <Nav.Link onClick={() => setBlogClicked(3)}>Morning Ritual</Nav.Link>
-            <Nav.Link onClick={() => setBlogClicked(4)}>Meditation</Nav.Link>
-            <Nav.Link onClick={() => setBlogClicked(5)}>Movement</Nav.Link>
+            <Nav.Link onClick={() => setBlogClicked(4)}>Holistic Health</Nav.Link>
+            <Nav.Link onClick={() => setBlogClicked(5)}>Sensory Play</Nav.Link>
           </Nav>
         </Navbar>
       </div>
@@ -47,6 +47,10 @@ export default function HomeBreakPage(props) {
           <p className="blog-text">{props.BlogPageInfo[blogClicked].contentblocktwo}</p>
           <p className="blog-header">{props.BlogPageInfo[blogClicked].headerblockthree}</p>
           <p className="blog-text">{props.BlogPageInfo[blogClicked].contentblockthree}</p>
+          <p className="blog-header">{props.BlogPageInfo[blogClicked].headerblockfour}</p>
+          <p className="blog-header">{props.BlogPageInfo[blogClicked].headerblockfive}</p>
+          <p className="blog-header">{props.BlogPageInfo[blogClicked].headerblocksix}</p>
+          <p className="blog-header">{props.BlogPageInfo[blogClicked].headerblockseven}</p>
         </Container>
       </Row>
     </>

src/images/HomeBreakPage/5senses.jpeg

@@ -2,23 +2,17 @@ import React, { useState } from "react";
 import { Navbar, Nav, Row, Button, Container, Badge, Image } from 'react-bootstrap';
 import { Facebook, Twitter, Instagram, Bookmark, ThreeDotsVertical, Calendar } from "react-bootstrap-icons";
 
-export default function HomeBreakPage(props) {
+export default function PlayBreakPage(props) {
   const [blogClicked, setBlogClicked] = useState(6);
   return (
     <>
       <div>
         <Navbar className="blogpage-nav" bg="light" variant="light">
           <Navbar.Brand className="blogpage-nav-title" href="#home">Play Break</Navbar.Brand>
           <Nav className="mr-auto">
-work-break-styling
-          <Nav.Link onClick={() => setBlogClicked(6)}>Morning Ritual</Nav.Link>
-            <Nav.Link onClick={() => setBlogClicked(7)}>Meditation</Nav.Link>
-            <Nav.Link onClick={() => setBlogClicked(8)}>Movement</Nav.Link>
-
-            <Nav.Link>Art Therapy</Nav.Link>
-            <Nav.Link href="/workbreak/blogs">Meditation</Nav.Link>
-            <Nav.Link href="/workbreak/blogs">Creation</Nav.Link>
- main
+          <Nav.Link onClick={() => setBlogClicked(6)}>Art Therapy</Nav.Link>
+            <Nav.Link onClick={() => setBlogClicked(7)}>Mindfulness</Nav.Link>
+            <Nav.Link onClick={() => setBlogClicked(8)}>Play Hard</Nav.Link>
           </Nav>
         </Navbar>
       </div>
@@ -47,7 +41,9 @@ work-break-styling
           <libr />
           <p className="blog-intro-text">{props.BlogPageInfo[blogClicked].introtext}</p>
           <p className="blog-text">{props.BlogPageInfo[blogClicked].contentblockone}</p>
+          <p className="blog-text">{props.BlogPageInfo[blogClicked].contentblockthree}</p>
           <p className="blog-header">{props.BlogPageInfo[blogClicked].headerblocktwo}</p>
+          <p className="blog-text">{props.BlogPageInfo[blogClicked].contentblockfour}</p>
           <p className="blog-header">{props.BlogPageInfo[blogClicked].headerblockthree}</p>
           <p className="blog-header">{props.BlogPageInfo[blogClicked].headerblockfour}</p>
           <p className="blog-header">{props.BlogPageInfo[blogClicked].headerblockfive}</p>