feat: Refactor App component to integrate LandingPage and ProjectShowcase with search functionality

src/App.tsx

@@ -1,23 +1,32 @@
-
 import './App.css'
+import { useState } from 'react';
 import OpenLayerMap from './components/OpenLayerMap';
 import OpenLayerEsri from './components/OpenLayerEsri';
 import LegiScanAPI from './components/LegiScanAPI';
 import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
+import LandingPage from './components/LandingPage';
+import ProjectShowcase from './components/Projectpage';
 
 function App() {
+  const [addressData, setAddressData] = useState<any>(null);
+  const [searchTerm, setSearchTerm] = useState<string>('');
 
-	
+  const handleSearchSuccess = (data: any, term: string) => {
-return (
+    setAddressData(data);
+    setSearchTerm(term);
+  };
+
+  return (
     <Router>
-    <Routes>
+      <Routes>
-        <Route path="/" element={<OpenLayerMap />} />
+        <Route path="/" element={<ProjectShowcase />} />
-        <Route path="/open" element={<OpenLayerMap />} />
+        <Route path="/site" element={<LandingPage onSearchSuccess={handleSearchSuccess} />} />
+        <Route path="/open" element={<OpenLayerMap initialAddressData={addressData} initialTerm={searchTerm} />} />
         <Route path="/esri" element={<OpenLayerEsri />} />
         <Route path="/legi" element={<LegiScanAPI />} />
-    </Routes>
+      </Routes>
     </Router>
   );
 }
 
-export default App;
+export default App;