feat: Remove ProjectShowcase import and add descriptive text to LandingPage component
This commit is contained in:
parent
82dcdf1097
commit
f5f41934a1
2 changed files with 16 additions and 3 deletions
|
|
@ -5,7 +5,6 @@ import OpenLayerEsri from './components/OpenLayerEsri';
|
||||||
import LegiScanAPI from './components/LegiScanAPI';
|
import LegiScanAPI from './components/LegiScanAPI';
|
||||||
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
|
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
|
||||||
import LandingPage from './components/LandingPage';
|
import LandingPage from './components/LandingPage';
|
||||||
import ProjectShowcase from './components/Projectpage';
|
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
const [addressData, setAddressData] = useState<any>(null);
|
const [addressData, setAddressData] = useState<any>(null);
|
||||||
|
|
|
||||||
|
|
@ -205,7 +205,18 @@ const LandingPage: React.FC<LandingPageProps> = ({ onSearchSuccess }) => {
|
||||||
borderTop: '2px solid #000',
|
borderTop: '2px solid #000',
|
||||||
borderRadius: '50%',
|
borderRadius: '50%',
|
||||||
animation: 'spin 1s linear infinite',
|
animation: 'spin 1s linear infinite',
|
||||||
}
|
},
|
||||||
|
texting: {
|
||||||
|
fontSize: 'clamp(1rem, 6vw, 1rem)',
|
||||||
|
fontWeight: 500,
|
||||||
|
margin: '80px 240px 20px 240px',
|
||||||
|
textAlign: 'center' as const,
|
||||||
|
letterSpacing: '-0.04em',
|
||||||
|
// Gradient Text Effect
|
||||||
|
background: 'linear-gradient(to bottom, #ffffff 0%, #888888 100%)',
|
||||||
|
WebkitBackgroundClip: 'text',
|
||||||
|
WebkitTextFillColor: 'transparent',
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
@ -267,9 +278,12 @@ const LandingPage: React.FC<LandingPageProps> = ({ onSearchSuccess }) => {
|
||||||
<polyline points="12 5 19 12 12 19"></polyline>
|
<polyline points="12 5 19 12 12 19"></polyline>
|
||||||
</svg>
|
</svg>
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
<h3 ref={titleRef} style={styles.texting}>
|
||||||
|
MapLayer is a lightweight and powerful geospatial visualization platform designed to make mapping simple and intuitive. It allows users to load, explore, and interact with GeoJSON datasets directly in the browser using a modern React interface. With customizable layers, markers, and seamless OpenLayers integration, MapLayer transforms raw geographic data into meaningful insights. Built for developers, researchers, and analysts, it delivers speed, flexibility, and a clean mapping experience.
|
||||||
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue