@inneranimalmedia/agentsam-sdk 2.6.10 → 2.6.12

package/packages/theme-grove/site/pages/gallery.html

@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<title>Our Work — Grove</title>
+<meta content="A tactile home-services website prebuild for flooring and interiors, with project galleries, material details, process storytelling, reviews, and estimate requests." name="description"/>
+<link href="https://fonts.googleapis.com" rel="preconnect"/>
+<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
+<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=DM+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
+<style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        :root {
+            --primary-green: #3a5a4d;
+            --primary-green-light: #4a6b5d;
+            --cream: #f5f3ef;
+            --warm-gray: #4a4a4a;
+            --white: #ffffff;
+            --dark: #1a1a1a;
+        }
+        body {
+            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
+            color: var(--warm-gray);
+            line-height: 1.6;
+            background: linear-gradient(to bottom, var(--white) 0%, #fcfcfc 30%, #f6f8f6 70%, var(--cream) 100%);
+        }
+        h1, h2 { font-family: 'Space Grotesk', sans-serif; color: var(--dark); font-weight: 700; }
+
+        .navbar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            background: rgba(255, 255, 255, 0.85);
+            backdrop-filter: blur(20px);
+            border-bottom: 1px solid rgba(58, 90, 77, 0.1);
+            z-index: 1000;
+        }
+        .nav-container {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 1rem 2rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .logo { display: flex; align-items: center; text-decoration: none; }
+        .logo img { height: 100px; width: auto; object-fit: contain; }
+        .nav-menu { display: flex; align-items: center; gap: 2rem; list-style: none; }
+        .nav-link {
+            color: var(--warm-gray);
+            text-decoration: none;
+            font-weight: 600;
+            font-size: 0.95rem;
+        }
+        .nav-link:hover, .nav-link.active { color: var(--primary-green); }
+        .nav-cta {
+            background: var(--primary-green);
+            color: var(--white);
+            padding: 0.7rem 1.5rem;
+            border-radius: 8px;
+            font-weight: 700;
+            text-decoration: none;
+            font-size: 0.9rem;
+        }
+        .nav-cta:hover { background: var(--primary-green-light); }
+        .mobile-toggle { display: none; flex-direction: column; gap: 0.35rem; background: none; border: none; cursor: pointer; padding: 0.5rem; }
+        .hamburger { width: 24px; height: 2.5px; background: var(--primary-green); border-radius: 2px; }
+
+        .page-header {
+            margin-top: 80px;
+            padding: 4rem 2rem 2rem;
+            text-align: center;
+        }
+        .page-header h1 { font-size: clamp(2rem, 5vw, 3.5rem); margin-bottom: 0.75rem; color: var(--primary-green); }
+        .page-header p { font-size: 1.1rem; color: var(--warm-gray); max-width: 600px; margin: 0 auto; }
+
+        .gallery-section {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 0 2rem 4rem;
+        }
+        .gallery-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+            gap: 1.5rem;
+        }
+        .gallery-item {
+            border-radius: 12px;
+            overflow: hidden;
+            aspect-ratio: 4/3;
+            background: #e8e8e8;
+            box-shadow: 0 4px 20px rgba(58, 90, 77, 0.08);
+        }
+        .gallery-item img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            display: block;
+        }
+        .gallery-empty, .gallery-loading {
+            grid-column: 1 / -1;
+            text-align: center;
+            padding: 3rem 2rem;
+            color: var(--warm-gray);
+            font-size: 1.05rem;
+        }
+        .gallery-empty code, .gallery-loading code { background: rgba(58, 90, 77, 0.1); padding: 0.2em 0.5em; border-radius: 4px; }
+
+        @media (max-width: 768px) {
+            .logo img { height: 80px; }
+            .nav-menu {
+                position: fixed;
+                top: 0;
+                left: -80%;
+                width: 80%;
+                height: 100vh;
+                background: rgba(58, 90, 77, 0.98);
+                flex-direction: column;
+                align-items: flex-start;
+                padding: 5rem 2rem 2rem;
+                gap: 1rem;
+                transition: left 0.3s ease;
+                z-index: 999;
+            }
+            .nav-menu.active { left: 0; }
+            .nav-link { color: rgba(255,255,255,0.9); font-size: 1.1rem; }
+            .nav-link.active { color: var(--white); }
+            .nav-cta { background: var(--white); color: var(--primary-green); }
+            .mobile-toggle { display: flex; }
+        }
+    </style>
+<link href="https://example.com/pages/gallery.html" rel="canonical"/><meta content="index,follow,max-image-preview:large" name="robots"/><meta content="#182018" name="theme-color"/><meta content="website" property="og:type"/><meta content="Our Work — Grove" property="og:title"/><meta content="A tactile home-services website prebuild for flooring and interiors, with project galleries, material details, process storytelling, reviews, and estimate requests." property="og:description"/><meta content="https://example.com/pages/gallery.html" property="og:url"/><meta content="https://example.com/assets/generated/social-card.webp" property="og:image"/><meta content="summary_large_image" name="twitter:card"/><meta content="Our Work — Grove" name="twitter:title"/><meta content="A tactile home-services website prebuild for flooring and interiors, with project galleries, material details, process storytelling, reviews, and estimate requests." name="twitter:description"/><meta content="https://example.com/assets/generated/social-card.webp" name="twitter:image"/><script data-agentsam-seo="theme-remaster" type="application/ld+json">{"@context": "https://schema.org", "@type": "WebSite", "name": "Grove Surface Co.", "description": "A tactile home-services website prebuild for flooring and interiors, with project galleries, material details, process storytelling, reviews, and estimate requests.", "url": "https://example.com/pages/gallery.html", "isPartOf": {"@type": "CreativeWork", "name": "Grove AgentSam Prebuild"}}</script></head>
+<body>
+<nav class="navbar" id="navbar">
+<div class="nav-container">
+<a class="logo" href="/">
+<img alt="Grove Surface and More" onerror="this.onerror=null;this.src='/assets/generated/media-31107c21f2.webp';" src="/assets/generated/theme-mark.svg"/>
+</a>
+<button aria-label="Menu" class="mobile-toggle" id="mobile-toggle">
+<span class="hamburger"></span>
+<span class="hamburger"></span>
+<span class="hamburger"></span>
+</button>
+<ul class="nav-menu" id="nav-menu">
+<li><a class="nav-link" href="/">Home</a></li>
+<li><a class="nav-link" href="./services">Services</a></li>
+<li><a class="nav-link" href="./process">Process</a></li>
+<li><a class="nav-link active" href="./gallery">Gallery</a></li>
+<li><a class="nav-link" href="./contact">Contact</a></li>
+<li><a class="nav-cta" href="./contact">Get Estimate</a></li>
+</ul>
+</div>
+</nav>
+<section class="page-header">
+<h1>Our Work</h1>
+<p>Photos from our projects. Images are loaded from your R2 bucket (<code>cms/</code>). Upload via the dashboard or R2 to add more.</p>
+</section>
+<section class="gallery-section">
+<div class="gallery-grid" id="r2-gallery">
+<p class="gallery-loading" id="gallery-loading">Loading gallery…</p>
+</div>
+</section>
+<link href="../shared/footer.css" rel="stylesheet"/>
+<script>
+        fetch('/shared/footer.html').then(function (r) { return r.text(); }).then(function (html) {
+            document.body.insertAdjacentHTML('beforeend', html);
+        });
+    </script>
+<script>
+        (function () {
+            var container = document.getElementById('r2-gallery');
+            var loading = document.getElementById('gallery-loading');
+            if (!container) return;
+            fetch('/api/cms/media')
+                .then(function (r) { return r.json(); })
+                .then(function (data) {
+                    if (loading) loading.remove();
+                    if (!data.files || data.files.length === 0) {
+                        container.innerHTML = '<p class="gallery-empty">No images in your R2 gallery yet. Upload images to the <code>cms/</code> folder in your R2 bucket (or via your CMS) to see them here.</p>';
+                        return;
+                    }
+                    container.innerHTML = '';
+                    data.files.forEach(function (file) {
+                        var div = document.createElement('div');
+                        div.className = 'gallery-item';
+                        var img = document.createElement('img');
+                        img.src = file.url;
+                        img.alt = file.title || file.name || 'Project photo';
+                        img.loading = 'lazy';
+                        img.onerror = function () { this.parentElement.style.background = '#e0e0e0'; };
+                        div.appendChild(img);
+                        container.appendChild(div);
+                    });
+                })
+                .catch(function () {
+                    if (loading) loading.textContent = 'Could not load gallery. Upload images to R2 (cms/) to showcase your work.';
+                });
+        })();
+
+        var mobileToggle = document.getElementById('mobile-toggle');
+        var navMenu = document.getElementById('nav-menu');
+        if (mobileToggle && navMenu) {
+            mobileToggle.addEventListener('click', function () {
+                navMenu.classList.toggle('active');
+            });
+            document.querySelectorAll('.nav-link').forEach(function (link) {
+                link.addEventListener('click', function () {
+                    navMenu.classList.remove('active');
+                });
+            });
+        }
+    </script>
+</body>
+</html>

package/packages/theme-grove/site/pages/privacy.html

@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<title>Privacy Policy — Grove</title>
+<meta content="A tactile home-services website prebuild for flooring and interiors, with project galleries, material details, process storytelling, reviews, and estimate requests." name="description"/>
+<!-- Fonts -->
+<link href="https://fonts.googleapis.com" rel="preconnect"/>
+<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
+<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=DM+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
+<style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        :root {
+            --primary-green: #3a5a4d;
+            --primary-green-dark: #2d4639;
+            --sand-medium: #c4b59a;
+            --gold: #c9a961;
+            --white: #ffffff;
+            --warm-gray: #4a4a4a;
+            --cream: #f5f3ef;
+        }
+
+        body {
+            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
+            background: var(--cream);
+            color: var(--warm-gray);
+            line-height: 1.6;
+        }
+
+        .container {
+            max-width: 900px;
+            margin: 0 auto;
+            padding: 2rem;
+            background: var(--white);
+            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+            margin-top: 2rem;
+            margin-bottom: 2rem;
+            border-radius: 12px;
+        }
+
+        h1 {
+            font-family: 'Space Grotesk', sans-serif;
+            color: var(--primary-green-dark);
+            font-size: 2.5rem;
+            margin-bottom: 1rem;
+        }
+
+        h2 {
+            font-family: 'Space Grotesk', sans-serif;
+            color: var(--primary-green-dark);
+            font-size: 1.5rem;
+            margin-top: 2rem;
+            margin-bottom: 1rem;
+        }
+
+        p {
+            margin-bottom: 1rem;
+        }
+
+        ul {
+            margin-left: 2rem;
+            margin-bottom: 1rem;
+        }
+
+        li {
+            margin-bottom: 0.5rem;
+        }
+
+        .last-updated {
+            color: var(--warm-gray);
+            font-style: italic;
+            margin-bottom: 2rem;
+        }
+
+        a {
+            color: var(--primary-green);
+            text-decoration: none;
+        }
+
+        a:hover {
+            text-decoration: underline;
+        }
+    </style>
+<link href="https://example.com/pages/privacy.html" rel="canonical"/><meta content="index,follow,max-image-preview:large" name="robots"/><meta content="#182018" name="theme-color"/><meta content="website" property="og:type"/><meta content="Privacy Policy — Grove" property="og:title"/><meta content="A tactile home-services website prebuild for flooring and interiors, with project galleries, material details, process storytelling, reviews, and estimate requests." property="og:description"/><meta content="https://example.com/pages/privacy.html" property="og:url"/><meta content="https://example.com/assets/generated/social-card.webp" property="og:image"/><meta content="summary_large_image" name="twitter:card"/><meta content="Privacy Policy — Grove" name="twitter:title"/><meta content="A tactile home-services website prebuild for flooring and interiors, with project galleries, material details, process storytelling, reviews, and estimate requests." name="twitter:description"/><meta content="https://example.com/assets/generated/social-card.webp" name="twitter:image"/><script data-agentsam-seo="theme-remaster" type="application/ld+json">{"@context": "https://schema.org", "@type": "WebSite", "name": "Grove Surface Co.", "description": "A tactile home-services website prebuild for flooring and interiors, with project galleries, material details, process storytelling, reviews, and estimate requests.", "url": "https://example.com/pages/privacy.html", "isPartOf": {"@type": "CreativeWork", "name": "Grove AgentSam Prebuild"}}</script></head>
+<body>
+<div class="container">
+<h1>Privacy Policy</h1>
+<p class="last-updated">Last Updated: January 28, 2025</p>
+<h2>1. Information We Collect</h2>
+<p>We collect information that you provide directly to us, including:</p>
+<ul>
+<li>Name, email address, and phone number when you contact us or request a quote</li>
+<li>Project details and preferences when you submit a project inquiry</li>
+<li>Account information if you create a dashboard account</li>
+<li>Google account information (with your permission) when connecting Google services (YouTube, Drive,
+                Gemini AI)</li>
+</ul>
+<h2>2. How We Use Your Information</h2>
+<p>We use the information we collect to:</p>
+<ul>
+<li>Respond to your inquiries and provide customer service</li>
+<li>Process and manage your project requests</li>
+<li>Send you project updates and communications (with your consent)</li>
+<li>Provide access to our dashboard and project management tools</li>
+<li>Enable Google service integrations (YouTube, Drive, Gemini AI) when you connect your account</li>
+<li>Improve our services and website experience</li>
+</ul>
+<h2>3. Google OAuth Data</h2>
+<p>When you connect your Google account to use YouTube, Google Drive, or Gemini AI features:</p>
+<ul>
+<li>We request only the minimum permissions necessary for each service</li>
+<li>Your Google account data is stored securely and used only for the features you enable</li>
+<li>You can disconnect your Google account at any time from your dashboard settings</li>
+<li>We do not share your Google account data with third parties</li>
+</ul>
+<h2>4. Data Storage and Security</h2>
+<p>We implement appropriate technical and organizational measures to protect your personal information:</p>
+<ul>
+<li>Data is stored securely using Cloudflare's infrastructure</li>
+<li>Passwords are hashed and never stored in plain text</li>
+<li>OAuth tokens are encrypted and stored securely</li>
+<li>We use HTTPS encryption for all data transmission</li>
+</ul>
+<h2>5. Your Rights</h2>
+<p>You have the right to:</p>
+<ul>
+<li>Access your personal information</li>
+<li>Correct inaccurate information</li>
+<li>Request deletion of your account and data</li>
+<li>Disconnect Google service integrations</li>
+<li>Opt-out of marketing communications</li>
+</ul>
+<h2>6. Cookies and Tracking</h2>
+<p>We use cookies and similar technologies to:</p>
+<ul>
+<li>Maintain your login session</li>
+<li>Remember your preferences</li>
+<li>Analyze website usage</li>
+</ul>
+<p>You can control cookies through your browser settings.</p>
+<h2>7. Third-Party Services</h2>
+<p>We use the following third-party services:</p>
+<ul>
+<li><strong>Cloudflare</strong> - Hosting and infrastructure</li>
+<li><strong>Google APIs</strong> - YouTube, Drive, Gemini AI (when you connect your account)</li>
+<li><strong>Resend</strong> - Email delivery</li>
+</ul>
+<p>These services have their own privacy policies governing data handling.</p>
+<h2>8. Children's Privacy</h2>
+<p>Our services are not directed to individuals under 18. We do not knowingly collect personal information from
+            children.</p>
+<h2>9. Changes to This Policy</h2>
+<p>We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new
+            policy on this page and updating the "Last Updated" date.</p>
+<h2>10. Contact Us</h2>
+<p>If you have questions about this Privacy Policy, please contact us:</p>
+<ul>
+<li>Email: <a href="mailto:hello@grove.example">hello@grove.example</a></li>
+<li>Phone: <a href="tel:202-555-0100">202-555-0100</a></li>
+<li>Address: River Parish, LA</li>
+</ul>
+</div>
+<!-- Include unified footer -->
+<link href="../shared/footer.css" rel="stylesheet"/>
+<script>
+        fetch('/shared/footer.html')
+            .then(response => response.text())
+            .then(html => {
+                document.body.insertAdjacentHTML('beforeend', html);
+            });
+    </script>
+</body>
+</html>