chore: fix website entry page (#2482)

This commit is contained in:
Xiaoji Chen 2025-02-04 11:59:07 -08:00 committed by GitHub
parent 057d67a415
commit f60ff738f6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -53,46 +53,45 @@ export default function IndexPage() {
return (
<Layout title="Home" description="react-map-gl">
<Home theme="dark" HeroExample={HeroExample}>
<div style={{position: 'relative'}}>
<TextContainer>
<h2>
react-map-gl makes using MapLibre GL JS and Mapbox GL JS in React applications easy.
</h2>
<hr className="short" />
<Home theme="dark" HeroExample={HeroExample} />
<div style={{position: 'relative'}}>
<TextContainer>
<h2>
react-map-gl makes using MapLibre GL JS and Mapbox GL JS in React applications easy.
</h2>
<hr className="short" />
<h3>
<img src={`${baseUrl}images/icon-react.svg`} />
React Integration
</h3>
<p>
Use a MapLibre GL JS or Mapbox GL JS map as a fully controlled reactive component.
</p>
<h3>
<img src={`${baseUrl}images/icon-react.svg`} />
React Integration
</h3>
<p>
Use a MapLibre GL JS or Mapbox GL JS map as a fully controlled reactive component.
</p>
<h3>
<img src={`${baseUrl}images/icon-layers.svg`} />
Extensible
</h3>
<p>
Comes with additional React interfaces such as context and hooks
to support custom components.
</p>
<h3>
<img src={`${baseUrl}images/icon-layers.svg`} />
Extensible
</h3>
<p>
Comes with additional React interfaces such as context and hooks
to support custom components.
</p>
<h3>
<img src={`${baseUrl}images/icon-high-precision.svg`} />
Part of vis.gl's Framework Suite
</h3>
<p>
Use together with e.g. <a
href="https://deck.gl/"
target="_blank"
rel="noopener noreferrer">
deck.gl</a> to render performant and compelling 2D and 3D
WebGL visualizations on top of your MapLibre GL JS and Mapbox GL JS based maps.
</p>
</TextContainer>
</div>
</Home>
<h3>
<img src={`${baseUrl}images/icon-high-precision.svg`} />
Part of vis.gl's Framework Suite
</h3>
<p>
Use together with e.g. <a
href="https://deck.gl/"
target="_blank"
rel="noopener noreferrer">
deck.gl</a> to render performant and compelling 2D and 3D
WebGL visualizations on top of your MapLibre GL JS and Mapbox GL JS based maps.
</p>
</TextContainer>
</div>
</Layout>
);
}