Restore to commit 74e578279624c6045ca440a3459ebfa1f8d54191
This commit is contained in:
514
chat/public/terms.html
Normal file
514
chat/public/terms.html
Normal file
@@ -0,0 +1,514 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="scroll-smooth">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Terms of Service | Plugin Compass</title>
|
||||
<link rel="icon" type="image/png" href="/assets/Plugin.png">
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
||||
}
|
||||
|
||||
.hero-gradient {
|
||||
background: linear-gradient(135deg, #004225, #006b3d);
|
||||
}
|
||||
|
||||
.glass-nav {
|
||||
background: rgba(251, 246, 239, 0.9);
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
border-bottom: 1px solid rgba(0, 66, 37, 0.1);
|
||||
}
|
||||
</style>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- PostHog Analytics -->
|
||||
<script src="/posthog.js"></script>
|
||||
</head>
|
||||
|
||||
<body class="bg-amber-50 text-gray-900 antialiased">
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="fixed w-full z-50 glass-nav transition-all duration-300" id="navbar">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex justify-between items-center h-20">
|
||||
<!-- Logo -->
|
||||
<a href="/" class="flex-shrink-0 flex items-center gap-2 cursor-pointer">
|
||||
<img src="/assets/Plugin.png" alt="Plugin Compass" class="w-8 h-8">
|
||||
<span class="font-bold text-xl tracking-tight text-gray-800">Plugin<span
|
||||
class="text-green-700">Compass</span></span>
|
||||
</a>
|
||||
|
||||
<!-- Desktop Menu -->
|
||||
<div class="hidden md:flex items-center space-x-8">
|
||||
<a href="/features"
|
||||
class="text-gray-700 hover:text-gray-900 transition-colors text-sm font-medium">Features</a>
|
||||
<a href="/pricing"
|
||||
class="text-gray-700 hover:text-gray-900 transition-colors text-sm font-medium">Pricing</a>
|
||||
<a href="/docs"
|
||||
class="text-gray-700 hover:text-gray-900 transition-colors text-sm font-medium">Docs</a>
|
||||
<a href="/faq"
|
||||
class="text-gray-700 hover:text-gray-900 transition-colors text-sm font-medium">FAQ</a>
|
||||
</div>
|
||||
|
||||
<!-- CTA Buttons -->
|
||||
<div class="hidden md:flex items-center gap-4">
|
||||
<a href="/login"
|
||||
class="text-gray-700 hover:text-gray-900 font-medium text-sm transition-colors">Sign In</a>
|
||||
<a href="/signup"
|
||||
class="bg-green-700 hover:bg-green-600 text-white px-5 py-2.5 rounded-full font-medium text-sm transition-all shadow-lg shadow-green-700/20 hover:shadow-green-700/40 transform hover:-translate-y-0.5">
|
||||
Get Started
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Button -->
|
||||
<div class="md:hidden flex items-center">
|
||||
<button id="mobile-menu-btn" class="text-gray-700 hover:text-gray-900 focus:outline-none">
|
||||
<i class="fa-solid fa-bars text-xl"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Panel -->
|
||||
<div id="mobile-menu" class="hidden md:hidden bg-amber-50 border-b border-amber-200">
|
||||
<div class="px-4 pt-2 pb-6 space-y-1">
|
||||
<a href="/features"
|
||||
class="block px-3 py-3 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-amber-100 rounded-md">Features</a>
|
||||
<a href="/pricing"
|
||||
class="block px-3 py-3 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-amber-100 rounded-md">Pricing</a>
|
||||
<a href="/docs"
|
||||
class="block px-3 py-3 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-amber-100 rounded-md">Docs</a>
|
||||
<a href="/faq"
|
||||
class="block px-3 py-3 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-amber-100 rounded-md">FAQ</a>
|
||||
<div class="pt-4 flex flex-col gap-3">
|
||||
<a href="/login" class="w-full text-center py-2 text-gray-700 font-medium">Sign In</a>
|
||||
<a href="/signup" class="w-full bg-green-700 text-white text-center py-3 rounded-lg font-medium">Get
|
||||
Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header class="hero-gradient text-white pt-32 pb-12">
|
||||
<div class="max-w-6xl mx-auto px-4">
|
||||
<h1 class="text-5xl font-bold mb-4">Terms of Service</h1>
|
||||
<p class="text-xl text-green-50 max-w-3xl">Please read these terms carefully before using our AI-powered
|
||||
Wordpress Plugin building service.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="max-w-6xl mx-auto px-4 py-16">
|
||||
<div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-8 md:p-12 space-y-8">
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">1. Acceptance of Terms</h2>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
By accessing or using Plugin Compass, you agree to be bound by these Terms of Service ("Terms"). If
|
||||
you disagree with any part of the terms, you may not access the Service.
|
||||
</p>
|
||||
<p class="text-gray-700 leading-relaxed mt-3">
|
||||
These Terms apply to all visitors, users, and others who wish to access or use the Service.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">2. Description of Service</h2>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
Plugin Compass is an AI-powered platform that enables users to build custom Wordpress plugins. Our
|
||||
Service includes AI-assisted code generation, workspace management, and app deployment tools
|
||||
specifically designed for the Wordpress ecosystem.
|
||||
</p>
|
||||
<ul class="list-disc list-inside space-y-2 text-gray-700 mt-3">
|
||||
<li>Users can generate code using natural language prompts</li>
|
||||
<li>All generated code is owned by the user upon creation</li>
|
||||
<li>We provide hosting for the development environment only</li>
|
||||
<li>Users are responsible for deploying and maintaining their own apps</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">3. User Accounts</h2>
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3">Registration</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
You must provide accurate and complete information when creating an account. You are responsible for
|
||||
maintaining the confidentiality of your account and password.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Account Security</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
You agree to notify us immediately of any unauthorized access to or use of your account. We are not
|
||||
liable for any loss or damage arising from your failure to protect your account.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Account Termination</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
We reserve the right to suspend or terminate your account if you violate these Terms or engage in
|
||||
behavior that harms other users or the Service.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">4. User Content and Ownership</h2>
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3">Your Content</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
You retain all ownership rights to the code, apps, and content you generate using our Service ("User
|
||||
Content"). We do not claim any ownership interest in your User Content.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">License to Plugin Compass</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
By using the Service, you grant us a limited, non-exclusive, worldwide license to store, process,
|
||||
and display your User Content solely for the purpose of providing the Service to you.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Code Quality and Liability</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
<strong>Important:</strong> AI-generated Wordpress Plugin code may contain errors, security
|
||||
vulnerabilities, or inefficiencies. You are solely responsible for:
|
||||
</p>
|
||||
<ul class="list-disc list-inside space-y-2 text-gray-700 mt-2">
|
||||
<li>Reviewing, testing, and validating all generated code</li>
|
||||
<li>Ensuring code meets Wordpress's security and quality standards</li>
|
||||
<li>Complying with Wordpress's API terms and developer policies</li>
|
||||
<li>Obtaining necessary third-party licenses for dependencies</li>
|
||||
<li>Following Wordpress plugin store guidelines if publishing your plugin</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">5. Acceptable Use</h2>
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3">Prohibited Activities</h3>
|
||||
<p class="text-gray-700 leading-relaxed">You agree not to:</p>
|
||||
<ul class="list-disc list-inside space-y-2 text-gray-700">
|
||||
<li>Use the Service for any illegal purpose or in violation of any local, state, national, or
|
||||
international law</li>
|
||||
<li>Generate or distribute malware, viruses, or harmful code for Wordpress Plugin</li>
|
||||
<li>Attempt to reverse engineer, decompile, or hack the Service</li>
|
||||
<li>Use the Service to generate spam, phishing, or fraudulent content</li>
|
||||
<li>Create Shopify apps that violate Wordpress's terms of service or policies</li>
|
||||
<li>Impersonate any person or entity or misrepresent your affiliation with any entity</li>
|
||||
<li>Interfere with or disrupt the integrity or performance of the Service</li>
|
||||
<li>Use AI models in ways that violate their terms of service or usage policies</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">6. Payments and Subscriptions</h2>
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3">Paid Plans</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
We offer paid subscription plans with various features and usage limits. By subscribing to a paid
|
||||
plan, you agree to pay all applicable fees.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Billing and Cancellation</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
<strong>Billing Cycle:</strong> Paid subscriptions are billed in advance on a monthly or annual
|
||||
basis, depending on your selection.
|
||||
</p>
|
||||
<p class="text-gray-700 leading-relaxed mt-2">
|
||||
<strong>Cancellation:</strong> You may cancel your subscription at any time. You will continue to
|
||||
have access to paid features until the end of your current billing period.
|
||||
</p>
|
||||
<p class="text-gray-700 leading-relaxed mt-2">
|
||||
<strong>No Refunds:</strong> Except as required by law or as otherwise stated, payments are
|
||||
non-refundable.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Plan Changes</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
You can change your plan at any time. When upgrading, new features are available immediately. When
|
||||
downgrading, changes take effect at your next billing cycle.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">7. AI Model Usage</h2>
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3">Third-Party AI Providers</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
Our Service utilizes AI models from third-party providers such as OpenRouter and Anthropic. Your
|
||||
prompts and generated content are processed according to these providers' terms of service and
|
||||
privacy policies.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Usage Limits</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
Your subscription plan includes specific usage limits for AI credits and API calls. Usage beyond
|
||||
these limits may require additional payment or plan upgrades.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">8. Intellectual Property</h2>
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3">Plugin Compass Intellectual Property</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
The Service and its original content, features, and functionality are owned by Plugin Compass and
|
||||
are protected by international copyright, trademark, patent, trade secret, and other intellectual
|
||||
property laws.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Trademarks</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
Plugin Compass and related marks are trademarks of Plugin Compass. You may not use these trademarks
|
||||
without our prior written permission.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">9. Disclaimer of Warranties</h2>
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3">"As Is" Basis</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
THE SERVICE IS PROVIDED ON AN "AS IS" AND "AS AVAILABLE" BASIS, WITHOUT WARRANTIES OF ANY KIND,
|
||||
EITHER EXPRESS OR IMPLIED, INCLUDING, WITHOUT LIMITATION, IMPLIED WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE, OR NON-INFRINGEMENT.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">AI-Generated Content</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
We do not warrant that AI-generated code will be error-free, secure, or suitable for your intended
|
||||
purpose. You assume all risk associated with the use of generated code.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Service Availability</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
We do not warrant that the Service will be uninterrupted, timely, secure, or error-free. We may
|
||||
suspend or discontinue any part of the Service at any time without notice.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">10. Limitation of Liability</h2>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
TO THE FULLEST EXTENT PERMITTED BY APPLICABLE LAW, PLUGIN COMPASS AND ITS AFFILIATES, OFFICERS,
|
||||
EMPLOYEES, AGENTS, SUPPLIERS, OR LICENSORS SHALL NOT BE LIABLE FOR ANY INDIRECT, INCIDENTAL,
|
||||
SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, INCLUDING WITHOUT LIMITATION, LOSS OF PROFITS, DATA,
|
||||
USE, GOODWILL, OR OTHER INTANGIBLE LOSSES, RESULTING FROM:
|
||||
</p>
|
||||
<ul class="list-disc list-inside space-y-2 text-gray-700 mt-3">
|
||||
<li>YOUR ACCESS TO OR USE OF OR INABILITY TO ACCESS OR USE THE SERVICE</li>
|
||||
<li>ANY CONDUCT OR CONTENT OF ANY THIRD PARTY ON THE SERVICE</li>
|
||||
<li>ANY CONTENT OBTAINED FROM THE SERVICE</li>
|
||||
<li>UNAUTHORIZED ACCESS, USE, OR ALTERATION OF YOUR TRANSMISSIONS OR CONTENT</li>
|
||||
<li>ERRORS, VULNERABILITIES, OR FAILURES IN AI-GENERATED CODE</li>
|
||||
</ul>
|
||||
<p class="text-gray-700 leading-relaxed mt-4">
|
||||
IN NO EVENT SHALL OUR AGGREGATE LIABILITY EXCEED THE GREATER OF (A) THE AMOUNT YOU PAID FOR THE
|
||||
SERVICE IN THE PREVIOUS THREE MONTHS, OR (B) $100.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">11. Indemnification</h2>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
You agree to indemnify, defend, and hold harmless Shopify AI App Builder and its affiliates,
|
||||
officers, directors, employees, and agents from and against any claims, liabilities, damages,
|
||||
judgments, awards, losses, costs, expenses, or fees arising out of or relating to:
|
||||
</p>
|
||||
<ul class="list-disc list-inside space-y-2 text-gray-700 mt-3">
|
||||
<li>Your use of the Service</li>
|
||||
<li>Your User Content</li>
|
||||
<li>Your violation of these Terms</li>
|
||||
<li>Your violation of any third-party rights, including intellectual property rights</li>
|
||||
<li>Your use of AI-generated code in production environments</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">12. Governing Law and Dispute Resolution</h2>
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3">Governing Law</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
These Terms shall be governed by and construed in accordance with the laws of the State of
|
||||
California, without regard to its conflict of law provisions.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Arbitration</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
Any dispute arising from or relating to these Terms or the Service shall be resolved through binding
|
||||
arbitration in San Francisco, California, in accordance with the rules of the American Arbitration
|
||||
Association.
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-semibold text-gray-900 mb-3 mt-4">Class Action Waiver</h3>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
You agree that any arbitration or proceeding shall be limited to the dispute between us and you
|
||||
individually. You acknowledge and agree that you waive your right to participate as a class
|
||||
representative or class member in any class action lawsuit.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">13. Modifications to Terms</h2>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
We reserve the right to modify these Terms at any time. We will provide notice of material changes
|
||||
through the Service or by email. Your continued use of the Service after changes become effective
|
||||
constitutes your acceptance of the modified Terms.
|
||||
</p>
|
||||
<p class="text-sm text-gray-600 mt-2">
|
||||
Last updated: January 1, 2026
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="text-2xl font-bold text-gray-900 mb-4">14. Contact Information</h2>
|
||||
<p class="text-gray-700 leading-relaxed">
|
||||
If you have questions about these Terms, please contact us:
|
||||
</p>
|
||||
<div class="mt-4 space-y-1 text-gray-700">
|
||||
<p><strong>Email:</strong> info@plugincompass.com</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- CTA Footer -->
|
||||
<section class="py-24 bg-amber-50">
|
||||
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-4xl font-bold mb-8 text-gray-900">Build Your Custom Plugin Today</h2>
|
||||
<p class="text-xl text-gray-700 mb-10">Start building WordPress plugins that fit your exact needs. No coding
|
||||
experience required.</p>
|
||||
<a href="/signup"
|
||||
class="inline-flex items-center justify-center px-8 py-4 bg-green-700 text-white rounded-full font-bold hover:bg-green-600 transition-all shadow-xl shadow-green-700/20">
|
||||
Get Started Free <i class="fa-solid fa-arrow-right ml-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="bg-white border-t border-green-200 pt-16 pb-8">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="grid grid-cols-2 lg:grid-cols-5 gap-12 mb-16">
|
||||
<div class="col-span-2 lg:col-span-1">
|
||||
<div class="flex items-center gap-2 mb-6">
|
||||
<img src="/assets/Plugin.png" alt="Plugin Compass" class="w-8 h-8">
|
||||
<span class="font-bold text-xl tracking-tight text-gray-800">Plugin<span
|
||||
class="text-green-700">Compass</span></span>
|
||||
</div>
|
||||
<p class="text-gray-600 text-sm leading-relaxed">
|
||||
The smart way for WordPress site owners to replace expensive plugin subscriptions with custom
|
||||
solutions. Save thousands monthly.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-gray-900 mb-6">Product</h4>
|
||||
<ul class="space-y-4 text-sm">
|
||||
<li><a href="/features" class="text-gray-600 hover:text-green-700">Features</a></li>
|
||||
<li><a href="/pricing" class="text-gray-600 hover:text-green-700">Pricing</a></li>
|
||||
<li><a href="/templates.html" class="text-gray-600 hover:text-green-700">Templates</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-gray-900 mb-6">Resources</h4>
|
||||
<ul class="space-y-4 text-sm">
|
||||
<li><a href="/docs" class="text-gray-600 hover:text-green-700">Documentation</a></li>
|
||||
<li><a href="/faq" class="text-gray-600 hover:text-green-700">FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-gray-900 mb-6">Legal</h4>
|
||||
<ul class="space-y-4 text-sm">
|
||||
<li><a href="/privacy.html" class="text-gray-600 hover:text-green-700">Privacy Policy</a></li>
|
||||
<li><a href="/terms" class="text-gray-600 hover:text-green-700">Terms of Service</a></li>
|
||||
<li><a href="/contact" class="text-gray-600 hover:text-green-700">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-span-2 lg:col-span-1">
|
||||
<h4 class="font-bold text-gray-900 mb-6">Stay Updated</h4>
|
||||
<p class="text-gray-600 text-sm mb-4">Get the latest updates and WordPress tips.</p>
|
||||
<form id="footer-signup-form" class="flex flex-col gap-2">
|
||||
<input type="email" name="email" placeholder="Your email" required
|
||||
class="px-4 py-2 border border-green-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-700/20 text-sm">
|
||||
<button type="submit"
|
||||
class="bg-green-700 hover:bg-green-600 text-white px-4 py-2 rounded-lg font-medium text-sm transition-colors shadow-lg shadow-green-700/10">
|
||||
Subscribe
|
||||
</button>
|
||||
</form>
|
||||
<div id="signup-message" class="mt-2 text-xs hidden"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-t border-gray-100 pt-8 flex justify-center">
|
||||
<p class="text-gray-500 text-xs text-center">© 2026 Plugin Compass. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
|
||||
const mobileMenu = document.getElementById('mobile-menu');
|
||||
|
||||
if (mobileMenuBtn && mobileMenu) {
|
||||
mobileMenuBtn.addEventListener('click', () => {
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
});
|
||||
}
|
||||
|
||||
// Navbar scroll effect
|
||||
window.addEventListener('scroll', () => {
|
||||
const navbar = document.getElementById('navbar');
|
||||
if (!navbar) return;
|
||||
if (window.scrollY > 20) {
|
||||
navbar.classList.add('shadow-md', 'h-16');
|
||||
navbar.classList.remove('h-20');
|
||||
} else {
|
||||
navbar.classList.remove('shadow-md', 'h-16');
|
||||
navbar.classList.add('h-20');
|
||||
}
|
||||
});
|
||||
|
||||
// Email Signup Form Handler
|
||||
const signupForm = document.getElementById('footer-signup-form');
|
||||
const signupMessage = document.getElementById('signup-message');
|
||||
|
||||
if (signupForm) {
|
||||
signupForm.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
const email = signupForm.querySelector('input[name="email"]').value;
|
||||
const button = signupForm.querySelector('button');
|
||||
|
||||
button.disabled = true;
|
||||
button.textContent = 'Subscribing...';
|
||||
|
||||
try {
|
||||
const response = await fetch('https://emailmarketing.modelrailway3d.co.uk/api/webhooks/incoming/wh_0Z49zi_DGj4-lKJMOPO8-g', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: email,
|
||||
source: 'plugin_compass_footer',
|
||||
timestamp: new Date().toISOString()
|
||||
})
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
signupMessage.textContent = 'Successfully subscribed!';
|
||||
signupMessage.className = 'mt-2 text-xs text-green-600';
|
||||
signupForm.reset();
|
||||
} else {
|
||||
throw new Error('Failed to subscribe');
|
||||
}
|
||||
} catch (error) {
|
||||
signupMessage.textContent = 'Failed to subscribe. Please try again.';
|
||||
signupMessage.className = 'mt-2 text-xs text-red-600';
|
||||
} finally {
|
||||
signupMessage.classList.remove('hidden');
|
||||
button.disabled = false;
|
||||
button.textContent = 'Subscribe';
|
||||
|
||||
setTimeout(() => {
|
||||
signupMessage.classList.add('hidden');
|
||||
}, 5000);
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user