text: import React from "react";
  import AOS from "aos";
  import "aos/dist/aos.css";
  import { Helmet } from "react-helmet";
  import Footer from "../components/Footer";
  import Navbar from "../components/Navbar";
  import useSiteMetadata from "./SiteMetadata";
  import { withPrefix } from "gatsby";
  import "../styles/App.css";
  import "../styles/css/_custom.scss";
  import PreLoader from "../components/Preloader";
  import PhotoSwipeBackground from "../components/PhotoSwipeBackground";
  import Header from "../components/Header";
  
  AOS.init();
  
  const TemplateWrapper = ({ children }) => {
    const { title, description } = useSiteMetadata();
    return (
      <div>
        <Helmet>
          <html lang="en" />
          <title>{title}</title>
          <meta name="description" content={description} />
  
          <link
            rel="apple-touch-icon"
            sizes="180x180"
            href={`${withPrefix("/")}img/apple-touch-icon.png`}
          />
          <link
            rel="icon"
            type="image/png"
            href={`${withPrefix("/")}img/favicon-32x32.png`}
            sizes="32x32"
          />
          <link
            rel="icon"
            type="image/png"
            href={`${withPrefix("/")}img/favicon-16x16.png`}
            sizes="16x16"
          />
  
          <link
            rel="mask-icon"
            href={`${withPrefix("/")}img/safari-pinned-tab.svg`}
            color="#ff4400"
          />
          <meta name="theme-color" content="#fff" />
  
          <meta property="og:type" content="business.business" />
          <meta property="og:title" content={title} />
          <meta property="og:url" content="/" />
          <meta
            property="og:image"
            content={`${withPrefix("/")}img/og-image.jpg`}
          />
        </Helmet>
        <div id="top">
          <Header />
          <div>{children}</div>
          <PhotoSwipeBackground />
          <Footer />
        </div>
        {/* <Navbar />
        <div>{children}</div>
        <Footer /> */}
      </div>
    );
  };
  
  export default TemplateWrapper;
  