2 files changed, 15 insertions, 16 deletions
diff --git a/pages/_app.js b/pages/_app.js
index 759eecc..e02a68d 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,10 +1,25 @@
 import { ThemeProvider } from "next-themes";
 import "../css/tailwind.css";
+import Head from "next/head";
+import Navbar from "../components/navbar";
+import Footer from "../components/footer";
+import PopupWidget from "../components/popupWidget";
 
 function MyApp({ Component, pageProps }) {
   return (
     <ThemeProvider attribute="class">
+        <Head>
+            <title>Helping Hands</title>
+            <meta
+                name="description"
+                content="Helping Hands"
+            />
+            <link rel="icon" href="/favicon.ico" />
+        </Head>
+        <Navbar />
       <Component {...pageProps} />
+        <Footer />
+        <PopupWidget />
     </ThemeProvider>
   );
 }
diff --git a/pages/index.js b/pages/index.js
index 54aed81..e09c388 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,27 +1,13 @@
-import Head from "next/head";
 import Hero from "../components/hero";
-import Navbar from "../components/navbar";
 import SectionTitle from "../components/sectionTitle";
-
 import { benefitOne, benefitTwo } from "../components/data";
 import Benefits from "../components/benefits";
-import Footer from "../components/footer";
 import Cta from "../components/cta";
 import Faq from "../components/faq";
-import PopupWidget from "../components/popupWidget";
 
 const Home = () => {
   return (
     <>
-      <Head>
-        <title>Helping Hands</title>
-        <meta
-          name="description"
-          content="Helping Hands"
-        />
-        <link rel="icon" href="/favicon.ico" />
-      </Head>
-      <Navbar />
       <Hero />
       <SectionTitle
         pretitle="How It Works"
@@ -36,8 +22,6 @@ const Home = () => {
       </SectionTitle>
       <Faq />
       <Cta />
-      <Footer />
-      <PopupWidget />
     </>
   );
 }