Markdown Martha
109eb2de44
- Landing page with hero section, features, and CTA - Help center with getting started guide and FAQ - Privacy policy and terms of service pages - About page with company mission and values - Responsive CSS styling for mobile-first experience - GitHub Actions workflow for automatic deployment - .gitignore for common files All content is shopper-focused and emphasizes savings benefits. Responsive design optimized for mobile grocery shopping context. Co-Authored-By: Paperclip <noreply@paperclip.ing>
100 lines
4.2 KiB
HTML
100 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>CartSnitch – Save Money on Groceries</title>
|
||
<meta name="description" content="Never overpay at the grocery store again. CartSnitch finds deals you'd miss and matches coupons to your cart.">
|
||
<link rel="stylesheet" href="/css/style.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<nav>
|
||
<a href="/" class="logo">🛒 CartSnitch</a>
|
||
<ul class="nav-links">
|
||
<li><a href="#how-it-works">How It Works</a></li>
|
||
<li><a href="#why-cartsnitch">Why CartSnitch</a></li>
|
||
<li><a href="/docs/">Help & Guides</a></li>
|
||
<li><a href="/about/">About</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<!-- Hero Section -->
|
||
<section class="hero">
|
||
<div class="container">
|
||
<h1>Never Overpay at the Grocery Store Again</h1>
|
||
<p>CartSnitch finds deals you'd miss. We monitor prices across your favorite stores in real time, match coupons to your cart, and alert you to sales on items you actually buy.</p>
|
||
<div>
|
||
<a href="#get-started" class="cta-button">Get Started Free</a>
|
||
<a href="/docs/" class="cta-button secondary">Learn More</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- How It Works Section -->
|
||
<section id="how-it-works">
|
||
<div class="container">
|
||
<h2>How It Works</h2>
|
||
<div class="features">
|
||
<div class="feature">
|
||
<h3>1. See Real-Time Deals</h3>
|
||
<p>Monitor prices and sales across your favorite grocery stores. Know exactly when items go on sale, and get notified about deals that match your shopping list.</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h3>2. Get Smart Coupon Matches</h3>
|
||
<p>We match available coupons to items in your cart—one tap to apply them. No more clipping, no more searching.</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h3>3. Shop with Confidence</h3>
|
||
<p>Plan your shopping around deals that matter to you. Never wonder if you got a good price. Track exactly how much you're saving.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Why CartSnitch Section -->
|
||
<section id="why-cartsnitch">
|
||
<div class="container">
|
||
<h2>Built for Busy Parents</h2>
|
||
<div class="benefits">
|
||
<ul>
|
||
<li><strong>Quick setup</strong> — Download and go. No signup hassle or long forms.</li>
|
||
<li><strong>Mobile-first</strong> — Manage your savings on the go, at the store or at home.</li>
|
||
<li><strong>Works at your stores</strong> — Find deals at the retailers you actually use every week.</li>
|
||
<li><strong>Real dollars saved</strong> — Track exactly how much you're saving on every trip.</li>
|
||
<li><strong>Privacy first</strong> — Your data stays yours. We never sell your shopping behavior.</li>
|
||
<li><strong>No subscriptions</strong> — Free to use. Forever.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Get Started Section -->
|
||
<section id="get-started">
|
||
<div class="container" style="text-align: center; padding: 4rem 2rem;">
|
||
<h2>Ready to Start Saving?</h2>
|
||
<p style="font-size: 1.1rem; margin-bottom: 2rem;">Join thousands of shoppers who are saving $50+ per month on groceries.</p>
|
||
<a href="#download" class="cta-button" style="font-size: 1.1rem;">Download CartSnitch Free</a>
|
||
<p style="margin-top: 2rem; font-size: 0.875rem; color: var(--text);">
|
||
Available on iOS and Android. No credit card required.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<p>CartSnitch – Save money on groceries, one trip at a time</p>
|
||
<p style="margin-top: 1rem; font-size: 0.875rem;">
|
||
<a href="/docs/privacy/">Privacy Policy</a> ·
|
||
<a href="/docs/terms/">Terms of Service</a> ·
|
||
<a href="mailto:support@cartsnitch.com">Contact Support</a>
|
||
</p>
|
||
<p style="margin-top: 1.5rem; color: #9ca3af;">Made with ❤️ for shoppers who value every dollar.</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|