pr-ai-agent/terms.html at main · Rohitcodes28/pr-ai-agent · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Terms & Conditions | UnicornXMedia</title>
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' fill='black'/><text x='50' y='70' font-size='50' font-family='sans-serif' font-weight='bold' fill='white' text-anchor='middle'>UX</text></svg>">
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['"Plus Jakarta Sans"', 'sans-serif'],
                    },
                    colors: {
                        corporate: {
                            900: '#0B1120',
                            800: '#111827',
                            100: '#F3F4F6'
                        },
                        accent: '#2563EB'
                    }
                }
            }
        }
    </script>
    <style>
        /* Custom Cursor */
        body {
            cursor: none;
        }
        .cursor-dot, .cursor-outline {
            position: fixed;
            top: 0;
            left: 0;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            z-index: 9999;
            pointer-events: none;
        }
        .cursor-dot {
            width: 8px;
            height: 8px;
            background-color: #2563EB;
        }
        .cursor-outline {
            width: 40px;
            height: 40px;
            border: 2px solid rgba(37, 99, 235, 0.5);
            transition: width 0.2s, height 0.2s, background-color 0.2s;
        }
        .cursor-hover .cursor-outline {
            width: 60px;
            height: 60px;
            background-color: rgba(37, 99, 235, 0.1);
            border-color: rgba(37, 99, 235, 0.8);
        }
        @media (max-width: 768px) {
            body {
                cursor: auto;
            }
            .cursor-dot, .cursor-outline {
                display: none;
            }
        }
        .glass-nav {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }
    </style>
</head>
<body class="bg-corporate-100 text-corporate-900 antialiased">
    <!-- Custom Cursor -->
    <div class="cursor-dot"></div>
    <div class="cursor-outline"></div>

    <nav class="fixed w-full z-50 glass-nav transition-all duration-300 shadow-sm">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-20">
                <a href="index.html" class="flex-shrink-0 flex items-center gap-2">
                    <div class="w-10 h-10 bg-black text-white flex-shrink-0 flex items-center justify-center font-bold text-xl tracking-tighter">UX</div>
                    <span class="font-bold text-xl tracking-tight">UnicornXMedia</span>
                </a>
                <a href="index.html" class="text-gray-600 hover:text-accent font-semibold transition">
                    <i class="fa-solid fa-arrow-left mr-2"></i>Back to Home
                </a>
            </div>
        </div>
    </nav>

    <div class="pt-32 pb-20 px-4 sm:px-6 lg:px-8 max-w-4xl mx-auto">
        <h1 class="text-4xl md:text-5xl font-extrabold mb-6">Terms & Conditions</h1>
        <p class="text-gray-500 mb-12">Last updated: March 19, 2026</p>

        <div class="bg-white rounded-2xl p-8 lg:p-12 border border-gray-200 space-y-8">
            <section>
                <h2 class="text-2xl font-bold mb-4">1. Acceptance of Terms</h2>
                <p class="text-gray-600 leading-relaxed">
                    By accessing and using UnicornXMedia's services, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to these terms, please do not use our services.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">2. Services Description</h2>
                <p class="text-gray-600 leading-relaxed mb-4">
                    UnicornXMedia provides founder visibility services including:
                </p>
                <ul class="list-disc list-inside text-gray-600 space-y-2 ml-4">
                    <li>PR features and media placements</li>
                    <li>Podcast booking and management</li>
                    <li>Event access and networking opportunities</li>
                    <li>Brand visibility and positioning services</li>
                </ul>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">3. User Obligations</h2>
                <p class="text-gray-600 leading-relaxed mb-4">
                    Users agree to:
                </p>
                <ul class="list-disc list-inside text-gray-600 space-y-2 ml-4">
                    <li>Provide accurate and complete information</li>
                    <li>Maintain the confidentiality of account credentials</li>
                    <li>Use services in compliance with applicable laws</li>
                    <li>Not misrepresent identity or affiliation</li>
                </ul>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">4. Payment Terms</h2>
                <p class="text-gray-600 leading-relaxed">
                    All fees are quoted in USD unless otherwise specified. Payment is required before service delivery. Refund policies vary by service type and will be communicated during the application process.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">5. Intellectual Property</h2>
                <p class="text-gray-600 leading-relaxed">
                    All content, trademarks, and data on this website are the property of UnicornXMedia or its content suppliers. Users may not reproduce, distribute, or create derivative works without explicit permission.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">6. Limitation of Liability</h2>
                <p class="text-gray-600 leading-relaxed">
                    UnicornXMedia shall not be liable for any indirect, incidental, special, consequential, or punitive damages resulting from your use of our services. We make no guarantees regarding specific outcomes or results.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">7. Termination</h2>
                <p class="text-gray-600 leading-relaxed">
                    We reserve the right to terminate or suspend access to our services immediately, without prior notice, for conduct that we believe violates these Terms or is harmful to other users, us, or third parties.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">8. Changes to Terms</h2>
                <p class="text-gray-600 leading-relaxed">
                    We reserve the right to modify these terms at any time. We will notify users of any material changes via email or through our website. Continued use of services after changes constitutes acceptance of new terms.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">9. Governing Law</h2>
                <p class="text-gray-600 leading-relaxed">
                    These terms shall be governed by and construed in accordance with the laws of India, without regard to its conflict of law provisions.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">10. Contact Information</h2>
                <p class="text-gray-600 leading-relaxed mb-4">
                    For questions about these Terms & Conditions, please contact us:
                </p>
                <div class="bg-corporate-100 p-6 rounded-xl">
                    <p class="text-gray-700"><strong>Email:</strong> <a href="mailto:contact@unicornxmedia.com" class="text-accent hover:underline">contact@unicornxmedia.com</a></p>
                    <p class="text-gray-700 mt-2"><strong>Phone:</strong> <a href="tel:+919625363995" class="text-accent hover:underline">+91 9625363995</a></p>
                    <p class="text-gray-700 mt-2"><strong>Location:</strong> Delhi, India</p>
                </div>
            </section>
        </div>

        <div id="privacy" class="mt-16 bg-white rounded-2xl p-8 lg:p-12 border border-gray-200 space-y-8">
            <h1 class="text-4xl font-extrabold mb-6">Privacy Policy</h1>

            <section>
                <h2 class="text-2xl font-bold mb-4">1. Information We Collect</h2>
                <p class="text-gray-600 leading-relaxed mb-4">
                    We collect information that you provide directly to us, including:
                </p>
                <ul class="list-disc list-inside text-gray-600 space-y-2 ml-4">
                    <li>Name, email address, and contact information</li>
                    <li>Company or brand information</li>
                    <li>Professional background and goals</li>
                    <li>Payment and billing information</li>
                </ul>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">2. How We Use Your Information</h2>
                <p class="text-gray-600 leading-relaxed mb-4">
                    We use the information we collect to:
                </p>
                <ul class="list-disc list-inside text-gray-600 space-y-2 ml-4">
                    <li>Provide, maintain, and improve our services</li>
                    <li>Process transactions and send related information</li>
                    <li>Send you technical notices and support messages</li>
                    <li>Respond to your comments and questions</li>
                    <li>Monitor and analyze trends and usage</li>
                </ul>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">3. Information Sharing</h2>
                <p class="text-gray-600 leading-relaxed">
                    We do not sell, trade, or rent your personal information to third parties. We may share information with service providers who assist us in operating our business, conducting our services, or serving our users.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">4. Data Security</h2>
                <p class="text-gray-600 leading-relaxed">
                    We implement appropriate technical and organizational measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">5. Your Rights</h2>
                <p class="text-gray-600 leading-relaxed mb-4">
                    You have the right to:
                </p>
                <ul class="list-disc list-inside text-gray-600 space-y-2 ml-4">
                    <li>Access your personal information</li>
                    <li>Correct inaccurate data</li>
                    <li>Request deletion of your data</li>
                    <li>Object to processing of your data</li>
                    <li>Withdraw consent at any time</li>
                </ul>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">6. Cookies</h2>
                <p class="text-gray-600 leading-relaxed">
                    We use cookies and similar tracking technologies to track activity on our service and hold certain information. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.
                </p>
            </section>

            <section>
                <h2 class="text-2xl font-bold mb-4">7. Changes to Privacy Policy</h2>
                <p class="text-gray-600 leading-relaxed">
                    We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last updated" date.
                </p>
            </section>
        </div>
    </div>

    <footer class="bg-corporate-100 border-t border-gray-200 py-12 mt-20">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center gap-6">
            <div class="flex items-center gap-2">
                <div class="w-10 h-10 bg-black text-white flex-shrink-0 flex items-center justify-center font-bold text-xl tracking-tighter">UX</div>
                <span class="font-bold text-xl tracking-tight text-corporate-900">UnicornXMedia</span>
            </div>
            <div class="text-gray-500 font-medium text-center">
                © 2026 UnicornXMedia. All rights reserved.
            </div>
            <div class="flex space-x-4">
                <a href="#" class="w-10 h-10 rounded-full bg-white border border-gray-200 flex items-center justify-center text-gray-600 hover:text-accent hover:border-accent transition">
                    <i class="fa-brands fa-instagram"></i>
                </a>
                <a href="#" class="w-10 h-10 rounded-full bg-white border border-gray-200 flex items-center justify-center text-gray-600 hover:text-accent hover:border-accent transition">
                    <i class="fa-brands fa-linkedin-in"></i>
                </a>
                <a href="#" class="w-10 h-10 rounded-full bg-white border border-gray-200 flex items-center justify-center text-gray-600 hover:text-accent hover:border-accent transition">
                    <i class="fa-brands fa-youtube"></i>
                </a>
            </div>
        </div>
    </footer>

    <script>
        // Custom Cursor Logic
        (function() {
            const cursorDot = document.querySelector('.cursor-dot');
            const cursorOutline = document.querySelector('.cursor-outline');

            if (cursorDot && cursorOutline) {
                let mouseX = 0, mouseY = 0, outlineX = 0, outlineY = 0;

                window.addEventListener('mousemove', (e) => {
                    mouseX = e.clientX;
                    mouseY = e.clientY;
                    cursorDot.style.left = mouseX + 'px';
                    cursorDot.style.top = mouseY + 'px';
                });

                const animate = () => {
                    outlineX += (mouseX - outlineX) * 0.15;
                    outlineY += (mouseY - outlineY) * 0.15;
                    cursorOutline.style.left = outlineX + 'px';
                    cursorOutline.style.top = outlineY + 'px';
                    requestAnimationFrame(animate);
                };
                animate();

                const hoverElements = document.querySelectorAll('a, button, input, textarea, select, .hover-card, .archive-item, .podcast-card');
                hoverElements.forEach(el => {
                    el.addEventListener('mouseenter', () => {
                        document.body.classList.add('cursor-hover');
                    });
                    el.addEventListener('mouseleave', () => {
                        document.body.classList.remove('cursor-hover');
                    });
                });
            }
        })();
    </script>
</body>
</html>