feat: build complete CartSnitch marketing site with landing page, docs, and about

- 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>
2026-04-14 11:12:49 +00:00
parent 6f397619b2
commit 109eb2de44
10 changed files with 906 additions and 0 deletions
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Help & Guides – CartSnitch</title>
+  <meta name="description" content="Learn how to use CartSnitch to find deals and save money on groceries.">
+  <link rel="stylesheet" href="/css/style.css">
+</head>
+<body>
+  <header>
+    <nav>
+      <a href="/" class="logo">🛒 CartSnitch</a>
+      <ul class="nav-links">
+        <li><a href="/">Home</a></li>
+        <li><a href="/docs/">Help & Guides</a></li>
+        <li><a href="/about/">About</a></li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+    <section class="hero" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); padding: 3rem 2rem;">
+      <div class="container">
+        <h1>Help & Guides</h1>
+        <p>Everything you need to get the most out of CartSnitch</p>
+      </div>
+    </section>
+
+    <div class="container">
+      <nav class="breadcrumb">
+        <a href="/">Home</a> / Help & Guides
+      </nav>
+
+      <section style="padding: 3rem 0;">
+        <div class="features">
+          <a href="/docs/getting-started.html" style="text-decoration: none; color: inherit;">
+            <div class="feature" style="cursor: pointer; transition: all 0.2s;">
+              <h3>Getting Started</h3>
+              <p>Learn the basics of using CartSnitch to find deals and save money on your grocery shopping.</p>
+            </div>
+          </a>
+          
+          <a href="/docs/faq.html" style="text-decoration: none; color: inherit;">
+            <div class="feature" style="cursor: pointer; transition: all 0.2s;">
+              <h3>Frequently Asked Questions</h3>
+              <p>Find answers to common questions about CartSnitch, our deals, and how we keep your data safe.</p>
+            </div>
+          </a>
+          
+          <a href="mailto:support@cartsnitch.com" style="text-decoration: none; color: inherit;">
+            <div class="feature" style="cursor: pointer; transition: all 0.2s;">
+              <h3>Contact Support</h3>
+              <p>Have a question we didn't answer? Reach out to our support team at support@cartsnitch.com</p>
+            </div>
+          </a>
+        </div>
+      </section>
+    </div>
+  </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>