Browse Source

feat: translate static pages (About, Privacy, Terms, Contact) to en/hu/de #69

- Added 200+ translation keys for all static pages
- Updated About.tsx with full multilingual support
- Updated Privacy.tsx with comprehensive privacy policy translations
- Updated Terms.tsx with complete T&C translations
- Updated Contact.tsx with all contact information translated
- All pages now support English, Hungarian, and German
- Integrated useTranslation hook in all components

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Claude 5 months ago
parent
commit
09bf4cf5d0

+ 284 - 0
shopcall.ai-main/src/i18n/locales/de.json

@@ -714,5 +714,289 @@
         "default": "Ein unerwarteter Fehler ist aufgetreten. Bitte versuchen Sie es erneut."
         "default": "Ein unerwarteter Fehler ist aufgetreten. Bitte versuchen Sie es erneut."
       }
       }
     }
     }
+  },
+  "about": {
+    "title": "Über ShopCall.ai",
+    "backHome": "Zurück zur Startseite",
+    "hero": {
+      "description": "Unsere Mission ist es, den Kundenservice für E-Commerce-Unternehmen weltweit zu transformieren. Seit der Gründung im Jahr 2023 hat ShopCall.ai bereits über 1.000 Unternehmen dabei geholfen, ihre Kundenservice-Kosten zu senken und gleichzeitig die Kundenzufriedenheit zu verbessern.",
+      "stats": {
+        "businesses": "Betreute Unternehmen",
+        "calls": "Bearbeitete Anrufe",
+        "languages": "Unterstützte Sprachen"
+      }
+    },
+    "values": {
+      "title": "Unsere Werte",
+      "subtitle": "Diese Grundprinzipien leiten alles, was wir tun, und gestalten die Zukunft des Kundenservice.",
+      "mission": {
+        "title": "Unsere Mission",
+        "description": "Den Kundenservice revolutionieren, indem wir KI-gestützten Telefonsupport für jedes E-Commerce-Unternehmen zugänglich machen, unabhängig von der Größe."
+      },
+      "customerFirst": {
+        "title": "Kunde zuerst",
+        "description": "Jede Entscheidung, die wir treffen, wird von unserem Engagement geleitet, das Kundenerlebnis für Unternehmen und ihre Kunden zu verbessern."
+      },
+      "globalReach": {
+        "title": "Globale Reichweite",
+        "description": "Abbau von Sprachbarrieren und Zeitzoneneinschränkungen, um 24/7-Support in über 50 Sprachen weltweit bereitzustellen."
+      },
+      "excellence": {
+        "title": "Exzellenz",
+        "description": "Wir streben nach Perfektion in jeder Interaktion und verbessern kontinuierlich unsere KI, um menschenähnliche Gespräche zu ermöglichen."
+      }
+    },
+    "team": {
+      "title": "Unser Team",
+      "subtitle": "Wir sind ein vielfältiges Team aus Ingenieuren, Designern und Kundenservice-Experten, die leidenschaftlich daran arbeiten, den Kundensupport zu revolutionieren.",
+      "members": {
+        "sarah": {
+          "name": "Sarah Johnson",
+          "role": "CEO & Mitgründerin",
+          "bio": "Ehemalige VP of Customer Success bei Shopify mit über 15 Jahren Erfahrung im E-Commerce."
+        },
+        "marcus": {
+          "name": "Marcus Chen",
+          "role": "CTO & Mitgründer",
+          "bio": "KI-Forscher und ehemaliger Google-Ingenieur, spezialisiert auf natürliche Sprachverarbeitung."
+        },
+        "emma": {
+          "name": "Emma Rodriguez",
+          "role": "Leiterin Produktentwicklung",
+          "bio": "Produktleiterin mit Expertise in Kundenservice-Plattformen und Benutzererfahrung."
+        },
+        "david": {
+          "name": "David Kim",
+          "role": "Leiter Engineering",
+          "bio": "Full-Stack-Ingenieur mit umfassender Erfahrung in skalierbaren KI-Systemen und Telekommunikation."
+        }
+      }
+    },
+    "cta": {
+      "title": "Bereit, unserer Mission beizutreten?",
+      "description": "Seien Sie Teil der Kundenservice-Revolution. Starten Sie noch heute Ihre kostenlose Testversion.",
+      "button": "Kostenlose Testversion starten"
+    },
+    "footer": {
+      "copyright": "© 2024 ShopCall.ai. Alle Rechte vorbehalten.",
+      "privacy": "Datenschutzrichtlinie",
+      "contact": "Kontakt"
+    }
+  },
+  "privacy": {
+    "title": "Datenschutzrichtlinie",
+    "backHome": "Zurück zur Startseite",
+    "lastUpdated": "Zuletzt aktualisiert: 11. Dezember 2024",
+    "principles": {
+      "dataProtection": {
+        "title": "Datenschutz",
+        "description": "Wir verwenden branchenübliche Verschlüsselung und Sicherheitsmaßnahmen zum Schutz Ihrer Daten."
+      },
+      "secureStorage": {
+        "title": "Sichere Speicherung",
+        "description": "Alle Daten werden in sicheren, SOC 2-konformen Rechenzentren mit regelmäßigen Audits gespeichert."
+      },
+      "transparency": {
+        "title": "Transparenz",
+        "description": "Wir sind transparent darüber, welche Daten wir sammeln und wie wir sie verwenden."
+      },
+      "yourRights": {
+        "title": "Ihre Rechte",
+        "description": "Sie haben die volle Kontrolle über Ihre Daten mit dem Recht auf Zugriff, Änderung oder Löschung."
+      }
+    },
+    "sections": {
+      "informationWeCollect": {
+        "title": "Informationen, die wir sammeln",
+        "intro": "Wir sammeln Informationen, die Sie uns direkt zur Verfügung stellen, z. B. wenn Sie:",
+        "items": {
+          "account": "Ein Konto erstellen oder unsere Dienste nutzen",
+          "support": "Uns für Unterstützung kontaktieren",
+          "newsletter": "Unseren Newsletter abonnieren",
+          "surveys": "An Umfragen oder Werbeaktionen teilnehmen"
+        },
+        "outro": "Dies kann Ihren Namen, E-Mail-Adresse, Telefonnummer, Unternehmensinformationen und Zahlungsdetails umfassen."
+      },
+      "howWeUse": {
+        "title": "Wie wir Ihre Informationen verwenden",
+        "intro": "Wir verwenden die von uns gesammelten Informationen für:",
+        "items": {
+          "provide": "Bereitstellung, Wartung und Verbesserung unserer Dienste",
+          "transactions": "Verarbeitung von Transaktionen und Versand zugehöriger Informationen",
+          "notices": "Versand technischer Mitteilungen und Support-Nachrichten",
+          "respond": "Beantwortung Ihrer Kommentare und Fragen",
+          "monitor": "Überwachung und Analyse von Nutzungsmustern"
+        }
+      },
+      "dataSecurity": {
+        "title": "Datensicherheit",
+        "intro": "Wir implementieren geeignete technische und organisatorische Maßnahmen zum Schutz Ihrer personenbezogenen Daten, einschließlich:",
+        "items": {
+          "encryption": "Verschlüsselung von Daten während der Übertragung und im Ruhezustand",
+          "audits": "Regelmäßige Sicherheitsaudits und Penetrationstests",
+          "access": "Zugriffskontrollen und Authentifizierungsmaßnahmen",
+          "training": "Mitarbeiterschulung zum Datenschutz",
+          "compliance": "Einhaltung von SOC 2, DSGVO und anderen Standards"
+        }
+      },
+      "yourRightsSection": {
+        "title": "Ihre Rechte",
+        "intro": "Sie haben das Recht:",
+        "items": {
+          "access": "Auf Ihre personenbezogenen Daten zuzugreifen",
+          "correct": "Ungenaue Informationen zu korrigieren",
+          "delete": "Ihre personenbezogenen Daten zu löschen",
+          "object": "Der Verarbeitung Ihrer Daten zu widersprechen",
+          "portability": "Datenübertragbarkeit",
+          "withdraw": "Ihre Einwilligung jederzeit zu widerrufen"
+        },
+        "contact": "Um diese Rechte auszuüben, kontaktieren Sie uns bitte unter privacy@shopcall.ai"
+      },
+      "contactUs": {
+        "title": "Kontakt",
+        "intro": "Wenn Sie Fragen zu dieser Datenschutzrichtlinie haben, kontaktieren Sie uns bitte unter:",
+        "email": "E-Mail: privacy@shopcall.ai",
+        "address": "Adresse: 123 AI Street, Tech City, TC 12345",
+        "phone": "Telefon: +1 (555) 123-4567"
+      }
+    },
+    "footer": {
+      "copyright": "© 2024 ShopCall.ai. Alle Rechte vorbehalten.",
+      "about": "Über uns",
+      "contact": "Kontakt"
+    }
+  },
+  "terms": {
+    "title": "Allgemeine Geschäftsbedingungen",
+    "backHome": "Zurück zur Startseite",
+    "lastUpdated": "Zuletzt aktualisiert: 12. Dezember 2024",
+    "overview": {
+      "acceptance": {
+        "title": "Annahme der Bedingungen",
+        "description": "Durch den Zugriff auf und die Nutzung der ShopCall.ai-Dienste akzeptieren Sie die Bedingungen und Bestimmungen dieser Vereinbarung und verpflichten sich, diese einzuhalten."
+      },
+      "license": {
+        "title": "Nutzungslizenz",
+        "description": "Es wird die Erlaubnis erteilt, ShopCall.ai vorübergehend für persönliche, nicht-kommerzielle, vorübergehende Ansichtszwecke zu nutzen."
+      },
+      "disclaimer": {
+        "title": "Haftungsausschluss",
+        "description": "Die Materialien auf ShopCall.ai werden auf einer \"wie besehen\"-Basis bereitgestellt. MarketingBrigad Ltd gibt keine ausdrücklichen oder stillschweigenden Garantien ab."
+      },
+      "limitations": {
+        "title": "Einschränkungen",
+        "description": "MarketingBrigad Ltd oder seine Lieferanten haften in keinem Fall für Schäden, die durch die Nutzung oder Nichtnutzung der Materialien entstehen."
+      }
+    },
+    "sections": {
+      "termsSection": {
+        "title": "1. Bedingungen",
+        "paragraph1": "Durch den Zugriff auf diese Website, die von MarketingBrigad Ltd betrieben wird, erklären Sie sich damit einverstanden, an diese Nutzungsbedingungen, alle geltenden Gesetze und Vorschriften gebunden zu sein, und Sie verpflichten sich, für die Einhaltung aller anwendbaren lokalen Gesetze verantwortlich zu sein.",
+        "paragraph2": "Wenn Sie mit einer dieser Bedingungen nicht einverstanden sind, ist Ihnen die Nutzung oder der Zugriff auf diese Website untersagt. Die auf dieser Website enthaltenen Materialien sind durch das geltende Urheber- und Markenrecht geschützt."
+      },
+      "useLicense": {
+        "title": "2. Nutzungslizenz",
+        "intro": "Es wird die Erlaubnis erteilt, eine Kopie der Materialien auf ShopCall.ai vorübergehend für persönliche, nicht-kommerzielle, vorübergehende Ansichtszwecke herunterzuladen. Dies ist die Gewährung einer Lizenz, keine Eigentumsübertragung, und unter dieser Lizenz dürfen Sie nicht:",
+        "items": {
+          "modify": "die Materialien ändern oder kopieren",
+          "commercial": "die Materialien für kommerzielle Zwecke oder zur öffentlichen Darstellung verwenden",
+          "decompile": "versuchen, Software auf der Website zu dekompilieren oder zurückzuentwickeln",
+          "remove": "Urheber- oder andere Eigentumshinweise von den Materialien entfernen"
+        },
+        "termination": "Diese Lizenz erlischt automatisch, wenn Sie gegen eine dieser Einschränkungen verstoßen, und kann von MarketingBrigad Ltd jederzeit beendet werden."
+      },
+      "serviceTerms": {
+        "title": "3. Servicebedingungen",
+        "intro": "ShopCall.ai bietet KI-gestützte Telefondienste für E-Commerce-Unternehmen. Durch die Nutzung unseres Dienstes stimmen Sie zu:",
+        "items": {
+          "accurate": "Genaue Informationen bei der Kontoregistrierung anzugeben",
+          "legitimate": "Den Dienst nur für legitime Geschäftszwecke zu nutzen",
+          "comply": "Alle geltenden Gesetze und Vorschriften einzuhalten",
+          "noHarass": "Den Dienst nicht für belästigende oder betrügerische Anrufe zu verwenden",
+          "pay": "Alle mit Ihrem gewählten Plan verbundenen Gebühren zu zahlen"
+        }
+      },
+      "payment": {
+        "title": "4. Zahlung und Abrechnung",
+        "intro": "Durch das Abonnieren eines kostenpflichtigen Plans verpflichten Sie sich, alle mit Ihrem Konto verbundenen Gebühren zu zahlen. Die Zahlungsbedingungen umfassen:",
+        "items": {
+          "secure": "Alle Zahlungen werden sicher über unsere Zahlungspartner abgewickelt",
+          "advance": "Abonnementgebühren werden im Voraus monatlich oder jährlich in Rechnung gestellt",
+          "usage": "Nutzungsbasierte Gebühren werden monatlich nachträglich abgerechnet",
+          "nonRefundable": "Alle Gebühren sind nicht erstattungsfähig, sofern nicht anders angegeben",
+          "pricing": "Wir behalten uns das Recht vor, unsere Preise mit 30-tägiger Vorankündigung zu ändern"
+        }
+      },
+      "disclaimerSection": {
+        "title": "5. Haftungsausschluss",
+        "paragraph1": "Die Materialien auf ShopCall.ai werden auf einer \"wie besehen\"-Basis bereitgestellt. MarketingBrigad Ltd gibt keine ausdrücklichen oder stillschweigenden Garantien ab und lehnt hiermit alle anderen Garantien ab, einschließlich, aber nicht beschränkt auf stillschweigende Garantien oder Bedingungen der Marktgängigkeit, der Eignung für einen bestimmten Zweck oder der Nichtverletzung geistigen Eigentums oder anderer Rechtsverletzungen.",
+        "paragraph2": "Darüber hinaus garantiert MarketingBrigad Ltd nicht die Richtigkeit, wahrscheinlichen Ergebnisse oder Zuverlässigkeit der Nutzung der Materialien auf seiner Website oder in Bezug auf solche Materialien oder auf mit dieser Website verlinkten Websites."
+      },
+      "limitationsSection": {
+        "title": "6. Einschränkungen",
+        "paragraph1": "MarketingBrigad Ltd oder seine Lieferanten haften in keinem Fall für Schäden (einschließlich, aber nicht beschränkt auf Schäden durch Datenverlust oder Gewinnausfall oder aufgrund von Geschäftsunterbrechungen), die sich aus der Nutzung oder Nichtnutzung der Materialien auf ShopCall.ai ergeben, selbst wenn MarketingBrigad Ltd oder ein autorisierter Vertreter mündlich oder schriftlich auf die Möglichkeit solcher Schäden hingewiesen wurde.",
+        "paragraph2": "Da einige Rechtsordnungen keine Einschränkungen stillschweigender Garantien oder Haftungsbeschränkungen für Folgeschäden oder Nebenschäden zulassen, gelten diese Einschränkungen möglicherweise nicht für Sie."
+      },
+      "governingLaw": {
+        "title": "7. Anwendbares Recht",
+        "content": "Diese Allgemeinen Geschäftsbedingungen unterliegen den Gesetzen des Vereinigten Königreichs und werden nach diesen ausgelegt, und Sie unterwerfen sich unwiderruflich der ausschließlichen Gerichtsbarkeit der Gerichte in diesem Staat oder Ort."
+      },
+      "contactInfo": {
+        "title": "Kontaktinformationen",
+        "intro": "Wenn Sie Fragen zu diesen Allgemeinen Geschäftsbedingungen haben, kontaktieren Sie uns bitte unter:",
+        "email": "E-Mail: info@shopcall.ai",
+        "company": "Unternehmen: MarketingBrigad Ltd",
+        "address": "Adresse: 2053 Herceghalom Kiserdo St 7/B Ungarn",
+        "phone": "Telefon: (+1) 206 635 4924"
+      }
+    },
+    "footer": {
+      "copyright": "© 2024 MarketingBrigad Ltd. Alle Rechte vorbehalten.",
+      "privacy": "Datenschutzrichtlinie",
+      "contact": "Kontakt"
+    }
+  },
+  "contact": {
+    "title": "Kontakt",
+    "backHome": "Zurück zur Startseite",
+    "hero": {
+      "subtitle": "Haben Sie Fragen? Wir sind hier, um zu helfen. Kontaktieren Sie unser Team und wir melden uns innerhalb von 24 Stunden bei Ihnen."
+    },
+    "scheduleDemo": {
+      "title": "Demo vereinbaren",
+      "description": "Buchen Sie eine personalisierte Demo mit unseren Produktspezialisten",
+      "button": "Demo buchen"
+    },
+    "getInTouch": {
+      "title": "Kontaktieren Sie uns",
+      "description": "Egal, ob Sie loslegen möchten, technischen Support benötigen oder mehr über unsere Unternehmenslösungen erfahren möchten – wir sind hier, um zu helfen."
+    },
+    "contactInfo": {
+      "email": {
+        "title": "E-Mail",
+        "description": "Kontaktieren Sie uns per E-Mail",
+        "details": "support@shopcall.ai"
+      },
+      "phone": {
+        "title": "Telefon",
+        "description": "Sprechen Sie mit unserem Team",
+        "details": "+1 (555) 123-4567"
+      },
+      "location": {
+        "title": "Besuchen Sie uns",
+        "description": "Unser Hauptsitz",
+        "details": "123 AI Street, Tech City, TC 12345"
+      },
+      "hours": {
+        "title": "Geschäftszeiten",
+        "description": "Montag - Freitag",
+        "details": "9:00 - 18:00 Uhr (PST)"
+      }
+    },
+    "footer": {
+      "copyright": "© 2024 ShopCall.ai. Alle Rechte vorbehalten.",
+      "about": "Über uns",
+      "privacy": "Datenschutzrichtlinie"
+    }
   }
   }
 }
 }

+ 284 - 0
shopcall.ai-main/src/i18n/locales/en.json

@@ -724,5 +724,289 @@
         "default": "An unexpected error occurred. Please try again."
         "default": "An unexpected error occurred. Please try again."
       }
       }
     }
     }
+  },
+  "about": {
+    "title": "About ShopCall.ai",
+    "backHome": "Back to Home",
+    "hero": {
+      "description": "We're on a mission to transform customer service for e-commerce businesses worldwide. Founded in 2023, ShopCall.ai has already helped over 1,000 businesses reduce their customer service costs while improving customer satisfaction.",
+      "stats": {
+        "businesses": "Businesses Served",
+        "calls": "Calls Handled",
+        "languages": "Languages Supported"
+      }
+    },
+    "values": {
+      "title": "Our Values",
+      "subtitle": "These core principles guide everything we do and shape how we build the future of customer service.",
+      "mission": {
+        "title": "Our Mission",
+        "description": "To revolutionize customer service by making AI-powered phone support accessible to every e-commerce business, regardless of size."
+      },
+      "customerFirst": {
+        "title": "Customer First",
+        "description": "Every decision we make is driven by our commitment to improving the customer experience for businesses and their customers."
+      },
+      "globalReach": {
+        "title": "Global Reach",
+        "description": "Breaking down language barriers and time zone limitations to provide 24/7 support in 50+ languages worldwide."
+      },
+      "excellence": {
+        "title": "Excellence",
+        "description": "We strive for perfection in every interaction, continuously improving our AI to deliver human-like conversations."
+      }
+    },
+    "team": {
+      "title": "Meet Our Team",
+      "subtitle": "We're a diverse team of engineers, designers, and customer service experts passionate about revolutionizing customer support.",
+      "members": {
+        "sarah": {
+          "name": "Sarah Johnson",
+          "role": "CEO & Co-Founder",
+          "bio": "Former VP of Customer Success at Shopify with 15+ years in e-commerce."
+        },
+        "marcus": {
+          "name": "Marcus Chen",
+          "role": "CTO & Co-Founder",
+          "bio": "AI researcher and former Google engineer specializing in natural language processing."
+        },
+        "emma": {
+          "name": "Emma Rodriguez",
+          "role": "Head of Product",
+          "bio": "Product leader with expertise in customer service platforms and user experience."
+        },
+        "david": {
+          "name": "David Kim",
+          "role": "Head of Engineering",
+          "bio": "Full-stack engineer with deep experience in scalable AI systems and telecommunications."
+        }
+      }
+    },
+    "cta": {
+      "title": "Ready to Join Our Mission?",
+      "description": "Be part of the customer service revolution. Start your free trial today.",
+      "button": "Start Free Trial"
+    },
+    "footer": {
+      "copyright": "© 2024 ShopCall.ai. All rights reserved.",
+      "privacy": "Privacy Policy",
+      "contact": "Contact Us"
+    }
+  },
+  "privacy": {
+    "title": "Privacy Policy",
+    "backHome": "Back to Home",
+    "lastUpdated": "Last updated: December 11, 2024",
+    "principles": {
+      "dataProtection": {
+        "title": "Data Protection",
+        "description": "We use industry-standard encryption and security measures to protect your data."
+      },
+      "secureStorage": {
+        "title": "Secure Storage",
+        "description": "All data is stored in secure, SOC 2 compliant data centers with regular audits."
+      },
+      "transparency": {
+        "title": "Transparency",
+        "description": "We're transparent about what data we collect and how we use it."
+      },
+      "yourRights": {
+        "title": "Your Rights",
+        "description": "You have full control over your data with rights to access, modify, or delete it."
+      }
+    },
+    "sections": {
+      "informationWeCollect": {
+        "title": "Information We Collect",
+        "intro": "We collect information you provide directly to us, such as when you:",
+        "items": {
+          "account": "Create an account or use our services",
+          "support": "Contact us for support",
+          "newsletter": "Subscribe to our newsletter",
+          "surveys": "Participate in surveys or promotions"
+        },
+        "outro": "This may include your name, email address, phone number, company information, and payment details."
+      },
+      "howWeUse": {
+        "title": "How We Use Your Information",
+        "intro": "We use the information we collect to:",
+        "items": {
+          "provide": "Provide, maintain, and improve our services",
+          "transactions": "Process transactions and send related information",
+          "notices": "Send technical notices and support messages",
+          "respond": "Respond to your comments and questions",
+          "monitor": "Monitor and analyze usage patterns"
+        }
+      },
+      "dataSecurity": {
+        "title": "Data Security",
+        "intro": "We implement appropriate technical and organizational measures to protect your personal information, including:",
+        "items": {
+          "encryption": "Encryption of data in transit and at rest",
+          "audits": "Regular security audits and penetration testing",
+          "access": "Access controls and authentication measures",
+          "training": "Employee training on data protection",
+          "compliance": "Compliance with SOC 2, GDPR, and other standards"
+        }
+      },
+      "yourRightsSection": {
+        "title": "Your Rights",
+        "intro": "You have the right to:",
+        "items": {
+          "access": "Access your personal information",
+          "correct": "Correct inaccurate information",
+          "delete": "Delete your personal information",
+          "object": "Object to processing of your information",
+          "portability": "Data portability",
+          "withdraw": "Withdraw consent at any time"
+        },
+        "contact": "To exercise these rights, please contact us at privacy@shopcall.ai"
+      },
+      "contactUs": {
+        "title": "Contact Us",
+        "intro": "If you have any questions about this Privacy Policy, please contact us at:",
+        "email": "Email: privacy@shopcall.ai",
+        "address": "Address: 123 AI Street, Tech City, TC 12345",
+        "phone": "Phone: +1 (555) 123-4567"
+      }
+    },
+    "footer": {
+      "copyright": "© 2024 ShopCall.ai. All rights reserved.",
+      "about": "About Us",
+      "contact": "Contact Us"
+    }
+  },
+  "terms": {
+    "title": "Terms and Conditions",
+    "backHome": "Back to Home",
+    "lastUpdated": "Last updated: December 12, 2024",
+    "overview": {
+      "acceptance": {
+        "title": "Acceptance of Terms",
+        "description": "By accessing and using ShopCall.ai services, you accept and agree to be bound by the terms and provision of this agreement."
+      },
+      "license": {
+        "title": "Use License",
+        "description": "Permission is granted to temporarily use ShopCall.ai for personal, non-commercial transitory viewing only."
+      },
+      "disclaimer": {
+        "title": "Disclaimer",
+        "description": "The materials on ShopCall.ai are provided on an 'as is' basis. MarketingBrigad Ltd makes no warranties, expressed or implied."
+      },
+      "limitations": {
+        "title": "Limitations",
+        "description": "In no event shall MarketingBrigad Ltd or its suppliers be liable for any damages arising out of the use or inability to use the materials."
+      }
+    },
+    "sections": {
+      "termsSection": {
+        "title": "1. Terms",
+        "paragraph1": "By accessing this website, operated by MarketingBrigad Ltd, you are agreeing to be bound by these terms of service, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws.",
+        "paragraph2": "If you do not agree with any of these terms, you are prohibited from using or accessing this site. The materials contained in this website are protected by applicable copyright and trademark law."
+      },
+      "useLicense": {
+        "title": "2. Use License",
+        "intro": "Permission is granted to temporarily download one copy of the materials on ShopCall.ai for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:",
+        "items": {
+          "modify": "modify or copy the materials",
+          "commercial": "use the materials for any commercial purpose or for any public display (commercial or non-commercial)",
+          "decompile": "attempt to decompile or reverse engineer any software contained on the website",
+          "remove": "remove any copyright or other proprietary notations from the materials"
+        },
+        "termination": "This license shall automatically terminate if you violate any of these restrictions and may be terminated by MarketingBrigad Ltd at any time."
+      },
+      "serviceTerms": {
+        "title": "3. Service Terms",
+        "intro": "ShopCall.ai provides AI-powered phone call services for e-commerce businesses. By using our service, you agree to:",
+        "items": {
+          "accurate": "Provide accurate information during account registration",
+          "legitimate": "Use the service only for legitimate business purposes",
+          "comply": "Comply with all applicable laws and regulations",
+          "noHarass": "Not use the service to make harassing or fraudulent calls",
+          "pay": "Pay all fees associated with your chosen plan"
+        }
+      },
+      "payment": {
+        "title": "4. Payment and Billing",
+        "intro": "By subscribing to any paid plan, you agree to pay all charges associated with your account. Payment terms include:",
+        "items": {
+          "secure": "All payments are processed securely through our payment partners",
+          "advance": "Subscription fees are billed in advance on a monthly or annual basis",
+          "usage": "Usage-based charges are billed monthly in arrears",
+          "nonRefundable": "All fees are non-refundable unless otherwise stated",
+          "pricing": "We reserve the right to change our pricing with 30 days notice"
+        }
+      },
+      "disclaimerSection": {
+        "title": "5. Disclaimer",
+        "paragraph1": "The materials on ShopCall.ai are provided on an 'as is' basis. MarketingBrigad Ltd makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties including without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights.",
+        "paragraph2": "Further, MarketingBrigad Ltd does not warrant or make any representations concerning the accuracy, likely results, or reliability of the use of the materials on its website or otherwise relating to such materials or on any sites linked to this site."
+      },
+      "limitationsSection": {
+        "title": "6. Limitations",
+        "paragraph1": "In no event shall MarketingBrigad Ltd or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on ShopCall.ai, even if MarketingBrigad Ltd or its authorized representative has been notified orally or in writing of the possibility of such damage.",
+        "paragraph2": "Because some jurisdictions do not allow limitations on implied warranties, or limitations of liability for consequential or incidental damages, these limitations may not apply to you."
+      },
+      "governingLaw": {
+        "title": "7. Governing Law",
+        "content": "These terms and conditions are governed by and construed in accordance with the laws of the United Kingdom and you irrevocably submit to the exclusive jurisdiction of the courts in that state or location."
+      },
+      "contactInfo": {
+        "title": "Contact Information",
+        "intro": "If you have any questions about these Terms and Conditions, please contact us at:",
+        "email": "Email: info@shopcall.ai",
+        "company": "Company: MarketingBrigad Ltd",
+        "address": "Address: 2053 Herceghalom Kiserdo St 7/B Hungary",
+        "phone": "Phone: (+1) 206 635 4924"
+      }
+    },
+    "footer": {
+      "copyright": "© 2024 MarketingBrigad Ltd. All rights reserved.",
+      "privacy": "Privacy Policy",
+      "contact": "Contact Us"
+    }
+  },
+  "contact": {
+    "title": "Contact Us",
+    "backHome": "Back to Home",
+    "hero": {
+      "subtitle": "Have questions? We're here to help. Reach out to our team and we'll get back to you within 24 hours."
+    },
+    "scheduleDemo": {
+      "title": "Schedule Demo",
+      "description": "Book a personalized demo with our product specialists",
+      "button": "Book Demo"
+    },
+    "getInTouch": {
+      "title": "Get in touch",
+      "description": "Whether you're looking to get started, need technical support, or want to learn more about our enterprise solutions, we're here to help."
+    },
+    "contactInfo": {
+      "email": {
+        "title": "Email Us",
+        "description": "Get in touch via email",
+        "details": "support@shopcall.ai"
+      },
+      "phone": {
+        "title": "Call Us",
+        "description": "Speak with our team",
+        "details": "+1 (555) 123-4567"
+      },
+      "location": {
+        "title": "Visit Us",
+        "description": "Our headquarters",
+        "details": "123 AI Street, Tech City, TC 12345"
+      },
+      "hours": {
+        "title": "Business Hours",
+        "description": "Monday - Friday",
+        "details": "9:00 AM - 6:00 PM PST"
+      }
+    },
+    "footer": {
+      "copyright": "© 2024 ShopCall.ai. All rights reserved.",
+      "about": "About Us",
+      "privacy": "Privacy Policy"
+    }
   }
   }
 }
 }

+ 284 - 0
shopcall.ai-main/src/i18n/locales/hu.json

@@ -714,5 +714,289 @@
         "default": "Váratlan hiba történt. Kérjük, próbálja újra."
         "default": "Váratlan hiba történt. Kérjük, próbálja újra."
       }
       }
     }
     }
+  },
+  "about": {
+    "title": "A ShopCall.ai-ról",
+    "backHome": "Vissza a főoldalra",
+    "hero": {
+      "description": "Küldetésünk az ügyfélszolgálat átformálása az e-kereskedelmi vállalkozások számára világszerte. A 2023-ban alapított ShopCall.ai már több mint 1000 vállalkozásnak segített csökkenteni ügyfélszolgálati költségeit, miközben javította az ügyfélelégedettséget.",
+      "stats": {
+        "businesses": "Kiszolgált vállalkozás",
+        "calls": "Kezelt hívás",
+        "languages": "Támogatott nyelv"
+      }
+    },
+    "values": {
+      "title": "Értékeink",
+      "subtitle": "Ezek az alapelvek vezérlik minden tevékenységünket és alakítják az ügyfélszolgálat jövőjét.",
+      "mission": {
+        "title": "Küldetésünk",
+        "description": "Az ügyfélszolgálat forradalmasítása azáltal, hogy az AI-alapú telefonos támogatást minden e-kereskedelmi vállalkozás számára elérhetővé tesszük, mérettől függetlenül."
+      },
+      "customerFirst": {
+        "title": "Ügyfél az első",
+        "description": "Minden döntésünket az ügyfélélmény javítása iránti elkötelezettségünk vezérli, mind a vállalkozások, mind ügyfeleik számára."
+      },
+      "globalReach": {
+        "title": "Globális elérhetőség",
+        "description": "Lebontjuk a nyelvi korlátokat és időzóna-különbségeket, hogy 24/7 támogatást nyújtsunk 50+ nyelven világszerte."
+      },
+      "excellence": {
+        "title": "Kiválóság",
+        "description": "Törekszünk a tökéletességre minden interakcióban, folyamatosan fejlesztve AI-unkat az emberszerű beszélgetések érdekében."
+      }
+    },
+    "team": {
+      "title": "Csapatunk",
+      "subtitle": "Egy sokszínű mérnökökből, tervezőkből és ügyfélszolgálati szakértőkből álló csapat vagyunk, akik szenvedélyesen dolgozunk az ügyfélszolgálat forradalmasításán.",
+      "members": {
+        "sarah": {
+          "name": "Sarah Johnson",
+          "role": "Vezérigazgató és társalapító",
+          "bio": "A Shopify korábbi ügyfélsiker alelnöke, több mint 15 év tapasztalattal az e-kereskedelemben."
+        },
+        "marcus": {
+          "name": "Marcus Chen",
+          "role": "CTO és társalapító",
+          "bio": "AI kutató és korábbi Google mérnök, a természetes nyelvfeldolgozás szakértője."
+        },
+        "emma": {
+          "name": "Emma Rodriguez",
+          "role": "Termékfejlesztési vezető",
+          "bio": "Termékvezető, ügyfélszolgálati platformok és felhasználói élmény szakértője."
+        },
+        "david": {
+          "name": "David Kim",
+          "role": "Mérnökség vezető",
+          "bio": "Full-stack mérnök, mélyen jártas a skálázható AI rendszerekben és telekommunikációban."
+        }
+      }
+    },
+    "cta": {
+      "title": "Készen áll csatlakozni küldetésünkhöz?",
+      "description": "Legyen része az ügyfélszolgálati forradalomnak. Kezdje el ingyenes próbaidőszakát még ma.",
+      "button": "Ingyenes próbaidőszak indítása"
+    },
+    "footer": {
+      "copyright": "© 2024 ShopCall.ai. Minden jog fenntartva.",
+      "privacy": "Adatvédelmi irányelvek",
+      "contact": "Kapcsolat"
+    }
+  },
+  "privacy": {
+    "title": "Adatvédelmi irányelvek",
+    "backHome": "Vissza a főoldalra",
+    "lastUpdated": "Utolsó frissítés: 2024. december 11.",
+    "principles": {
+      "dataProtection": {
+        "title": "Adatvédelem",
+        "description": "Ipari szabványnak megfelelő titkosítást és biztonsági intézkedéseket használunk adatai védelmére."
+      },
+      "secureStorage": {
+        "title": "Biztonságos tárolás",
+        "description": "Minden adat biztonságos, SOC 2 szabványnak megfelelő adatközpontokban kerül tárolásra, rendszeres ellenőrzésekkel."
+      },
+      "transparency": {
+        "title": "Átláthatóság",
+        "description": "Átláthatóak vagyunk azzal kapcsolatban, hogy milyen adatokat gyűjtünk és hogyan használjuk azokat."
+      },
+      "yourRights": {
+        "title": "Az Ön jogai",
+        "description": "Ön teljes mértékben kontrollálja adatait, jogában áll azokat megtekinteni, módosítani vagy törölni."
+      }
+    },
+    "sections": {
+      "informationWeCollect": {
+        "title": "Gyűjtött információk",
+        "intro": "A következő esetekben gyűjtünk Öntől közvetlenül származó információkat:",
+        "items": {
+          "account": "Fiók létrehozása vagy szolgáltatásaink használata",
+          "support": "Kapcsolatfelvétel támogatásért",
+          "newsletter": "Feliratkozás hírlevelünkre",
+          "surveys": "Részvétel felmérésekben vagy promóciókban"
+        },
+        "outro": "Ez magában foglalhatja nevét, e-mail címét, telefonszámát, céginformációkat és fizetési adatokat."
+      },
+      "howWeUse": {
+        "title": "Hogyan használjuk az információkat",
+        "intro": "Az általunk gyűjtött információkat a következőkre használjuk:",
+        "items": {
+          "provide": "Szolgáltatásaink nyújtása, karbantartása és fejlesztése",
+          "transactions": "Tranzakciók feldolgozása és kapcsolódó információk küldése",
+          "notices": "Műszaki értesítések és támogatási üzenetek küldése",
+          "respond": "Válaszolás megjegyzéseire és kérdéseire",
+          "monitor": "Használati minták figyelése és elemzése"
+        }
+      },
+      "dataSecurity": {
+        "title": "Adatbiztonság",
+        "intro": "Megfelelő műszaki és szervezeti intézkedéseket hajtunk végre személyes adatai védelmére, beleértve:",
+        "items": {
+          "encryption": "Adattitkosítás átvitel közben és nyugalmi állapotban",
+          "audits": "Rendszeres biztonsági ellenőrzések és penetrációs tesztek",
+          "access": "Hozzáférés-ellenőrzés és hitelesítési intézkedések",
+          "training": "Alkalmazottak képzése az adatvédelemről",
+          "compliance": "Megfelelés a SOC 2, GDPR és más szabványoknak"
+        }
+      },
+      "yourRightsSection": {
+        "title": "Az Ön jogai",
+        "intro": "Önnek joga van:",
+        "items": {
+          "access": "Hozzáférni személyes adataihoz",
+          "correct": "Javítani a pontatlan információkat",
+          "delete": "Törölni személyes adatait",
+          "object": "Kifogást emelni adatai feldolgozása ellen",
+          "portability": "Adathordozhatóság",
+          "withdraw": "Bármikor visszavonni hozzájárulását"
+        },
+        "contact": "Ezen jogok gyakorlásához kérjük, lépjen kapcsolatba velünk a privacy@shopcall.ai címen"
+      },
+      "contactUs": {
+        "title": "Kapcsolat",
+        "intro": "Ha kérdése van ezzel az adatvédelmi irányelv kapcsolatban, kérjük, lépjen kapcsolatba velünk:",
+        "email": "E-mail: privacy@shopcall.ai",
+        "address": "Cím: 123 AI Street, Tech City, TC 12345",
+        "phone": "Telefon: +1 (555) 123-4567"
+      }
+    },
+    "footer": {
+      "copyright": "© 2024 ShopCall.ai. Minden jog fenntartva.",
+      "about": "Rólunk",
+      "contact": "Kapcsolat"
+    }
+  },
+  "terms": {
+    "title": "Felhasználási feltételek",
+    "backHome": "Vissza a főoldalra",
+    "lastUpdated": "Utolsó frissítés: 2024. december 12.",
+    "overview": {
+      "acceptance": {
+        "title": "Feltételek elfogadása",
+        "description": "A ShopCall.ai szolgáltatások eléréséről és használatáról elfogadja és vállalja, hogy betartja ezen megállapodás feltételeit és rendelkezéseit."
+      },
+      "license": {
+        "title": "Használati engedély",
+        "description": "Engedély kerül biztosításra a ShopCall.ai ideiglenes használatára személyes, nem kereskedelmi, átmeneti megtekintés céljából."
+      },
+      "disclaimer": {
+        "title": "Nyilatkozat",
+        "description": "A ShopCall.ai anyagai „ahogy van" alapon kerülnek biztosításra. A MarketingBrigad Ltd nem vállal semmilyen kifejezett vagy hallgatólagos garanciát."
+      },
+      "limitations": {
+        "title": "Korlátozások",
+        "description": "A MarketingBrigad Ltd vagy beszállítói semmilyen esetben sem felelősek az anyagok használatából vagy használatának képtelenségéből eredő károkért."
+      }
+    },
+    "sections": {
+      "termsSection": {
+        "title": "1. Feltételek",
+        "paragraph1": "A MarketingBrigad Ltd által üzemeltetett weboldal eléréséről elfogadja, hogy betartja ezeket a szolgáltatási feltételeket, minden alkalmazandó törvényt és rendeletet, és vállalja, hogy felelős az alkalmazandó helyi törvényeknek való megfelelésért.",
+        "paragraph2": "Ha nem ért egyet ezen feltételek bármelyikével, tilos a webhely használata vagy elérése. A weboldalon található anyagokat a vonatkozó szerzői jogi és védjegyjog védi."
+      },
+      "useLicense": {
+        "title": "2. Használati engedély",
+        "intro": "Engedély kerül biztosításra a ShopCall.ai anyagainak egy példányának ideiglenes letöltésére személyes, nem kereskedelmi, átmeneti megtekintés céljából. Ez egy licenc biztosítása, nem tulajdonjog átruházása, és ezen licenc alapján nem:",
+        "items": {
+          "modify": "módosíthatja vagy másolhatja az anyagokat",
+          "commercial": "használhatja az anyagokat kereskedelmi célra vagy bármilyen nyilvános megjelenítésre",
+          "decompile": "kísérelheti meg a weboldalon található szoftver visszafejtését",
+          "remove": "távolíthatja el a szerzői jogi vagy egyéb tulajdonjogi jelzéseket az anyagokról"
+        },
+        "termination": "Ez a licenc automatikusan megszűnik, ha megsérti ezeket a korlátozásokat, és a MarketingBrigad Ltd bármikor felmondhatja."
+      },
+      "serviceTerms": {
+        "title": "3. Szolgáltatási feltételek",
+        "intro": "A ShopCall.ai AI-alapú telefonhívás szolgáltatásokat nyújt e-kereskedelmi vállalkozások számára. Szolgáltatásunk használatával vállalja, hogy:",
+        "items": {
+          "accurate": "Pontos információkat ad meg a fiók regisztrációkor",
+          "legitimate": "A szolgáltatást csak jogszerű üzleti célokra használja",
+          "comply": "Betart minden alkalmazandó törvényt és rendeletet",
+          "noHarass": "Nem használja a szolgáltatást zaklatás vagy csalás céljából",
+          "pay": "Megfizet minden választott csomagjához kapcsolódó díjat"
+        }
+      },
+      "payment": {
+        "title": "4. Fizetés és számlázás",
+        "intro": "Bármely fizetős csomagra való feliratkozással vállalja, hogy megfizeti fiókjával kapcsolatos minden díjat. A fizetési feltételek:",
+        "items": {
+          "secure": "Minden fizetés biztonságosan kerül feldolgozásra fizetési partnereink révén",
+          "advance": "Az előfizetési díjak előre kerülnek számlázásra havi vagy éves alapon",
+          "usage": "A használat alapú díjak havonta, utólag kerülnek számlázásra",
+          "nonRefundable": "Minden díj nem visszatéríthető, hacsak másként nem szerepel",
+          "pricing": "Fenntartjuk a jogot áraink módosítására 30 napos értesítéssel"
+        }
+      },
+      "disclaimerSection": {
+        "title": "5. Nyilatkozat",
+        "paragraph1": "A ShopCall.ai anyagai „ahogy van" alapon kerülnek biztosításra. A MarketingBrigad Ltd nem vállal kifejezett vagy hallgatólagos garanciát, és ezennel elutasít és megtagad minden egyéb garanciát, beleértve korlátozás nélkül az eladhatóságra, adott célra való alkalmasságra vagy szellemi tulajdon megsértésének hiányára vonatkozó hallgatólagos garanciákat vagy feltételeket.",
+        "paragraph2": "Továbbá, a MarketingBrigad Ltd nem garantálja és nem tesz kijelentéseket a weboldalán található anyagok pontosságára, valószínű eredményeire vagy megbízhatóságára vonatkozóan."
+      },
+      "limitationsSection": {
+        "title": "6. Korlátozások",
+        "paragraph1": "A MarketingBrigad Ltd vagy beszállítói semmilyen esetben sem felelősek károkért (beleértve korlátozás nélkül az adatvesztésből vagy nyereségveszteségből származó károkat, vagy üzleti megszakításból eredő károkat) a ShopCall.ai anyagainak használatából vagy használatának képtelenségéből eredően, még akkor sem, ha a MarketingBrigad Ltd-t vagy meghatalmazott képviselőjét szóban vagy írásban értesítették az ilyen kár lehetőségéről.",
+        "paragraph2": "Mivel egyes joghatóságok nem engedélyezik a hallgatólagos garanciák korlátozásait, vagy a következményes vagy járulékos károk felelősségének korlátozásait, ezek a korlátozások lehet, hogy nem vonatkoznak Önre."
+      },
+      "governingLaw": {
+        "title": "7. Irányadó jog",
+        "content": "Ezeket a felhasználási feltételeket az Egyesült Királyság törvényei szabályozzák és értelmezik, és Ön visszavonhatatlanul elfogadja az adott állam vagy helyszín bíróságainak kizárólagos joghatóságát."
+      },
+      "contactInfo": {
+        "title": "Kapcsolati információk",
+        "intro": "Ha kérdése van ezekkel a felhasználási feltételekkel kapcsolatban, kérjük, lépjen kapcsolatba velünk:",
+        "email": "E-mail: info@shopcall.ai",
+        "company": "Cég: MarketingBrigad Ltd",
+        "address": "Cím: 2053 Herceghalom Kiserdo St 7/B Magyarország",
+        "phone": "Telefon: (+1) 206 635 4924"
+      }
+    },
+    "footer": {
+      "copyright": "© 2024 MarketingBrigad Ltd. Minden jog fenntartva.",
+      "privacy": "Adatvédelmi irányelvek",
+      "contact": "Kapcsolat"
+    }
+  },
+  "contact": {
+    "title": "Kapcsolat",
+    "backHome": "Vissza a főoldalra",
+    "hero": {
+      "subtitle": "Kérdése van? Itt vagyunk, hogy segítsünk. Vegye fel velünk a kapcsolatot, és 24 órán belül válaszolunk."
+    },
+    "scheduleDemo": {
+      "title": "Demó időpont foglalása",
+      "description": "Személyre szabott bemutató foglalása terméktanácsadóinkkal",
+      "button": "Demó foglalása"
+    },
+    "getInTouch": {
+      "title": "Vegye fel velünk a kapcsolatot",
+      "description": "Akár az indulással kapcsolatban keres információt, műszaki támogatásra van szüksége, vagy többet szeretne megtudni vállalati megoldásainkról, itt vagyunk, hogy segítsünk."
+    },
+    "contactInfo": {
+      "email": {
+        "title": "E-mail",
+        "description": "Lépjen kapcsolatba e-mailen keresztül",
+        "details": "support@shopcall.ai"
+      },
+      "phone": {
+        "title": "Telefonon",
+        "description": "Beszéljen csapatunkkal",
+        "details": "+1 (555) 123-4567"
+      },
+      "location": {
+        "title": "Látogasson meg minket",
+        "description": "Székhelyünk",
+        "details": "123 AI Street, Tech City, TC 12345"
+      },
+      "hours": {
+        "title": "Nyitvatartás",
+        "description": "Hétfő - Péntek",
+        "details": "9:00 - 18:00 (PST)"
+      }
+    },
+    "footer": {
+      "copyright": "© 2024 ShopCall.ai. Minden jog fenntartva.",
+      "about": "Rólunk",
+      "privacy": "Adatvédelmi irányelvek"
+    }
   }
   }
 }
 }

+ 39 - 38
shopcall.ai-main/src/pages/About.tsx

@@ -2,54 +2,57 @@
 import { Button } from "@/components/ui/button";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Users, Target, Award, Globe, Zap, Shield } from "lucide-react";
 import { Users, Target, Award, Globe, Zap, Shield } from "lucide-react";
+import { useTranslation } from "react-i18next";
 
 
 const About = () => {
 const About = () => {
+  const { t } = useTranslation();
+
   const values = [
   const values = [
     {
     {
       icon: Target,
       icon: Target,
-      title: "Our Mission",
-      description: "To revolutionize customer service by making AI-powered phone support accessible to every e-commerce business, regardless of size."
+      title: t('about.values.mission.title'),
+      description: t('about.values.mission.description')
     },
     },
     {
     {
       icon: Users,
       icon: Users,
-      title: "Customer First",
-      description: "Every decision we make is driven by our commitment to improving the customer experience for businesses and their customers."
+      title: t('about.values.customerFirst.title'),
+      description: t('about.values.customerFirst.description')
     },
     },
     {
     {
       icon: Globe,
       icon: Globe,
-      title: "Global Reach",
-      description: "Breaking down language barriers and time zone limitations to provide 24/7 support in 50+ languages worldwide."
+      title: t('about.values.globalReach.title'),
+      description: t('about.values.globalReach.description')
     },
     },
     {
     {
       icon: Award,
       icon: Award,
-      title: "Excellence",
-      description: "We strive for perfection in every interaction, continuously improving our AI to deliver human-like conversations."
+      title: t('about.values.excellence.title'),
+      description: t('about.values.excellence.description')
     }
     }
   ];
   ];
 
 
   const teamMembers = [
   const teamMembers = [
     {
     {
-      name: "Sarah Johnson",
-      role: "CEO & Co-Founder",
-      bio: "Former VP of Customer Success at Shopify with 15+ years in e-commerce.",
+      name: t('about.team.members.sarah.name'),
+      role: t('about.team.members.sarah.role'),
+      bio: t('about.team.members.sarah.bio'),
       image: "SJ"
       image: "SJ"
     },
     },
     {
     {
-      name: "Marcus Chen",
-      role: "CTO & Co-Founder",
-      bio: "AI researcher and former Google engineer specializing in natural language processing.",
+      name: t('about.team.members.marcus.name'),
+      role: t('about.team.members.marcus.role'),
+      bio: t('about.team.members.marcus.bio'),
       image: "MC"
       image: "MC"
     },
     },
     {
     {
-      name: "Emma Rodriguez",
-      role: "Head of Product",
-      bio: "Product leader with expertise in customer service platforms and user experience.",
+      name: t('about.team.members.emma.name'),
+      role: t('about.team.members.emma.role'),
+      bio: t('about.team.members.emma.bio'),
       image: "ER"
       image: "ER"
     },
     },
     {
     {
-      name: "David Kim",
-      role: "Head of Engineering",
-      bio: "Full-stack engineer with deep experience in scalable AI systems and telecommunications.",
+      name: t('about.team.members.david.name'),
+      role: t('about.team.members.david.role'),
+      bio: t('about.team.members.david.bio'),
       image: "DK"
       image: "DK"
     }
     }
   ];
   ];
@@ -65,7 +68,7 @@ const About = () => {
               <span className="text-xl font-bold text-white">ShopCall.ai</span>
               <span className="text-xl font-bold text-white">ShopCall.ai</span>
             </div>
             </div>
             <Button variant="outline" className="border-slate-600 text-slate-300 hover:bg-slate-800" asChild>
             <Button variant="outline" className="border-slate-600 text-slate-300 hover:bg-slate-800" asChild>
-              <a href="/">Back to Home</a>
+              <a href="/">{t('about.backHome')}</a>
             </Button>
             </Button>
           </div>
           </div>
         </div>
         </div>
@@ -74,24 +77,22 @@ const About = () => {
       {/* Hero Section */}
       {/* Hero Section */}
       <section className="py-20">
       <section className="py-20">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-          <h1 className="text-5xl font-bold mb-6">About ShopCall.ai</h1>
+          <h1 className="text-5xl font-bold mb-6">{t('about.title')}</h1>
           <p className="text-xl text-slate-300 mb-8 leading-relaxed">
           <p className="text-xl text-slate-300 mb-8 leading-relaxed">
-            We're on a mission to transform customer service for e-commerce businesses worldwide. 
-            Founded in 2023, ShopCall.ai has already helped over 1,000 businesses reduce their 
-            customer service costs while improving customer satisfaction.
+            {t('about.hero.description')}
           </p>
           </p>
           <div className="grid md:grid-cols-3 gap-8 mt-12">
           <div className="grid md:grid-cols-3 gap-8 mt-12">
             <div className="text-center">
             <div className="text-center">
               <div className="text-3xl font-bold text-[#52b3d0] mb-2">1,000+</div>
               <div className="text-3xl font-bold text-[#52b3d0] mb-2">1,000+</div>
-              <div className="text-slate-400">Businesses Served</div>
+              <div className="text-slate-400">{t('about.hero.stats.businesses')}</div>
             </div>
             </div>
             <div className="text-center">
             <div className="text-center">
               <div className="text-3xl font-bold text-[#52b3d0] mb-2">10M+</div>
               <div className="text-3xl font-bold text-[#52b3d0] mb-2">10M+</div>
-              <div className="text-slate-400">Calls Handled</div>
+              <div className="text-slate-400">{t('about.hero.stats.calls')}</div>
             </div>
             </div>
             <div className="text-center">
             <div className="text-center">
               <div className="text-3xl font-bold text-[#52b3d0] mb-2">50+</div>
               <div className="text-3xl font-bold text-[#52b3d0] mb-2">50+</div>
-              <div className="text-slate-400">Languages Supported</div>
+              <div className="text-slate-400">{t('about.hero.stats.languages')}</div>
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
@@ -101,9 +102,9 @@ const About = () => {
       <section className="py-20 bg-slate-800/50">
       <section className="py-20 bg-slate-800/50">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="text-center mb-16">
           <div className="text-center mb-16">
-            <h2 className="text-4xl font-bold mb-6">Our Values</h2>
+            <h2 className="text-4xl font-bold mb-6">{t('about.values.title')}</h2>
             <p className="text-xl text-slate-300 max-w-3xl mx-auto">
             <p className="text-xl text-slate-300 max-w-3xl mx-auto">
-              These core principles guide everything we do and shape how we build the future of customer service.
+              {t('about.values.subtitle')}
             </p>
             </p>
           </div>
           </div>
           
           
@@ -129,9 +130,9 @@ const About = () => {
       <section className="py-20">
       <section className="py-20">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="text-center mb-16">
           <div className="text-center mb-16">
-            <h2 className="text-4xl font-bold mb-6">Meet Our Team</h2>
+            <h2 className="text-4xl font-bold mb-6">{t('about.team.title')}</h2>
             <p className="text-xl text-slate-300 max-w-3xl mx-auto">
             <p className="text-xl text-slate-300 max-w-3xl mx-auto">
-              We're a diverse team of engineers, designers, and customer service experts passionate about revolutionizing customer support.
+              {t('about.team.subtitle')}
             </p>
             </p>
           </div>
           </div>
           
           
@@ -157,13 +158,13 @@ const About = () => {
       {/* CTA Section */}
       {/* CTA Section */}
       <section className="py-20 bg-slate-800/50">
       <section className="py-20 bg-slate-800/50">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-          <h2 className="text-4xl font-bold mb-6">Ready to Join Our Mission?</h2>
+          <h2 className="text-4xl font-bold mb-6">{t('about.cta.title')}</h2>
           <p className="text-xl text-slate-300 mb-8">
           <p className="text-xl text-slate-300 mb-8">
-            Be part of the customer service revolution. Start your free trial today.
+            {t('about.cta.description')}
           </p>
           </p>
           <Button size="lg" className="bg-[#52b3d0] hover:bg-[#4a9fbc] text-white px-8 py-4 text-lg" asChild>
           <Button size="lg" className="bg-[#52b3d0] hover:bg-[#4a9fbc] text-white px-8 py-4 text-lg" asChild>
             <a href="/signup">
             <a href="/signup">
-              Start Free Trial
+              {t('about.cta.button')}
               <Zap className="ml-2 h-5 w-5" />
               <Zap className="ml-2 h-5 w-5" />
             </a>
             </a>
           </Button>
           </Button>
@@ -174,11 +175,11 @@ const About = () => {
       <footer className="bg-slate-900 border-t border-slate-800 py-8">
       <footer className="bg-slate-900 border-t border-slate-800 py-8">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
           <div className="flex justify-center items-center gap-4 text-sm text-slate-500">
           <div className="flex justify-center items-center gap-4 text-sm text-slate-500">
-            <span>© 2024 ShopCall.ai. All rights reserved.</span>
+            <span>{t('about.footer.copyright')}</span>
             <span>•</span>
             <span>•</span>
-            <a href="/privacy" className="hover:text-slate-300">Privacy Policy</a>
+            <a href="/privacy" className="hover:text-slate-300">{t('about.footer.privacy')}</a>
             <span>•</span>
             <span>•</span>
-            <a href="/contact" className="hover:text-slate-300">Contact Us</a>
+            <a href="/contact" className="hover:text-slate-300">{t('about.footer.contact')}</a>
           </div>
           </div>
         </div>
         </div>
       </footer>
       </footer>

+ 26 - 23
shopcall.ai-main/src/pages/Contact.tsx

@@ -2,35 +2,38 @@
 import { Button } from "@/components/ui/button";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Mail, Phone, MapPin, Clock, Headphones } from "lucide-react";
 import { Mail, Phone, MapPin, Clock, Headphones } from "lucide-react";
+import { useTranslation } from "react-i18next";
 
 
 const Contact = () => {
 const Contact = () => {
+  const { t } = useTranslation();
+
   const contactInfo = [
   const contactInfo = [
     {
     {
       icon: Mail,
       icon: Mail,
-      title: "Email Us",
-      description: "Get in touch via email",
-      details: "support@shopcall.ai",
+      title: t('contact.contactInfo.email.title'),
+      description: t('contact.contactInfo.email.description'),
+      details: t('contact.contactInfo.email.details'),
       link: "mailto:support@shopcall.ai"
       link: "mailto:support@shopcall.ai"
     },
     },
     {
     {
       icon: Phone,
       icon: Phone,
-      title: "Call Us",
-      description: "Speak with our team",
-      details: "+1 (555) 123-4567",
+      title: t('contact.contactInfo.phone.title'),
+      description: t('contact.contactInfo.phone.description'),
+      details: t('contact.contactInfo.phone.details'),
       link: "tel:+15551234567"
       link: "tel:+15551234567"
     },
     },
     {
     {
       icon: MapPin,
       icon: MapPin,
-      title: "Visit Us",
-      description: "Our headquarters",
-      details: "123 AI Street, Tech City, TC 12345",
+      title: t('contact.contactInfo.location.title'),
+      description: t('contact.contactInfo.location.description'),
+      details: t('contact.contactInfo.location.details'),
       link: "#"
       link: "#"
     },
     },
     {
     {
       icon: Clock,
       icon: Clock,
-      title: "Business Hours",
-      description: "Monday - Friday",
-      details: "9:00 AM - 6:00 PM PST",
+      title: t('contact.contactInfo.hours.title'),
+      description: t('contact.contactInfo.hours.description'),
+      details: t('contact.contactInfo.hours.details'),
       link: "#"
       link: "#"
     }
     }
   ];
   ];
@@ -46,7 +49,7 @@ const Contact = () => {
               <span className="text-xl font-bold text-white">ShopCall.ai</span>
               <span className="text-xl font-bold text-white">ShopCall.ai</span>
             </div>
             </div>
             <Button variant="outline" className="border-slate-600 text-slate-300 hover:bg-slate-800" asChild>
             <Button variant="outline" className="border-slate-600 text-slate-300 hover:bg-slate-800" asChild>
-              <a href="/">Back to Home</a>
+              <a href="/">{t('contact.backHome')}</a>
             </Button>
             </Button>
           </div>
           </div>
         </div>
         </div>
@@ -55,9 +58,9 @@ const Contact = () => {
       {/* Hero Section */}
       {/* Hero Section */}
       <section className="py-20">
       <section className="py-20">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-          <h1 className="text-5xl font-bold mb-6">Contact Us</h1>
+          <h1 className="text-5xl font-bold mb-6">{t('contact.title')}</h1>
           <p className="text-xl text-slate-300 mb-8">
           <p className="text-xl text-slate-300 mb-8">
-            Have questions? We're here to help. Reach out to our team and we'll get back to you within 24 hours.
+            {t('contact.hero.subtitle')}
           </p>
           </p>
         </div>
         </div>
       </section>
       </section>
@@ -71,12 +74,12 @@ const Contact = () => {
                 <div className="w-12 h-12 bg-[#52b3d0]/20 rounded-lg flex items-center justify-center mb-4 mx-auto">
                 <div className="w-12 h-12 bg-[#52b3d0]/20 rounded-lg flex items-center justify-center mb-4 mx-auto">
                   <Headphones className="h-6 w-6 text-[#52b3d0]" />
                   <Headphones className="h-6 w-6 text-[#52b3d0]" />
                 </div>
                 </div>
-                <CardTitle className="text-white text-xl">Schedule Demo</CardTitle>
+                <CardTitle className="text-white text-xl">{t('contact.scheduleDemo.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-center">
               <CardContent className="text-center">
-                <p className="text-slate-300 mb-6">Book a personalized demo with our product specialists</p>
+                <p className="text-slate-300 mb-6">{t('contact.scheduleDemo.description')}</p>
                 <Button className="bg-[#52b3d0] hover:bg-[#4a9fbc] text-white">
                 <Button className="bg-[#52b3d0] hover:bg-[#4a9fbc] text-white">
-                  Book Demo
+                  {t('contact.scheduleDemo.button')}
                 </Button>
                 </Button>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
@@ -89,9 +92,9 @@ const Contact = () => {
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="max-w-4xl mx-auto">
           <div className="max-w-4xl mx-auto">
             <div className="text-center mb-12">
             <div className="text-center mb-12">
-              <h3 className="text-3xl font-bold text-white mb-6">Get in touch</h3>
+              <h3 className="text-3xl font-bold text-white mb-6">{t('contact.getInTouch.title')}</h3>
               <p className="text-slate-300 text-lg">
               <p className="text-slate-300 text-lg">
-                Whether you're looking to get started, need technical support, or want to learn more about our enterprise solutions, we're here to help.
+                {t('contact.getInTouch.description')}
               </p>
               </p>
             </div>
             </div>
 
 
@@ -127,11 +130,11 @@ const Contact = () => {
       <footer className="bg-slate-900 border-t border-slate-800 py-8">
       <footer className="bg-slate-900 border-t border-slate-800 py-8">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
           <div className="flex justify-center items-center gap-4 text-sm text-slate-500">
           <div className="flex justify-center items-center gap-4 text-sm text-slate-500">
-            <span>© 2024 ShopCall.ai. All rights reserved.</span>
+            <span>{t('contact.footer.copyright')}</span>
             <span>•</span>
             <span>•</span>
-            <a href="/about" className="hover:text-slate-300">About Us</a>
+            <a href="/about" className="hover:text-slate-300">{t('contact.footer.about')}</a>
             <span>•</span>
             <span>•</span>
-            <a href="/privacy" className="hover:text-slate-300">Privacy Policy</a>
+            <a href="/privacy" className="hover:text-slate-300">{t('contact.footer.privacy')}</a>
           </div>
           </div>
         </div>
         </div>
       </footer>
       </footer>

+ 52 - 49
shopcall.ai-main/src/pages/Privacy.tsx

@@ -2,28 +2,31 @@
 import { Button } from "@/components/ui/button";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Shield, Lock, Eye, Database, UserCheck, Globe } from "lucide-react";
 import { Shield, Lock, Eye, Database, UserCheck, Globe } from "lucide-react";
+import { useTranslation } from "react-i18next";
 
 
 const Privacy = () => {
 const Privacy = () => {
+  const { t } = useTranslation();
+
   const privacyPrinciples = [
   const privacyPrinciples = [
     {
     {
       icon: Shield,
       icon: Shield,
-      title: "Data Protection",
-      description: "We use industry-standard encryption and security measures to protect your data."
+      title: t('privacy.principles.dataProtection.title'),
+      description: t('privacy.principles.dataProtection.description')
     },
     },
     {
     {
       icon: Lock,
       icon: Lock,
-      title: "Secure Storage",
-      description: "All data is stored in secure, SOC 2 compliant data centers with regular audits."
+      title: t('privacy.principles.secureStorage.title'),
+      description: t('privacy.principles.secureStorage.description')
     },
     },
     {
     {
       icon: Eye,
       icon: Eye,
-      title: "Transparency",
-      description: "We're transparent about what data we collect and how we use it."
+      title: t('privacy.principles.transparency.title'),
+      description: t('privacy.principles.transparency.description')
     },
     },
     {
     {
       icon: UserCheck,
       icon: UserCheck,
-      title: "Your Rights",
-      description: "You have full control over your data with rights to access, modify, or delete it."
+      title: t('privacy.principles.yourRights.title'),
+      description: t('privacy.principles.yourRights.description')
     }
     }
   ];
   ];
 
 
@@ -38,7 +41,7 @@ const Privacy = () => {
               <span className="text-xl font-bold text-white">ShopCall.ai</span>
               <span className="text-xl font-bold text-white">ShopCall.ai</span>
             </div>
             </div>
             <Button variant="outline" className="border-slate-600 text-slate-300 hover:bg-slate-800" asChild>
             <Button variant="outline" className="border-slate-600 text-slate-300 hover:bg-slate-800" asChild>
-              <a href="/">Back to Home</a>
+              <a href="/">{t('privacy.backHome')}</a>
             </Button>
             </Button>
           </div>
           </div>
         </div>
         </div>
@@ -48,9 +51,9 @@ const Privacy = () => {
       <section className="py-20">
       <section className="py-20">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="text-center mb-12">
           <div className="text-center mb-12">
-            <h1 className="text-5xl font-bold mb-6">Privacy Policy</h1>
+            <h1 className="text-5xl font-bold mb-6">{t('privacy.title')}</h1>
             <p className="text-xl text-slate-300">
             <p className="text-xl text-slate-300">
-              Last updated: December 11, 2024
+              {t('privacy.lastUpdated')}
             </p>
             </p>
           </div>
           </div>
 
 
@@ -75,80 +78,80 @@ const Privacy = () => {
           <div className="space-y-8">
           <div className="space-y-8">
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">Information We Collect</CardTitle>
+                <CardTitle className="text-white text-xl">{t('privacy.sections.informationWeCollect.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>We collect information you provide directly to us, such as when you:</p>
+                <p>{t('privacy.sections.informationWeCollect.intro')}</p>
                 <ul className="list-disc list-inside space-y-2 ml-4">
                 <ul className="list-disc list-inside space-y-2 ml-4">
-                  <li>Create an account or use our services</li>
-                  <li>Contact us for support</li>
-                  <li>Subscribe to our newsletter</li>
-                  <li>Participate in surveys or promotions</li>
+                  <li>{t('privacy.sections.informationWeCollect.items.account')}</li>
+                  <li>{t('privacy.sections.informationWeCollect.items.support')}</li>
+                  <li>{t('privacy.sections.informationWeCollect.items.newsletter')}</li>
+                  <li>{t('privacy.sections.informationWeCollect.items.surveys')}</li>
                 </ul>
                 </ul>
-                <p>This may include your name, email address, phone number, company information, and payment details.</p>
+                <p>{t('privacy.sections.informationWeCollect.outro')}</p>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">How We Use Your Information</CardTitle>
+                <CardTitle className="text-white text-xl">{t('privacy.sections.howWeUse.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>We use the information we collect to:</p>
+                <p>{t('privacy.sections.howWeUse.intro')}</p>
                 <ul className="list-disc list-inside space-y-2 ml-4">
                 <ul className="list-disc list-inside space-y-2 ml-4">
-                  <li>Provide, maintain, and improve our services</li>
-                  <li>Process transactions and send related information</li>
-                  <li>Send technical notices and support messages</li>
-                  <li>Respond to your comments and questions</li>
-                  <li>Monitor and analyze usage patterns</li>
+                  <li>{t('privacy.sections.howWeUse.items.provide')}</li>
+                  <li>{t('privacy.sections.howWeUse.items.transactions')}</li>
+                  <li>{t('privacy.sections.howWeUse.items.notices')}</li>
+                  <li>{t('privacy.sections.howWeUse.items.respond')}</li>
+                  <li>{t('privacy.sections.howWeUse.items.monitor')}</li>
                 </ul>
                 </ul>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">Data Security</CardTitle>
+                <CardTitle className="text-white text-xl">{t('privacy.sections.dataSecurity.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>We implement appropriate technical and organizational measures to protect your personal information, including:</p>
+                <p>{t('privacy.sections.dataSecurity.intro')}</p>
                 <ul className="list-disc list-inside space-y-2 ml-4">
                 <ul className="list-disc list-inside space-y-2 ml-4">
-                  <li>Encryption of data in transit and at rest</li>
-                  <li>Regular security audits and penetration testing</li>
-                  <li>Access controls and authentication measures</li>
-                  <li>Employee training on data protection</li>
-                  <li>Compliance with SOC 2, GDPR, and other standards</li>
+                  <li>{t('privacy.sections.dataSecurity.items.encryption')}</li>
+                  <li>{t('privacy.sections.dataSecurity.items.audits')}</li>
+                  <li>{t('privacy.sections.dataSecurity.items.access')}</li>
+                  <li>{t('privacy.sections.dataSecurity.items.training')}</li>
+                  <li>{t('privacy.sections.dataSecurity.items.compliance')}</li>
                 </ul>
                 </ul>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">Your Rights</CardTitle>
+                <CardTitle className="text-white text-xl">{t('privacy.sections.yourRightsSection.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>You have the right to:</p>
+                <p>{t('privacy.sections.yourRightsSection.intro')}</p>
                 <ul className="list-disc list-inside space-y-2 ml-4">
                 <ul className="list-disc list-inside space-y-2 ml-4">
-                  <li>Access your personal information</li>
-                  <li>Correct inaccurate information</li>
-                  <li>Delete your personal information</li>
-                  <li>Object to processing of your information</li>
-                  <li>Data portability</li>
-                  <li>Withdraw consent at any time</li>
+                  <li>{t('privacy.sections.yourRightsSection.items.access')}</li>
+                  <li>{t('privacy.sections.yourRightsSection.items.correct')}</li>
+                  <li>{t('privacy.sections.yourRightsSection.items.delete')}</li>
+                  <li>{t('privacy.sections.yourRightsSection.items.object')}</li>
+                  <li>{t('privacy.sections.yourRightsSection.items.portability')}</li>
+                  <li>{t('privacy.sections.yourRightsSection.items.withdraw')}</li>
                 </ul>
                 </ul>
-                <p>To exercise these rights, please contact us at privacy@shopcall.ai</p>
+                <p>{t('privacy.sections.yourRightsSection.contact')}</p>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">Contact Us</CardTitle>
+                <CardTitle className="text-white text-xl">{t('privacy.sections.contactUs.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300">
               <CardContent className="text-slate-300">
-                <p>If you have any questions about this Privacy Policy, please contact us at:</p>
+                <p>{t('privacy.sections.contactUs.intro')}</p>
                 <div className="mt-4 space-y-2">
                 <div className="mt-4 space-y-2">
-                  <p>Email: privacy@shopcall.ai</p>
-                  <p>Address: 123 AI Street, Tech City, TC 12345</p>
-                  <p>Phone: +1 (555) 123-4567</p>
+                  <p>{t('privacy.sections.contactUs.email')}</p>
+                  <p>{t('privacy.sections.contactUs.address')}</p>
+                  <p>{t('privacy.sections.contactUs.phone')}</p>
                 </div>
                 </div>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
@@ -160,11 +163,11 @@ const Privacy = () => {
       <footer className="bg-slate-900 border-t border-slate-800 py-8">
       <footer className="bg-slate-900 border-t border-slate-800 py-8">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
           <div className="flex justify-center items-center gap-4 text-sm text-slate-500">
           <div className="flex justify-center items-center gap-4 text-sm text-slate-500">
-            <span>© 2024 ShopCall.ai. All rights reserved.</span>
+            <span>{t('privacy.footer.copyright')}</span>
             <span>•</span>
             <span>•</span>
-            <a href="/about" className="hover:text-slate-300">About Us</a>
+            <a href="/about" className="hover:text-slate-300">{t('privacy.footer.about')}</a>
             <span>•</span>
             <span>•</span>
-            <a href="/contact" className="hover:text-slate-300">Contact Us</a>
+            <a href="/contact" className="hover:text-slate-300">{t('privacy.footer.contact')}</a>
           </div>
           </div>
         </div>
         </div>
       </footer>
       </footer>

+ 55 - 52
shopcall.ai-main/src/pages/Terms.tsx

@@ -2,28 +2,31 @@
 import { Button } from "@/components/ui/button";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { ScrollText, Shield, AlertTriangle, Scale } from "lucide-react";
 import { ScrollText, Shield, AlertTriangle, Scale } from "lucide-react";
+import { useTranslation } from "react-i18next";
 
 
 const Terms = () => {
 const Terms = () => {
+  const { t } = useTranslation();
+
   const sections = [
   const sections = [
     {
     {
       icon: ScrollText,
       icon: ScrollText,
-      title: "Acceptance of Terms",
-      content: "By accessing and using ShopCall.ai services, you accept and agree to be bound by the terms and provision of this agreement."
+      title: t('terms.overview.acceptance.title'),
+      content: t('terms.overview.acceptance.description')
     },
     },
     {
     {
       icon: Shield,
       icon: Shield,
-      title: "Use License",
-      content: "Permission is granted to temporarily use ShopCall.ai for personal, non-commercial transitory viewing only."
+      title: t('terms.overview.license.title'),
+      content: t('terms.overview.license.description')
     },
     },
     {
     {
       icon: AlertTriangle,
       icon: AlertTriangle,
-      title: "Disclaimer",
-      content: "The materials on ShopCall.ai are provided on an 'as is' basis. MarketingBrigad Ltd makes no warranties, expressed or implied."
+      title: t('terms.overview.disclaimer.title'),
+      content: t('terms.overview.disclaimer.description')
     },
     },
     {
     {
       icon: Scale,
       icon: Scale,
-      title: "Limitations",
-      content: "In no event shall MarketingBrigad Ltd or its suppliers be liable for any damages arising out of the use or inability to use the materials."
+      title: t('terms.overview.limitations.title'),
+      content: t('terms.overview.limitations.description')
     }
     }
   ];
   ];
 
 
@@ -38,7 +41,7 @@ const Terms = () => {
               <span className="text-xl font-bold text-white">ShopCall.ai</span>
               <span className="text-xl font-bold text-white">ShopCall.ai</span>
             </div>
             </div>
             <Button variant="outline" className="border-slate-600 text-slate-300 hover:bg-slate-800" asChild>
             <Button variant="outline" className="border-slate-600 text-slate-300 hover:bg-slate-800" asChild>
-              <a href="/">Back to Home</a>
+              <a href="/">{t('terms.backHome')}</a>
             </Button>
             </Button>
           </div>
           </div>
         </div>
         </div>
@@ -48,9 +51,9 @@ const Terms = () => {
       <section className="py-20">
       <section className="py-20">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="text-center mb-12">
           <div className="text-center mb-12">
-            <h1 className="text-5xl font-bold mb-6">Terms and Conditions</h1>
+            <h1 className="text-5xl font-bold mb-6">{t('terms.title')}</h1>
             <p className="text-xl text-slate-300">
             <p className="text-xl text-slate-300">
-              Last updated: December 12, 2024
+              {t('terms.lastUpdated')}
             </p>
             </p>
           </div>
           </div>
 
 
@@ -75,102 +78,102 @@ const Terms = () => {
           <div className="space-y-8">
           <div className="space-y-8">
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">1. Terms</CardTitle>
+                <CardTitle className="text-white text-xl">{t('terms.sections.termsSection.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>By accessing this website, operated by MarketingBrigad Ltd, you are agreeing to be bound by these terms of service, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws.</p>
-                <p>If you do not agree with any of these terms, you are prohibited from using or accessing this site. The materials contained in this website are protected by applicable copyright and trademark law.</p>
+                <p>{t('terms.sections.termsSection.paragraph1')}</p>
+                <p>{t('terms.sections.termsSection.paragraph2')}</p>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">2. Use License</CardTitle>
+                <CardTitle className="text-white text-xl">{t('terms.sections.useLicense.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>Permission is granted to temporarily download one copy of the materials on ShopCall.ai for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:</p>
+                <p>{t('terms.sections.useLicense.intro')}</p>
                 <ul className="list-disc list-inside space-y-2 ml-4">
                 <ul className="list-disc list-inside space-y-2 ml-4">
-                  <li>modify or copy the materials</li>
-                  <li>use the materials for any commercial purpose or for any public display (commercial or non-commercial)</li>
-                  <li>attempt to decompile or reverse engineer any software contained on the website</li>
-                  <li>remove any copyright or other proprietary notations from the materials</li>
+                  <li>{t('terms.sections.useLicense.items.modify')}</li>
+                  <li>{t('terms.sections.useLicense.items.commercial')}</li>
+                  <li>{t('terms.sections.useLicense.items.decompile')}</li>
+                  <li>{t('terms.sections.useLicense.items.remove')}</li>
                 </ul>
                 </ul>
-                <p>This license shall automatically terminate if you violate any of these restrictions and may be terminated by MarketingBrigad Ltd at any time.</p>
+                <p>{t('terms.sections.useLicense.termination')}</p>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">3. Service Terms</CardTitle>
+                <CardTitle className="text-white text-xl">{t('terms.sections.serviceTerms.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>ShopCall.ai provides AI-powered phone call services for e-commerce businesses. By using our service, you agree to:</p>
+                <p>{t('terms.sections.serviceTerms.intro')}</p>
                 <ul className="list-disc list-inside space-y-2 ml-4">
                 <ul className="list-disc list-inside space-y-2 ml-4">
-                  <li>Provide accurate information during account registration</li>
-                  <li>Use the service only for legitimate business purposes</li>
-                  <li>Comply with all applicable laws and regulations</li>
-                  <li>Not use the service to make harassing or fraudulent calls</li>
-                  <li>Pay all fees associated with your chosen plan</li>
+                  <li>{t('terms.sections.serviceTerms.items.accurate')}</li>
+                  <li>{t('terms.sections.serviceTerms.items.legitimate')}</li>
+                  <li>{t('terms.sections.serviceTerms.items.comply')}</li>
+                  <li>{t('terms.sections.serviceTerms.items.noHarass')}</li>
+                  <li>{t('terms.sections.serviceTerms.items.pay')}</li>
                 </ul>
                 </ul>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">4. Payment and Billing</CardTitle>
+                <CardTitle className="text-white text-xl">{t('terms.sections.payment.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>By subscribing to any paid plan, you agree to pay all charges associated with your account. Payment terms include:</p>
+                <p>{t('terms.sections.payment.intro')}</p>
                 <ul className="list-disc list-inside space-y-2 ml-4">
                 <ul className="list-disc list-inside space-y-2 ml-4">
-                  <li>All payments are processed securely through our payment partners</li>
-                  <li>Subscription fees are billed in advance on a monthly or annual basis</li>
-                  <li>Usage-based charges are billed monthly in arrears</li>
-                  <li>All fees are non-refundable unless otherwise stated</li>
-                  <li>We reserve the right to change our pricing with 30 days notice</li>
+                  <li>{t('terms.sections.payment.items.secure')}</li>
+                  <li>{t('terms.sections.payment.items.advance')}</li>
+                  <li>{t('terms.sections.payment.items.usage')}</li>
+                  <li>{t('terms.sections.payment.items.nonRefundable')}</li>
+                  <li>{t('terms.sections.payment.items.pricing')}</li>
                 </ul>
                 </ul>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">5. Disclaimer</CardTitle>
+                <CardTitle className="text-white text-xl">{t('terms.sections.disclaimerSection.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>The materials on ShopCall.ai are provided on an 'as is' basis. MarketingBrigad Ltd makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties including without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights.</p>
-                <p>Further, MarketingBrigad Ltd does not warrant or make any representations concerning the accuracy, likely results, or reliability of the use of the materials on its website or otherwise relating to such materials or on any sites linked to this site.</p>
+                <p>{t('terms.sections.disclaimerSection.paragraph1')}</p>
+                <p>{t('terms.sections.disclaimerSection.paragraph2')}</p>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">6. Limitations</CardTitle>
+                <CardTitle className="text-white text-xl">{t('terms.sections.limitationsSection.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>In no event shall MarketingBrigad Ltd or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on ShopCall.ai, even if MarketingBrigad Ltd or its authorized representative has been notified orally or in writing of the possibility of such damage.</p>
-                <p>Because some jurisdictions do not allow limitations on implied warranties, or limitations of liability for consequential or incidental damages, these limitations may not apply to you.</p>
+                <p>{t('terms.sections.limitationsSection.paragraph1')}</p>
+                <p>{t('terms.sections.limitationsSection.paragraph2')}</p>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">7. Governing Law</CardTitle>
+                <CardTitle className="text-white text-xl">{t('terms.sections.governingLaw.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300 space-y-4">
               <CardContent className="text-slate-300 space-y-4">
-                <p>These terms and conditions are governed by and construed in accordance with the laws of the United Kingdom and you irrevocably submit to the exclusive jurisdiction of the courts in that state or location.</p>
+                <p>{t('terms.sections.governingLaw.content')}</p>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
 
 
             <Card className="bg-slate-800/50 border-slate-700">
             <Card className="bg-slate-800/50 border-slate-700">
               <CardHeader>
               <CardHeader>
-                <CardTitle className="text-white text-xl">Contact Information</CardTitle>
+                <CardTitle className="text-white text-xl">{t('terms.sections.contactInfo.title')}</CardTitle>
               </CardHeader>
               </CardHeader>
               <CardContent className="text-slate-300">
               <CardContent className="text-slate-300">
-                <p>If you have any questions about these Terms and Conditions, please contact us at:</p>
+                <p>{t('terms.sections.contactInfo.intro')}</p>
                 <div className="mt-4 space-y-2">
                 <div className="mt-4 space-y-2">
-                  <p>Email: info@shopcall.ai</p>
-                  <p>Company: MarketingBrigad Ltd</p>
-                  <p>Address: 2053 Herceghalom Kiserdo St 7/B Hungary</p>
-                  <p>Phone: (+1) 206 635 4924</p>
+                  <p>{t('terms.sections.contactInfo.email')}</p>
+                  <p>{t('terms.sections.contactInfo.company')}</p>
+                  <p>{t('terms.sections.contactInfo.address')}</p>
+                  <p>{t('terms.sections.contactInfo.phone')}</p>
                 </div>
                 </div>
               </CardContent>
               </CardContent>
             </Card>
             </Card>
@@ -182,11 +185,11 @@ const Terms = () => {
       <footer className="bg-slate-900 border-t border-slate-800 py-8">
       <footer className="bg-slate-900 border-t border-slate-800 py-8">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
           <div className="flex justify-center items-center gap-4 text-sm text-slate-500">
           <div className="flex justify-center items-center gap-4 text-sm text-slate-500">
-            <span>© 2024 MarketingBrigad Ltd. All rights reserved.</span>
+            <span>{t('terms.footer.copyright')}</span>
             <span>•</span>
             <span>•</span>
-            <a href="/privacy" className="hover:text-slate-300">Privacy Policy</a>
+            <a href="/privacy" className="hover:text-slate-300">{t('terms.footer.privacy')}</a>
             <span>•</span>
             <span>•</span>
-            <a href="/contact" className="hover:text-slate-300">Contact Us</a>
+            <a href="/contact" className="hover:text-slate-300">{t('terms.footer.contact')}</a>
           </div>
           </div>
         </div>
         </div>
       </footer>
       </footer>