first commit

src/layouts/Main.jsx

@@ -0,0 +1,27 @@
+//= React
+import React from 'react';
+import { Script } from "gatsby";
+//= Components
+import PreLoader from "components/PreLoader";
+import ScrollToTop from "components/ScrollToTop";
+
+//= Global CSS
+import "styles/globals.css";
+import "styles/preloader.css";
+
+const MainLayout = ({ children, scrollTopText }) => {
+  return (
+    <>
+      <PreLoader />
+      {children}
+      <ScrollToTop topText={scrollTopText} />
+      <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css" />
+      <link rel="stylesheet" href="/assets/css/style.css" />
+      <Script src="/assets/js/lib/jquery-3.6.0.min.js"></Script>
+      <Script src="/assets/js/lib/bootstrap.bundle.min.js"></Script>
+      <Script src="/assets/js/main.js"></Script>
+    </>
+  );
+};
+
+export default MainLayout;

src/layouts/Preview.jsx

@@ -0,0 +1,37 @@
+//= React
+import React, { useEffect, useRef } from "react";
+import { Script } from "gatsby";
+//= Scripts
+import navbarScrollEffect from "common/navbarScrollEffect";
+//= Components
+import PreLoader from "components/PreLoader";
+import ScrollToTop from "components/ScrollToTop";
+import Navbar from 'components/Navbars/PreviewNav';
+
+//= Global CSS
+import "styles/globals.css";
+import "styles/preloader.css";
+
+const PreviewLayout = ({ children }) => {
+  const navbarRef = useRef(null);
+
+  useEffect(() => {
+    navbarScrollEffect(navbarRef.current);
+  }, [navbarRef]);
+
+  return (
+    <>
+      <PreLoader />
+      <Navbar navbarRef={navbarRef} />
+      <main>
+        {children}
+      </main>
+      <ScrollToTop />
+      
+      <Script src="/landing-preview/js/parallax.min.js"></Script>
+      <Script src="/assets/js/main.js"></Script>
+    </>
+  );
+};
+
+export default PreviewLayout;