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 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);

View file

@ -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>
); );