App.js Structure

import React from "react";

import {
  BrowserRouter as Router,
  Routes,
  Route,
  useRoutes,
} from "react-router-dom";
import Home_v1 from "./pages/Home_v1";
import Home_v2 from "./pages/Home_v2";
import Home_v3 from "./pages/Home_v3";
import Home_v4 from "./pages/Home_v4";
import Home_v5 from "./pages/Home_v5";
import Home_v6 from "./pages/Home_v6";
import Home_v7 from "./pages/Home_v7";
import Home_v8 from "./pages/Home_v8";
import Home_v9 from "./pages/Home_v9";
import Home_v10 from "./pages/Home_v10";
import Joblist_v1 from "./pages/Joblist_v1";
import Joblist_v2 from "./pages/Joblist_v2";
import Joblist_v3 from "./pages/Joblist_v3";
import Joblist_v4 from "./pages/Joblist_v4";
import Joblist_v5 from "./pages/Joblist_v5";
import Joblist_v6 from "./pages/Joblist_v6";
import Joblist_v7 from "./pages/Joblist_v7";
import Joblist_v8 from "./pages/Joblist_v8";
import Joblist_v9 from "./pages/Joblist_v9";
import Joblist_v10 from "./pages/Joblist_v10";
import Jobsingle_v1 from "./pages/Jobsingle_v1";
import Jobsingle_v2 from "./pages/Jobsingle_v2";
import Employer_v1 from "./pages/Employer_v1";
import Employer_v2 from "./pages/Employer_v2";
import Employer_v3 from "./pages/Employer_v3";
import Employer_v4 from "./pages/Employer_v4";
import Employer_v5 from "./pages/Employer_v5";
import Employer_v6 from "./pages/Employer_v6";
import Employer_v7 from "./pages/Employer_v7";
import Employersingle_v1 from "./pages/Employersingle_v1";
import Employersingle_v2 from "./pages/Employersingle_v2";
import EmployerReview from "./pages/EmployerReview";
import Employernotfound from "./pages/Employernotfound";
import Employerdashboard from "./pages/Employerdashboard";
import Candidates_v1 from "./pages/Candidates_v1";
import Candidates_v2 from "./pages/Candidates_v2";
import Candidates_v3 from "./pages/Candidates_v3";
import Candidates_v4 from "./pages/Candidates_v4";
import Candidates_v5 from "./pages/Candidates_v5";
import Candidates_v6 from "./pages/Candidates_v6";
import Candidates_v7 from "./pages/Candidates_v7";
import SampleCV from "./pages/SampleCV";
import SampleCVdetails from "./pages/SampleCVdetails";
import SampleCVslidebar from "./pages/SampleCVslidebar";
import Candidatesingle_v1 from "./pages/Candidatesingle_v1";
import Candidatesingle_v2 from "./pages/Candidatesingle_v2";
import Blog_v1 from "./pages/Blog_v1";
import Blog_v2 from "./pages/Blog_v2";
import Blog_v3 from "./pages/Blog_v3";
import Blogsingle_v1 from "./pages/Blogsingle_v1";
import Blogsingle_v2 from "./pages/Blogsingle_v2";
import Blogsingle_v3 from "./pages/Blogsingle_v3";
import Shop from "./pages/Shop";
import Shopsingle from "./pages/Shopsingle";
import Shoppingcart from "./pages/Shoppingcart";
import Checkout from "./pages/Checkout";
import AboutUs from "./pages/AboutUs";
import Faqs from "./pages/Faqs";
import Termsofuse from "./pages/Termsofuse";
import Pricing from "./pages/Pricing";
import Login from "./pages/Login";
import CreateAccount from "./pages/CreateAccount";
import ContactUs from "./pages/ContactUs";
import { useEffect } from "react";
import ScrollToTop from "./ScrollToTop";
import { useState } from "react";
import Preloader from "./components/preloader";
														
const App = () => {
  let routes = useRoutes([
	{ path: "/", element:  },
	{ path: "/home_v2", element:  },
	{ path: "/home_v3", element:  },
	{ path: "/home_v4", element:  },
	{ path: "/home_v5", element:  },
	{ path: "/home_v6", element:  },
	{ path: "/home_v7", element:  },
	{ path: "/home_v8", element:  },
	{ path: "/home_v9", element:  },
	{ path: "/home_v10", element:  },
	{ path: "/joblist_v1", element:  },
	{ path: "/job-grid", element:  },
	{ path: "/job-list-sidebar", element:  },
	{ path: "/job-grid-sidebar", element:  },
	{ path: "/joblist_v5", element:  },
	{ path: "/joblist_v6", element:  },
	{ path: "/joblist_v7", element:  },
	{ path: "/joblist_v8", element:  },
	{ path: "/joblist_v9", element:  },
	{ path: "/joblist_v10", element:  },
	{ path: "/jobsingle_v1", element:  },
	{ path: "/jobsingle_v2", element:  },
	{ path: "/employers_v1", element:  },
	{ path: "/employers_v2", element:  },
	{ path: "/employers_v3", element:  },
	{ path: "/employers_v4", element:  },
	{ path: "/employers_v5", element:  },
	{ path: "/employers_v6", element:  },
	{ path: "/employers_v7", element:  },
	{ path: "/employersingle_v1", element:  },
	{ path: "/employersingle_v2", element:  },
	{ path: "/employerreview", element:  },
	{ path: "/employernotfound", element:  },
	{ path: "/employerdashboard", element:  },
	{ path: "/candidates_v1", element:  },
	{ path: "/candidates_v2", element:  },
	{ path: "/candidates_v3", element:  },
	{ path: "/candidates_v4", element:  },
	{ path: "/candidates_v5", element:  },
	{ path: "/candidates_v6", element:  },
	{ path: "/candidates_v7", element:  },
	{ path: "/samplecv", element:  },
	{ path: "/samplecvdetails", element:  },
	{ path: "/samplecvslidebar", element:  },
	{ path: "/candidatesingle_v1", element:  },
	{ path: "/candidatesingle_v2", element:  },
	{ path: "/blog_v1", element:  },
	{ path: "/blog_v2", element:  },
	{ path: "/blog_v3", element:  },
	{ path: "/blogsingle_v1", element:  },
	{ path: "/blogsingle_v2", element:  },
	{ path: "/blogsingle_v3", element:  },
	{ path: "/shop", element:  },
	{ path: "/shopsingle", element:  },
	{ path: "/shoppingcart", element:  },
	{ path: "/checkout", element:  },
	{ path: "/aboutus", element:  },
	{ path: "/faqs", element:  },
	{ path: "/termsofuse", element:  },
	{ path: "/pricing", element:  },
	{ path: "/login", element:  },
	{ path: "/createaccount", element:  },
	{ path: "/contactus", element:  },
  ]);
  return routes;
};
														
const AppWrapper = () => {
  const [loading, setLoading] = useState(true);
														
  useEffect(() => {
	setTimeout(() => {
	  setLoading(false);
	}, 1000);
  }, []);
														
  return (
	<>
  {!loading ? (
	
		  
		  
		
	  ) : (
		
	  )}
	
  );
};
														
export default AppWrapper;