import '../styles/globals.css'
import Layout from "../components/Layout/Layout";
import { Provider } from "react-redux";
import { store } from "../store";
import { useEffect } from 'react';
import AOS from "aos";
import "aos/dist/aos.css";
import Script from 'next/script'
function MyApp({ Component, pageProps}){
  useEffect(() => {
    AOS.init({
      offset: 100,
    });
  }, []);
  return (
    <Provider store={store}>
      <Layout>
      <Script type="text/javascript" src="https://demo.formulagroup.in/formulaindia/js/jquery-3.6.0.js"/>
      <Script type="text/javascript" src="https://demo.formulagroup.in/formulaindia/js/popper.min.js"/>
      <Script type="text/javascript" src="https://demo.formulagroup.in/formulaindia/js/bootstrap.min.js"/>
      <Script type="text/javascript" src="https://demo.formulagroup.in/formulaindia/js/aos.js"/>
      <Script type="text/javascript" src="https://demo.formulagroup.in/formulaindia/js/swiper-bundle.min.js"/>
      <Script type="text/javascript" src="https://demo.formulagroup.in/formulaindia/js/fancybox.umd.js"/>
    
      <Script type="text/javascript" src="/js/main.js"/>
      <Component {...pageProps} />
      </Layout>
    </Provider>
  );
}

export default MyApp;


