update

src/App.jsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import Header from './components/Header';
 import Footer from './components/Footer';
@@ -15,44 +15,43 @@ import Questions from './pages/Products/Questions';
 import AboutUs from './pages/About/About';
 import ContactUs from './pages/Contact/Contact';
 // import home_bg2 from './assets/home_bg2.png';
-import home_bg2 from './assets/homenew.png';
+import home_bg2 from './assets/homenew2.png';
+// import home_bg2 from './assets/homenew.png';
 import { ParallaxProvider } from 'react-scroll-parallax';
 import { LocomotiveScrollProvider } from 'react-locomotive-scroll'
 
 
 function App() {
-  // const [activeTab, setActiveTab] = useState('home');
+  const [activeTab, setActiveTab] = useState(`${((window.location.pathname).slice(1) === '')?'home':(window.location.pathname).slice(1)}`);
 
-  // const toggle = (tab) => {
-  //   setActiveTab(tab);
-  // };
+  const toggle = (tab) => {
+    setActiveTab(tab);
+  };
 
-  // const containerRef = useRef(null)
 
   return (
-    // <ParallaxProvider>
-    //   <Router>
-    //     <div className="bg-black d">
-    //       <Header activeTab={activeTab} toggle={toggle} />
-    //       <main  className="absolute top-0 left-0 right-0 bg-black">
-    //         <Routes>
-    //           <Route path="/" element={<div style={{ backgroundImage: `url(${home_bg2})`,}}><Home /><Satellite /><TechProd /><Footer /></div>} />
-    //           {/* <Route path="/technology" element={<div><Technology /><EarthSat /><SatelliteConstellation /><Aeroplane /><GroundSatellite /><Footer /></div>} /> */}
-    //           <Route path="/technology" element={<div ><Technology  /><Footer /></div>} />
-    //           <Route path="/products" element={<div><Products /><Footer /></div>} />
-    //           <Route path="/about" element={<div><AboutUs /><Footer /></div>} />
-    //           <Route path="/contact" element={<div><ContactUs /><Questions /><Footer /></div>} />
-    //         </Routes>
-    //       </main>
-    //     </div>
-    //   </Router>
-    // </ParallaxProvider>
-    <div className="h-screen w-[100vw] flex justify-center content-center items-center">
-      <h1 className="text-black font-bold content-center text-3xl md:text-7xl">Under development</h1>
-    </div>
+    <ParallaxProvider>
+      <Router>
+        <div className="bg-black d">
+          <Header activeTab={activeTab} toggle={toggle} />
+          <main  className="absolute top-0 left-0 right-0 bg-black">
+            <Routes>
+              <Route path="/" element={<div style={{ backgroundImage: `url(${home_bg2})`, backgroundSize: 'cover'}}><Home /><Satellite /><TechProd /><Footer /></div>} />
+              {/* <Route path="/technology" element={<div><Technology /><EarthSat /><SatelliteConstellation /><Aeroplane /><GroundSatellite /><Footer /></div>} /> */}
+              <Route path="/technology" element={<div ><Technology  /><Footer /></div>} />
+              <Route path="/products" element={<div><Products /><Footer /></div>} />
+              <Route path="/about" element={<div><AboutUs /><Footer /></div>} />
+              <Route path="/contact" element={<div><Questions /><Footer /></div>} />
+            </Routes>
+          </main>
+        </div>
+      </Router>
+    </ParallaxProvider>
+    // <div className="h-screen w-[100vw] flex justify-center content-center items-center">
+    //   <h1 className="text-black font-bold content-center text-3xl md:text-7xl">Under development</h1>
+    // </div>
 
   );
 }
 
-export default App;
-
+export default App;