This repository has been archived on 2026-04-09. You can view files and clone it, but cannot push or open issues or pull requests.
Files
KLC-Learners-Portal-Fronten…/src/pages/Terms.tsx
2025-08-28 19:53:36 +05:30

204 lines
11 KiB
TypeScript

import React from 'react';
import { Button } from '../components/ui/button';
import { Card, CardContent, CardHeader, CardTitle } from '../components/ui/card';
import { ArrowLeft, FileText, Scale, AlertCircle } from 'lucide-react';
const navigate = useNavigate();
export function Terms() {
const handleBackNavigation = () => {
navigate('/');
};
return (
<div className="min-h-screen bg-gradient-to-br from-gray-50 to-white">
{/* Header Section */}
<div className="bg-primary text-primary-foreground pt-24 pb-12">
<div className="container mx-auto px-4 lg:px-8">
<div className="max-w-4xl mx-auto">
<div className="flex items-start gap-4">
<Button
variant="ghost"
size="icon"
onClick={handleBackNavigation}
className="text-primary-foreground hover:bg-primary-foreground/10 min-h-[44px] min-w-[44px] mt-1"
aria-label="Go back to home page"
>
<ArrowLeft className="h-6 w-6" />
</Button>
<div className="flex-1">
<h1 className="text-[36px] mb-3 font-bold">Terms of Service</h1>
<p className="text-[18px] text-primary-foreground/90 leading-relaxed">
Terms and conditions for using our learning platform and services.
</p>
</div>
</div>
</div>
</div>
</div>
{/* Main Content */}
<div className="container mx-auto px-4 lg:px-8 -mt-8">
<div className="max-w-4xl mx-auto">
<Card className="bg-white shadow-xl border-0">
<CardHeader className="pb-6">
<div className="flex items-center gap-3">
<div className="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center">
<Scale className="h-6 w-6 text-blue-600" />
</div>
<div>
<CardTitle className="text-[24px] font-bold text-gray-900">
Terms and Conditions
</CardTitle>
<p className="text-[16px] text-gray-600">
Last updated: January 2024
</p>
</div>
</div>
</CardHeader>
<CardContent className="prose prose-gray max-w-none">
<div className="space-y-8">
{/* Introduction */}
<section>
<h2 className="text-[24px] font-semibold text-gray-900 mb-4">Agreement to Terms</h2>
<p className="text-[16px] text-gray-600 leading-relaxed mb-4">
By accessing and using the Kautilya Leadership Centre (KLC) learning platform, you agree to be bound by these
Terms of Service and all applicable laws and regulations. If you do not agree with any of these terms, you are
prohibited from using or accessing this site.
</p>
</section>
{/* Use License */}
<section>
<div className="flex items-center gap-3 mb-4">
<FileText className="h-5 w-5 text-primary" />
<h2 className="text-[24px] font-semibold text-gray-900">Use License</h2>
</div>
<p className="text-[16px] text-gray-600 leading-relaxed mb-4">
Permission is granted to temporarily access the materials on KLC's learning platform 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>
<ul className="list-disc pl-6 space-y-2 text-[16px] text-gray-600 mb-4">
<li>Modify or copy the materials</li>
<li>Use the materials for commercial purposes or public display</li>
<li>Attempt to reverse engineer any software contained on the platform</li>
<li>Remove any copyright or proprietary notations from the materials</li>
</ul>
<p className="text-[16px] text-gray-600 leading-relaxed">
This license shall automatically terminate if you violate any of these restrictions and may be terminated by KLC at any time.
</p>
</section>
{/* User Accounts */}
<section>
<h2 className="text-[24px] font-semibold text-gray-900 mb-4">User Accounts</h2>
<p className="text-[16px] text-gray-600 leading-relaxed mb-4">
To access certain features of our platform, you must create an account. You agree to:
</p>
<ul className="list-disc pl-6 space-y-2 text-[16px] text-gray-600">
<li>Provide accurate and complete information</li>
<li>Keep your login credentials secure</li>
<li>Notify us immediately of any unauthorized use</li>
<li>Be responsible for all activities under your account</li>
</ul>
</section>
{/* Acceptable Use */}
<section>
<h2 className="text-[24px] font-semibold text-gray-900 mb-4">Acceptable Use</h2>
<p className="text-[16px] text-gray-600 leading-relaxed mb-4">
You agree not to use the platform to:
</p>
<ul className="list-disc pl-6 space-y-2 text-[16px] text-gray-600">
<li>Violate any applicable laws or regulations</li>
<li>Transmit harmful or malicious content</li>
<li>Interfere with or disrupt the platform's operation</li>
<li>Attempt to gain unauthorized access to other accounts</li>
<li>Share course content outside the platform without permission</li>
</ul>
</section>
{/* Course Content and Certificates */}
<section>
<h2 className="text-[24px] font-semibold text-gray-900 mb-4">Course Content and Certificates</h2>
<p className="text-[16px] text-gray-600 leading-relaxed mb-4">
Our courses and learning materials are for educational purposes. Course completion certificates are issued
upon successful completion of requirements. These certificates:
</p>
<ul className="list-disc pl-6 space-y-2 text-[16px] text-gray-600">
<li>Verify completion of specific learning objectives</li>
<li>Are issued in digital format</li>
<li>May be shared for professional purposes</li>
<li>Do not constitute professional licensing or accreditation</li>
</ul>
</section>
{/* Payment Terms */}
<section>
<h2 className="text-[24px] font-semibold text-gray-900 mb-4">Payment Terms</h2>
<p className="text-[16px] text-gray-600 leading-relaxed mb-4">
For paid courses and services:
</p>
<ul className="list-disc pl-6 space-y-2 text-[16px] text-gray-600">
<li>Payment is required before access is granted</li>
<li>All fees are non-refundable unless otherwise stated</li>
<li>Corporate accounts may have different payment terms</li>
<li>Prices are subject to change with notice</li>
</ul>
</section>
{/* Intellectual Property */}
<section>
<h2 className="text-[24px] font-semibold text-gray-900 mb-4">Intellectual Property</h2>
<p className="text-[16px] text-gray-600 leading-relaxed">
All content, materials, and intellectual property on the KLC platform remain the exclusive property of
Kautilya Leadership Centre or its licensors. You may not reproduce, distribute, or create derivative works
without written permission.
</p>
</section>
{/* Disclaimer */}
<section>
<div className="flex items-start gap-3 mb-4">
<AlertCircle className="h-5 w-5 text-amber-500 flex-shrink-0 mt-1" />
<h2 className="text-[24px] font-semibold text-gray-900">Disclaimer</h2>
</div>
<p className="text-[16px] text-gray-600 leading-relaxed">
The materials on KLC's platform are provided on an 'as is' basis. KLC makes no warranties, expressed or implied,
and hereby disclaims all other warranties including, without limitation, implied warranties or conditions of
merchantability, fitness for a particular purpose, or non-infringement of intellectual property.
</p>
</section>
{/* Limitation of Liability */}
<section>
<h2 className="text-[24px] font-semibold text-gray-900 mb-4">Limitation of Liability</h2>
<p className="text-[16px] text-gray-600 leading-relaxed">
In no event shall KLC 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 KLC's platform, even if KLC or an authorized representative has been notified of the possibility of such damage.
</p>
</section>
{/* Contact Information */}
<section className="bg-gray-50 rounded-lg p-6">
<h2 className="text-[24px] font-semibold text-gray-900 mb-4">Contact Us</h2>
<p className="text-[16px] text-gray-600 leading-relaxed mb-4">
If you have questions about these Terms of Service, please contact us:
</p>
<div className="space-y-2 text-[16px] text-gray-600">
<p><strong>Email:</strong> legal@klc.edu</p>
<p><strong>Address:</strong> 123 Leadership Way, Suite 100, Boston, MA 02101</p>
<p><strong>Phone:</strong> +1 (555) 123-4567</p>
</div>
</section>
</div>
</CardContent>
</Card>
</div>
</div>
</div>
);
}