feat: Remove ProjectShowcase import and add descriptive text to LandingPage component

This commit is contained in:
lokeshramchand-ctrl 2025-12-11 16:46:39 +05:30
parent 82dcdf1097
commit f5f41934a1
2 changed files with 16 additions and 3 deletions

View file

@ -5,7 +5,6 @@ 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);

View file

@ -205,7 +205,18 @@ const LandingPage: React.FC<LandingPageProps> = ({ onSearchSuccess }) => {
borderTop: '2px solid #000',
borderRadius: '50%',
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 (
@ -270,6 +281,9 @@ const LandingPage: React.FC<LandingPageProps> = ({ onSearchSuccess }) => {
</button>
</div>
</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>
);