Terms page

.claude/settings.local.json

@@ -31,5 +31,9 @@
     ],
     "deny": [],
     "ask": []
-  }
+  },
+  "enabledMcpjsonServers": [
+    "firecrawl",
+    "apify"
+  ]
 }

src/app/(main)/(marketing)/terms/page.tsx

@@ -0,0 +1,147 @@
+import React from 'react';
+import Link from 'next/link';
+import { ObfuscatedMailto } from '@/components/ui/ObfuscatedMailto';
+
+export const metadata = {
+  title: 'Terms of Service | QR Master',
+  description: 'Read the QR Master Terms of Service to understand the rules, rights, and responsibilities that apply when you use our QR code platform.',
+  openGraph: {
+    title: 'Terms of Service | QR Master',
+    description: 'Read the QR Master Terms of Service to understand the rules, rights, and responsibilities that apply when you use our QR code platform.',
+    url: 'https://www.qrmaster.net/terms',
+    type: 'website',
+    images: ['/og-image.png'],
+  },
+};
+
+export default function TermsPage() {
+  return (
+    <div className="min-h-screen bg-white py-12">
+      <div className="container mx-auto px-4 sm:px-6 lg:px-8 max-w-4xl">
+        <div className="mb-8">
+          <Link href="/" className="text-primary-600 hover:text-primary-700 font-medium">
+            ← Back to Home
+          </Link>
+        </div>
+
+        <h1 className="text-4xl font-bold text-gray-900 mb-4">Terms of Service</h1>
+        <p className="text-gray-600 mb-8">Last updated: July 2026</p>
+
+        <div className="prose prose-lg max-w-none">
+          <section className="mb-8">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4">1. Acceptance of Terms</h2>
+            <p className="text-gray-700 mb-4">
+              Welcome to QR Master ("we," "our," or "us"). By accessing or using our website and services, you agree to be
+              bound by these Terms of Service. If you do not agree to these terms, please do not use our services.
+            </p>
+          </section>
+
+          <section className="mb-8">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4">2. Description of Service</h2>
+            <p className="text-gray-700 mb-4">
+              QR Master provides a platform for creating and managing static and dynamic QR codes, including scan
+              analytics, customization tools, and bulk creation features. We may add, change, or remove features at any
+              time.
+            </p>
+          </section>
+
+          <section className="mb-8">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4">3. Accounts</h2>
+            <ul className="list-disc pl-6 mb-4 text-gray-700 space-y-2">
+              <li>You are responsible for maintaining the confidentiality of your account credentials and for all activity under your account.</li>
+              <li>You must be at least 16 years old to use our services.</li>
+              <li>You must provide accurate account information and keep it up to date.</li>
+              <li>You may delete your account at any time from your account settings.</li>
+            </ul>
+          </section>
+
+          <section className="mb-8">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4">4. Subscriptions &amp; Payments</h2>
+            <p className="text-gray-700 mb-4">
+              QR Master offers FREE, PRO, and BUSINESS subscription plans. Paid subscriptions are billed through Stripe
+              and renew automatically until cancelled. You can manage or cancel your subscription at any time through
+              the customer billing portal in your account settings.
+            </p>
+            <p className="text-gray-700 mb-4">
+              Fees are non-refundable except where required by applicable law. Downgrading or cancelling a plan may
+              affect the availability of dynamic QR codes and other paid features.
+            </p>
+          </section>
+
+          <section className="mb-8">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4">5. Acceptable Use</h2>
+            <p className="text-gray-700 mb-4">You agree not to use QR Master to:</p>
+            <ul className="list-disc pl-6 mb-4 text-gray-700 space-y-2">
+              <li>Create or distribute QR codes linking to illegal, fraudulent, or harmful content</li>
+              <li>Spam, phish, or mislead scanners about the destination of a QR code</li>
+              <li>Attempt to circumvent rate limits, security measures, or plan restrictions</li>
+              <li>Interfere with or disrupt the integrity or performance of our services</li>
+              <li>Reverse engineer or resell access to our services without authorization</li>
+            </ul>
+            <p className="text-gray-700 mb-4">
+              We reserve the right to disable QR codes or accounts that violate this policy.
+            </p>
+          </section>
+
+          <section className="mb-8">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4">6. Intellectual Property</h2>
+            <p className="text-gray-700 mb-4">
+              QR Master and its original content, features, and functionality are owned by us and are protected by
+              copyright, trademark, and other intellectual property laws. You retain all rights to the content and
+              destinations you associate with your own QR codes.
+            </p>
+          </section>
+
+          <section className="mb-8">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4">7. Termination</h2>
+            <p className="text-gray-700 mb-4">
+              We may suspend or terminate your access to QR Master at any time if you violate these terms or misuse our
+              services. You may stop using our services and delete your account at any time.
+            </p>
+          </section>
+
+          <section className="mb-8">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4">8. Disclaimers &amp; Limitation of Liability</h2>
+            <p className="text-gray-700 mb-4">
+              Our services are provided "as is" and "as available" without warranties of any kind. We do not control
+              and are not responsible for the content that a QR code links to once you set its destination. To the
+              maximum extent permitted by law, QR Master shall not be liable for any indirect, incidental, or
+              consequential damages arising from your use of the services.
+            </p>
+          </section>
+
+          <section className="mb-8">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4">9. Changes to These Terms</h2>
+            <p className="text-gray-700 mb-4">
+              We may update these Terms of Service from time to time. We will update the "Last updated" date above when
+              changes are made. Continued use of our services after changes take effect constitutes acceptance of the
+              revised terms.
+            </p>
+          </section>
+
+          <section className="mb-8">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4">10. Contact Us</h2>
+            <p className="text-gray-700 mb-4">
+              If you have questions about these Terms of Service, please contact us:
+            </p>
+            <div className="bg-gray-50 p-6 rounded-lg">
+              <p className="text-gray-700 mb-2">
+                <strong>Email:</strong>{' '}
+                <ObfuscatedMailto email="support@qrmaster.net" className="text-primary-600 hover:text-primary-700" />
+              </p>
+              <p className="text-gray-700 mb-2"><strong>Website:</strong> <a href="/" className="text-primary-600 hover:text-primary-700">qrmaster.net</a></p>
+            </div>
+          </section>
+        </div>
+
+        <div className="mt-12 pt-8 border-t border-gray-200">
+          <p className="text-gray-600 text-center">
+            <Link href="/" className="text-primary-600 hover:text-primary-700">
+              Back to Home
+            </Link>
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}

src/components/ui/Footer.tsx

@@ -18,27 +18,27 @@ export function Footer({ variant = 'marketing', t }: FooterProps) {
     <footer className={`${isDashboard ? 'bg-gray-50 text-gray-600 border-t border-gray-200 mt-12' : 'bg-gray-900 text-white mt-20'} py-12`}>
       <div className="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl">
         <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8">
-          <div>
+          <div>
-            <Link href="/" className="flex items-center space-x-2 mb-4 hover:opacity-80 transition-opacity">
+            <Link href="/" className="flex items-center space-x-2 mb-4 hover:opacity-80 transition-opacity">
-              <img src="/logo.svg" alt="" className="w-[68px] h-[68px] rounded-lg object-cover" />
+              <img src="/logo.svg" alt="" className="w-[68px] h-[68px] rounded-lg object-cover" />
-              <span className={`text-xl font-bold ${isDashboard ? 'text-gray-900' : ''}`}>QR Master</span>
+              <span className={`text-xl font-bold ${isDashboard ? 'text-gray-900' : ''}`}>QR Master</span>
-            </Link>
+            </Link>
             <p className={isDashboard ? 'text-gray-500' : 'text-gray-400'}>
               {translations.tagline}
             </p>
-            {!isDashboard && (
+            {!isDashboard && (
-              <div className="flex space-x-4 mt-6">
+              <div className="flex space-x-4 mt-6">
-                <a href="https://www.linkedin.com/in/qr-master-44b6863a2/" target="_blank" rel="noopener noreferrer" aria-label="QR Master on LinkedIn" className="text-gray-400 hover:text-white transition-colors">
+                <a href="https://www.linkedin.com/in/qr-master-44b6863a2/" target="_blank" rel="noopener noreferrer" aria-label="QR Master on LinkedIn" className="text-gray-400 hover:text-white transition-colors">
-                  <Linkedin className="w-5 h-5" aria-hidden="true" focusable="false" />
+                  <Linkedin className="w-5 h-5" aria-hidden="true" focusable="false" />
-                </a>
+                </a>
-                <a href="https://x.com/TIMO_QRMASTER" target="_blank" rel="noopener noreferrer" aria-label="QR Master on X" className="text-gray-400 hover:text-white transition-colors">
+                <a href="https://x.com/TIMO_QRMASTER" target="_blank" rel="noopener noreferrer" aria-label="QR Master on X" className="text-gray-400 hover:text-white transition-colors">
-                  <Twitter className="w-5 h-5" aria-hidden="true" focusable="false" />
+                  <Twitter className="w-5 h-5" aria-hidden="true" focusable="false" />
-                </a>
+                </a>
-                <a href="https://www.instagram.com/qrmaster_net/" target="_blank" rel="noopener noreferrer" aria-label="QR Master on Instagram" className="text-gray-400 hover:text-white transition-colors">
+                <a href="https://www.instagram.com/qrmaster_net/" target="_blank" rel="noopener noreferrer" aria-label="QR Master on Instagram" className="text-gray-400 hover:text-white transition-colors">
-                  <Instagram className="w-5 h-5" aria-hidden="true" focusable="false" />
+                  <Instagram className="w-5 h-5" aria-hidden="true" focusable="false" />
-                </a>
+                </a>
-              </div>
+              </div>
-            )}
+            )}
           </div>
 
           <div>
@@ -120,9 +120,10 @@ export function Footer({ variant = 'marketing', t }: FooterProps) {
             <h3 className={`font-semibold mb-4 ${isDashboard ? 'text-gray-900' : ''}`}>{translations.legal}</h3>
             <ul className={`space-y-2 ${isDashboard ? 'text-gray-500' : 'text-gray-400'}`}>
               <li><Link href="/privacy" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>{translations.privacy_policy}</Link></li>
+              <li><Link href="/terms" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>{translations.terms_of_service}</Link></li>
               <li><Link href="/contact" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>Contact</Link></li>
               <li><Link href="/qr-code-erstellen" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>QR Code Erstellen (DE)</Link></li>
-              <li><Link href="/tools/barcode-generator" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>Barcode Generator</Link></li>
+              <li><Link href="/tools/barcode-generator" className={isDashboard ? 'hover:text-primary-600' : 'hover:text-white'}>Barcode Generator</Link></li>
             </ul>
           </div>
 

src/i18n/de.json

@@ -434,6 +434,7 @@
     "legal": "Rechtliches",
     "industries": "Branchen",
     "privacy_policy": "Datenschutzerklärung",
+    "terms_of_service": "Nutzungsbedingungen",
     "tagline": "Erstellen Sie benutzerdefinierte QR-Codes in Sekunden mit erweitertem Tracking und Analysen.",
     "newsletter": "Newsletter-Anmeldung",
     "rights_reserved": "QR Master. Alle Rechte vorbehalten."

src/i18n/en.json

@@ -404,6 +404,7 @@
     "legal": "Legal",
     "industries": "Industries",
     "privacy_policy": "Privacy Policy",
+    "terms_of_service": "Terms of Service",
     "tagline": "Create custom QR codes in seconds with advanced tracking and analytics.",
     "newsletter": "Newsletter signup",
     "rights_reserved": "QR Master. All rights reserved."