From f60ff738f674aaa2fd699664db79474a602b6594 Mon Sep 17 00:00:00 2001
From: Xiaoji Chen <Pessimistress@users.noreply.github.com>
Date: Tue, 4 Feb 2025 11:59:07 -0800
Subject: [PATCH] chore: fix website entry page (#2482)

---
 website/src/pages/index.jsx | 73 ++++++++++++++++++-------------------
 1 file changed, 36 insertions(+), 37 deletions(-)

diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx
index 53bc4a90..d01b4c09 100644
--- a/website/src/pages/index.jsx
+++ b/website/src/pages/index.jsx
@@ -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>
   );
 }