Actions

src/templates/ProductPage/ProductPage.jsx

@@ -4,12 +4,12 @@ import {graphql} from 'gatsby';
 import {GatsbyImage} from 'gatsby-plugin-image';
 
 import Badge from '../../components/Badge/Badge';
-import Breadcrumbs from '../../components/Breadcrumbs/Breadcrumbs';
 import SocialMediaTooltips from "../../components/SocialMediaTooltips/SocialMediaTooltips";
 import getConfidence from '../../helpers/getConfidence';
 
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
+import Layout from "../../components/Layout/Layout";
 
 function ProductPage({location, pageContext, data}) {
     const settings = {
@@ -39,8 +39,7 @@ function ProductPage({location, pageContext, data}) {
     const {name, tags, sources, description, socialMedia} = pageContext.data;
 
     return (
-        <main>
-            <Breadcrumbs location={location.pathname} label={name}/>
+        <Layout breafcrumbs={location}>
             <div className="product">
                 <div className="product__data product__data--mobile">
                     <h1 className="product__title">{name}</h1>
@@ -101,7 +100,7 @@ function ProductPage({location, pageContext, data}) {
                     </ul>
                 </div>
             </div>
-        </main>
+        </Layout>
     );
 }