Design a Minimal Landing Page for Listing Sentinel SaaS Product

src/pages/index.astro

@@ -1,19 +1,62 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import Markdown from '../components/Markdown.astro';
 
-const explainer = `
-An Astro website can go way beyond static pages - on the right platform.
-
-Netlify supports not only [Streaming SSR](https://docs.astro.build/en/guides/server-side-rendering/#html-streaming) and fast [Edge Middleware](https://docs.astro.build/en/guides/middleware/), but also [on-demand revalidation](https://www.netlify.com/blog/cache-tags-and-purge-api-on-netlify/) and [stale-while-revalidate](https://www.netlify.com/blog/swr-and-fine-grained-cache-control/). 
-Any page or data can be rebuilt only when needed, without site visitors ever getting a performance hit.
-`;
+const features = [
+    {
+        title: 'Change Detection',
+        description: 'Instantly detect unauthorized changes to your product listings'
+    },
+    {
+        title: 'Suppression Monitoring',
+        description: 'Get alerted when your listings are suppressed or hidden'
+    },
+    {
+        title: 'Image Tracking',
+        description: 'Monitor for missing or altered product images'
+    },
+    {
+        title: 'Content Protection',
+        description: 'Track edits to titles, bullet points, and descriptions'
+    },
+    {
+        title: 'Price Monitoring',
+        description: 'Catch pricing errors before they impact your revenue'
+    },
+    {
+        title: 'Real-Time Alerts',
+        description: 'Stay informed with instant notifications of listing issues'
+    }
+];
 ---
 
-<Layout title="Welcome to Astro.">
-    <h1 class="mb-10">Netlify Platform Starter for Astro</h1>
-    <Markdown content={explainer} class="mb-10 text-lg" />
-    <p>
-        <a href="https://docs.netlify.com/frameworks/astro/" class="btn btn-lg sm:min-w-64">Read the Docs</a>
-    </p>
+<Layout title="Listing Sentinel - Amazon Listing Monitoring for Sellers">
+    <div class="flex flex-col items-center justify-center py-16 sm:py-24">
+        <div class="text-center mb-16 max-w-3xl">
+            <h1 class="mb-6">Protect Your Amazon Listings</h1>
+            <p class="text-xl sm:text-2xl text-gray-300 mb-8 leading-relaxed">
+                Listing Sentinel monitors your Amazon product listings 24/7 for unexpected changes, suppression issues, missing images, and pricing errors.
+            </p>
+            <a href="#contact" class="btn btn-lg">Get Early Access</a>
+        </div>
+
+        <div class="w-full max-w-4xl">
+            <h2 class="text-center mb-12">Comprehensive Listing Protection</h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+                {features.map((feature) => (
+                    <div class="bg-white/5 backdrop-blur-sm rounded-lg p-6 border border-white/10">
+                        <h3 class="text-xl font-semibold mb-3 text-primary">{feature.title}</h3>
+                        <p class="text-gray-300">{feature.description}</p>
+                    </div>
+                ))}
+            </div>
+        </div>
+
+        <div class="text-center mt-16 max-w-2xl" id="contact">
+            <h2 class="mb-6">Stay Protected</h2>
+            <p class="text-lg text-gray-300 mb-8">
+                Join Amazon sellers who trust Listing Sentinel to protect their business from listing issues that could cost thousands in lost revenue.
+            </p>
+            <a href="#contact" class="btn btn-lg">Request Access</a>
+        </div>
+    </div>
 </Layout>