-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsocial_media_rules_armed_forces.html
More file actions
351 lines (304 loc) · 32 KB
/
social_media_rules_armed_forces.html
File metadata and controls
351 lines (304 loc) · 32 KB
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
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SYY2YDFEZ3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SYY2YDFEZ3');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO TAGS -->
<title>Strict Social Media Rules for Indian Armed Forces (Army, Navy, IAF) | SSB Psych Test</title>
<meta name="description" content="Can Army officers use Instagram, Facebook, or WhatsApp? Discover the strict social media rules, the 89-app ban, smartphone policies in NDA/IMA, and OPSEC guidelines.">
<meta name="keywords" content="Indian Army Social Media Rules, Armed forces phone rules, NDA mobile phone allowed, Indian Navy smartphone ban, OPSEC India, Honeytrap military, SSB Interview tips">
<meta name="author" content="SSB Psych Test Platform">
<!-- 👇 CANONICAL TAG FOR SEO 👇 -->
<link rel="canonical" href="https://www.ssbpsychtest.in/social_media_rules_armed_forces" />
<!-- Open Graph Tags -->
<meta property="og:title" content="Strict Social Media Rules for Indian Armed Forces (Army, Navy, IAF)">
<meta property="og:description" content="Can Army officers use Instagram or WhatsApp? Discover the strict social media rules, the 89-app ban, and smartphone policies in NDA/IMA.">
<meta property="og:type" content="article">
<meta property="og:image" content="https://raw.githubusercontent.com/vishalkumar-netizen/TTPPPIC/2c5fdc0d58540d1d15bb3bba6e55de1b6529dcb4/logo%20new.png">
<!-- Favicon -->
<link rel="icon" type="image/png" href="https://raw.githubusercontent.com/vishalkumar-netizen/TTPPPIC/2c5fdc0d58540d1d15bb3bba6e55de1b6529dcb4/logo%20new.png">
<!-- Google Fonts & Tailwind -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<script>
window.tailwind = window.tailwind || {};
window.tailwind.config = {
darkMode: 'class',
theme: {
extend: {
fontFamily: { sans: ['Inter', 'sans-serif'], },
colors: { primary: '#0f172a', secondary: '#3b82f6', }
}
}
}
</script>
<style>
body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }
.glass-nav { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid #e2e8f0; }
.dark .glass-nav { background: rgba(15, 23, 42, 0.85); border-bottom: 1px solid #1e293b; }
.prose h2 { color: #0f172a; border-bottom: 2px solid #e2e8f0; padding-bottom: 0.5rem; margin-top: 3.5rem; margin-bottom: 1.5rem; font-weight: 800;}
.prose h3 { color: #1e293b; margin-top: 2.5rem; font-weight: 700;}
.dark .prose h2 { color: #f8fafc; border-bottom-color: #334155; }
.dark .prose h3 { color: #e2e8f0; }
.prose p { margin-bottom: 1.5rem; line-height: 1.8; }
.prose ul, .prose ol { margin-bottom: 1.5rem; }
.prose li { margin-bottom: 0.5rem; }
.prose strong { color: #0f172a; }
.dark .prose strong { color: #f8fafc; }
.prose a { color: #2563eb; font-weight: 700; text-decoration: none; transition: all 0.2s ease; }
.prose a:hover { color: #1d4ed8; text-decoration: underline; text-underline-offset: 4px; }
.dark .prose a { color: #60a5fa; }
.dark .prose a:hover { color: #93c5fd; }
</style>
</head>
<body class="bg-[#f8fafc] dark:bg-[#0b1120] text-slate-900 dark:text-slate-100 transition-colors duration-300 flex flex-col min-h-screen">
<!-- NAVIGATION BAR -->
<nav id="main-navbar" class="glass-nav sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-[72px]">
<a href="/" class="flex items-center cursor-pointer py-2 group">
<img src="https://raw.githubusercontent.com/vishalkumar-netizen/TTPPPIC/2c5fdc0d58540d1d15bb3bba6e55de1b6529dcb4/logo%20new.png" alt="SSB Logo" class="h-12 w-12 mr-3 object-contain bg-white rounded-xl p-1 shadow-lg group-hover:scale-105 transition-transform">
<div class="flex flex-col justify-center">
<span class="font-extrabold text-2xl tracking-tight leading-tight bg-clip-text text-transparent bg-gradient-to-r from-blue-600 to-teal-500 dark:from-blue-400 dark:to-teal-300">SSB Psych Test</span>
</div>
</a>
<div class="hidden md:flex items-center space-x-8">
<a href="/" class="text-sm font-semibold text-slate-700 dark:text-slate-200 hover:text-blue-600 dark:hover:text-white transition">Home</a>
<a href="/blog" class="text-sm font-bold text-blue-600 dark:text-blue-400 transition">Articles</a>
<a href="/Test?test=full" class="text-sm font-semibold text-slate-700 dark:text-slate-200 hover:text-blue-600 dark:hover:text-white transition">Practice Tests</a>
<button onclick="toggleTheme()" class="p-2.5 rounded-full bg-slate-100 dark:bg-slate-800 hover:bg-slate-200 dark:hover:bg-slate-700 transition focus:outline-none border border-slate-200 dark:border-slate-700">
<span id="theme-icon-desktop">🌙</span>
</button>
</div>
</div>
</div>
</nav>
<!-- MAIN ARTICLE CONTENT -->
<main class="flex-grow py-12 px-4 sm:px-6 lg:px-8 max-w-4xl mx-auto w-full">
<a href="/blog" class="inline-flex mb-8 items-center text-blue-600 dark:text-blue-400 font-bold hover:underline underline-offset-4 transition-all">
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path></svg>
Back to Articles
</a>
<article class="bg-white dark:bg-slate-800 p-6 sm:p-10 md:p-14 rounded-3xl shadow-xl border border-slate-200 dark:border-slate-700">
<!-- Article Header -->
<header class="mb-12">
<div class="flex flex-wrap items-center gap-3 mb-6">
<span class="bg-red-100 dark:bg-red-900/40 text-red-700 dark:text-red-300 text-xs font-extrabold px-4 py-1.5 rounded-full uppercase tracking-wider">Military Lifestyle</span>
<span class="bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 text-xs font-extrabold px-4 py-1.5 rounded-full uppercase tracking-wider">Rules & Regulations</span>
</div>
<h1 class="text-4xl md:text-5xl font-black text-slate-900 dark:text-white tracking-tight leading-tight mb-6">Strict Social Media Rules for Indian Armed Forces (Army, Navy, IAF)</h1>
<div class="flex items-center gap-4 border-t border-b border-slate-100 dark:border-slate-700 py-4">
<div class="w-12 h-12 bg-gradient-to-br from-red-500 to-orange-400 rounded-full flex items-center justify-center text-white font-bold text-xl shadow-md">S</div>
<div>
<p class="font-bold text-slate-900 dark:text-white m-0">Written by SSB Psych Test Editorial Team</p>
<p class="text-sm text-slate-500 dark:text-slate-400 m-0 mt-1">12 min read • Official Policy Breakdown</p>
</div>
</div>
</header>
<!-- Rich Text Content -->
<div class="prose prose-lg dark:prose-invert max-w-none text-slate-700 dark:text-slate-300">
<p class="text-xl leading-relaxed font-medium text-slate-600 dark:text-slate-400 mb-8">
In today's highly connected digital world, Gen-Z defence aspirants share everything online. From Instagram reels and Snapchat streaks to Facebook check-ins and WhatsApp statuses, our entire lives are documented on the internet. However, the moment you cross the threshold of a military academy, that digital freedom comes to a screeching, absolute halt.
</p>
<p>
One of the most burning questions we receive from candidates preparing for their SSB Interview is: <em>"Will I have to delete my Instagram account if I join the Indian Army? Are smartphones completely banned for Naval officers?"</em>
</p>
<p>
Let us be brutally honest here: The Indian Armed Forces operate on a foundation of absolute secrecy, discipline, and OPSEC (Operational Security). In recent years, a single careless selfie posted by an officer has provided enemy intelligence agencies with enough data to map out entire military base layouts. Consequently, the Ministry of Defence and the tri-services headquarters have enforced some of the strictest social media and smartphone policies in the world.
</p>
<p>
In this highly detailed, comprehensive guide, we are going to break down exactly what the official rules are, why the "Honeytrap" threat forced these bans, what life is like inside the NDA/IMA academies regarding mobile phones, and how you—as a current aspirant—need to clean up your digital footprint right now.
</p>
<!-- High-Value Info Box -->
<div class="bg-red-50 dark:bg-red-900/20 border-l-4 border-red-600 p-6 rounded-r-2xl my-10 shadow-sm">
<h4 class="text-red-900 dark:text-red-300 font-extrabold m-0 mb-2 text-xl flex items-center gap-2">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg>
The Official 89-App Ban (2020 Directive)
</h4>
<p class="text-red-800 dark:text-red-200 font-medium m-0">
In June 2020, following severe security breaches, the Indian Army issued a strict, non-negotiable directive ordering all serving personnel to immediately delete 89 applications from their smartphones. This ban included massive platforms like <strong>Facebook, Instagram, Snapchat, TikTok, Truecaller, Tinder, and PUBG</strong>. Using these platforms while serving is a direct violation of military discipline and can lead to a court-martial. For official policies, you can always refer to the <a href="https://mod.gov.in/" target="_blank" rel="noopener noreferrer">Ministry of Defence</a> releases.
</p>
</div>
<h2>1. Why Are the Rules So Strict? (The OPSEC Nightmare)</h2>
<p>
Many civilians think these rules are outdated or "too strict." But to understand the ban, you must understand the concept of <strong>OPSEC (Operational Security)</strong>.
</p>
<p>
Modern smartphones are essentially highly advanced tracking devices. They constantly record your GPS coordinates, audio environments, and visual surroundings. When a newly commissioned Lieutenant takes a seemingly harmless selfie in front of a tank or inside a military bunker and posts it to Instagram, they are unwittingly doing the enemy's reconnaissance work for them.
</p>
<p>Here is exactly how innocent social media usage causes massive national security threats:</p>
<ul>
<li><strong>Geotagging and Location Tracking:</strong> Apps like Snapchat, Instagram, and even fitness trackers like Strava constantly ping satellite locations. In the past, foreign intelligence agencies have used "heat maps" from fitness apps to locate highly classified, secret military bases in remote areas simply because soldiers were jogging with their smartphones.</li>
<li><strong>Background Intelligence:</strong> A simple photo of officers celebrating a birthday in a mess hall can reveal the types of weapons in the background, the exact layout of the room, the strength of the unit, and the morale of the troops.</li>
<li><strong>Predicting Troop Movements:</strong> If fifty soldiers from the same regiment suddenly check-in at a specific railway station or airport on Facebook, an enemy intelligence officer sitting thousands of miles away instantly knows that a major troop deployment is happening.</li>
</ul>
<h2>2. The "Honeytrap" Threat: The Ultimate Weapon</h2>
<p>
While technical data leaks are dangerous, the psychological manipulation of soldiers via social media is catastrophic. This is known in the intelligence community as <strong>Honeytrapping</strong>.
</p>
<p>
Foreign intelligence agencies (such as the ISI) employ dedicated cyber-cells whose sole job is to create highly realistic, fake social media profiles. These profiles usually feature attractive women. They send friend requests to young, unmarried officers or jawans on platforms like Facebook or Instagram.
</p>
<p>
The manipulation is slow and highly calculated. It starts with innocent chatting, praising the officer for their service, and stroking their ego. Over weeks or months, the conversation turns intimate. The agent may ask the officer to share "exclusive" pictures in uniform, or casually ask where they are posted because they "worry about their safety." Once the officer shares a single piece of classified information or an intimate photo, the trap snaps shut. The agent resorts to vicious blackmail, threatening to ruin the officer's career and <a href="/salary_of_armed_forces_officer" class="inline-block">lucrative military salary</a> unless they provide sensitive military secrets.
</p>
<p>
It is to protect our personnel from these devastating psychological operations that social media interaction with unknown individuals is strictly banned.
</p>
<h2>3. What is Actually Banned vs. Allowed?</h2>
<p>
The rules are not meant to isolate soldiers from their families; they are meant to isolate them from the enemy. The regulations differ slightly between the Army, Navy, and Air Force due to their operational environments, but the core principles remain identical.
</p>
<h3>The Strictly Banned Activities:</h3>
<ul>
<li><strong>No Active Social Media Profiles:</strong> Serving personnel in the Indian Army are strictly directed not to maintain active accounts on Facebook, Instagram, Snapchat, TikTok, or dating apps like Tinder/Bumble.</li>
<li><strong>No Uniform Pictures:</strong> You cannot post pictures of yourself, your colleagues, or your base while wearing the military combat uniform or ceremonials on any public forum.</li>
<li><strong>No Political Opinions:</strong> An Armed Forces Officer serves the Constitution of India, not a political party. Officers are strictly prohibited from liking, sharing, or commenting on politically sensitive, religious, or controversial posts. Doing so compromises the secular and apolitical fabric of the armed forces.</li>
<li><strong>The Naval Smartphone Ban:</strong> The Indian Navy has incredibly strict rules regarding smartphones. Following a major espionage bust in 2019, the Navy completely banned the use of smartphones inside naval bases, dockyards, and onboard all warships. If you are serving on a ship, your smartphone stays locked away. You can only use basic feature phones (without cameras or internet) in designated zones.</li>
</ul>
<h3>What is Permitted (With Heavy Caution):</h3>
<ul>
<li><strong>Messaging Apps (WhatsApp/Telegram):</strong> Basic communication apps are allowed so soldiers can stay connected with their families. However, even these are heavily restricted. Officers cannot create "Unit WhatsApp Groups" to share official orders, PDF documents, or duty rosters. Official work must remain on secure, encrypted military networks.</li>
<li><strong>Passive Consumption:</strong> You are allowed to use platforms like YouTube or read news portals to consume information, watch entertainment, or study.</li>
<li><strong>Anonymity:</strong> If personnel use platforms like Twitter (X) to read news, they are strictly advised to use anonymous handles that do not identify them as serving military officers.</li>
</ul>
<div class="bg-indigo-50 dark:bg-indigo-900/20 border-l-4 border-indigo-500 p-6 rounded-r-2xl my-8 shadow-sm">
<h4 class="text-indigo-900 dark:text-indigo-300 font-extrabold m-0 text-xl">👨👩👧 Rules for Families and Veterans</h4>
<p class="text-indigo-800 dark:text-indigo-200 font-medium m-0 mt-3">What if an officer's wife, brother, or proud parent wants to post a picture? This is a highly sensitive grey area. While the military cannot legally court-martial a civilian family member, officers are strongly instructed to educate their families about OPSEC.</p>
<p class="text-indigo-800 dark:text-indigo-200 font-medium m-0 mt-2">Families are advised <strong>never</strong> to post the exact location of the officer, their deployment dates, or pictures showing sensitive backgrounds. A proud parent posting <em>"My son is deploying to the Kashmir border tomorrow!"</em> is a massive security hazard.</p>
</div>
<h2>4. Academy Life: Smartphones in NDA & IMA</h2>
<p>
If you are dreaming of joining the National Defence Academy (NDA) at Khadakwasla or the Indian Military Academy (IMA) at Dehradun, you need to prepare yourself for a massive digital detox.
</p>
<p>
The transition from a civilian college student to a military cadet is brutal by design. The academies want to break your civilian habits, build your physical stamina, and forge unbreakable bonds with your squadron mates. You cannot bond with the cadet sitting next to you if you are both staring at Instagram reels.
</p>
<ol>
<li><strong>The Complete Ban During Training:</strong> During your initial terms at the academy, smartphones are considered contraband. If you are caught hiding a smartphone in your cabin during training hours, you will face severe disciplinary action, which often involves endless front-rolls, extra drills, and restrictions on your liberty.</li>
<li><strong>Basic Feature Phones:</strong> Cadets are generally allowed to keep basic, non-smartphone devices (like the classic Nokia 1100) to make phone calls to their parents. However, even these can only be used during highly restricted, designated hours (usually late evenings or Sundays).</li>
<li><strong>Senior Term Privileges:</strong> As you progress to your senior terms (like the 5th or 6th term at NDA, or the final term at IMA), privileges are gradually increased. Senior cadets are often allowed to use laptops or tablets for official academy work, studying, and project submissions. </li>
<li><strong>The Sunday Rush:</strong> The academies do have cyber cafes and internet rooms. On Sundays, cadets flock to these rooms to quickly check their emails, download study materials, or send a quick message to their friends back home.</li>
</ol>
<p>This digital isolation works miracles. When you take away a young man's phone, he starts talking to his coursemates, playing outdoor sports, reading physical books, and developing the deeply ingrained <a href="/ssb_complete_guide" class="inline-block">Officer Like Qualities (OLQs)</a> required to lead men into battle.</p>
<h2>5. Crucial Advice for Current SSB Aspirants</h2>
<p>
If you are currently preparing for your SSB Interview, you must pay extreme attention to this section. <strong>Your digital footprint matters right now.</strong>
</p>
<p>
The SSB is a comprehensive personality assessment. While they may not officially ask for your Instagram password, the Armed Forces and their intelligence wings do conduct thorough background verifications for recommended candidates before they are issued joining letters.
</p>
<p>If you want to ensure you don't face unexpected hurdles during your police verification or background check, follow these three rules immediately:</p>
<ul>
<li><strong>Clean Up Your Profiles:</strong> Go through your Facebook, Twitter, and Instagram. Delete any posts where you have used highly abusive language, shared extremist political views, or participated in toxic online bullying. The military wants balanced, mature officers, not internet trolls. You can read more about why toxic mindsets lead to rejection in our guide on <a href="/why_candidates_fail" class="font-bold">Why Candidates Fail in SSB</a>.</li>
<li><strong>Stop Faking It:</strong> Do not change your bio to "Future Army Officer" or post pictures holding fake airsoft guns trying to look like a commando. The psychologists at the SSB evaluate your <a href="/how_psych_tests_decide_result" class="font-bold">subconscious psychology</a>. If you project a fake, aggressive persona online, it will contradict your real personality and flag you as highly immature.</li>
<li><strong>Focus on Reality:</strong> Stop spending 4 hours a day watching "Indian Army Motivation WhatsApp Status" videos. That is cheap dopamine. Instead, put the phone down, go for a 5km run, read a good newspaper to build your current affairs knowledge, and practice your actual psychological tests.</li>
</ul>
<hr class="my-10 border-slate-200 dark:border-slate-700">
<h2>Frequently Asked Questions (FAQs)</h2>
<div class="space-y-6 mt-6">
<div>
<h4 class="font-bold text-xl mb-1 text-slate-900 dark:text-white">Q1: Will I be allowed to use WhatsApp if I become an Army Officer?</h4>
<p class="m-0 text-base text-slate-600 dark:text-slate-400">Yes, basic communication apps like WhatsApp and Telegram are generally allowed for personal, family communication. However, sharing official documents, locations, or operational details on these platforms is strictly banned and considered a court-martial offense.</p>
</div>
<div>
<h4 class="font-bold text-xl mb-1 text-slate-900 dark:text-white">Q2: Can I keep my Instagram account private?</h4>
<p class="m-0 text-base text-slate-600 dark:text-slate-400">According to the 2020 Indian Army directive, serving personnel are strictly ordered to delete their accounts from 89 specific platforms, including Instagram and Facebook, entirely. Keeping it "private" is still a violation of the current standing orders.</p>
</div>
<div>
<h4 class="font-bold text-xl mb-1 text-slate-900 dark:text-white">Q3: How do soldiers entertain themselves without social media?</h4>
<p class="m-0 text-base text-slate-600 dark:text-slate-400">The military lifestyle is incredibly rich. Officers spend their free time playing elite sports (golf, squash, polo), engaging in adventure activities (mountaineering, scuba diving), utilizing grand military libraries, and socializing in the highly prestigious Officers' Mess.</p>
</div>
<div>
<h4 class="font-bold text-xl mb-1 text-slate-900 dark:text-white">Q4: Are laptops allowed in the NDA or IMA?</h4>
<p class="m-0 text-base text-slate-600 dark:text-slate-400">Yes, but usually only for senior term cadets. Laptops and tablets are heavily restricted and are strictly meant to be used for academic assignments, service paper writing, and official academy research, not for watching Netflix.</p>
</div>
<div>
<h4 class="font-bold text-xl mb-1 text-slate-900 dark:text-white">Q5: Can I watch YouTube if I am serving?</h4>
<p class="m-0 text-base text-slate-600 dark:text-slate-400">Yes. Passive consumption platforms like YouTube, educational websites, and news portals are generally permitted, provided you are using them in your private downtime and not compromising your official duties or base security.</p>
</div>
</div>
<hr class="my-10 border-slate-200 dark:border-slate-700">
<h2>Final Thoughts</h2>
<p>Giving up social media might seem like a massive sacrifice for a 20-year-old today. However, the day you put on the olive green uniform, the whites of the Navy, or the blues of the Air Force, your priorities will fundamentally shift. The pride of commanding troops, the thrill of actual operational deployments, and the deep brotherhood of the forces will make virtual "likes" and "followers" seem completely irrelevant.</p>
<p>If you are truly passionate about joining the forces, start practicing digital discipline today. Focus your mind, strengthen your psychology, and prepare for the ultimate test.</p>
</div>
<!-- Call to Action (Bottom of blog) -->
<div class="mt-16 bg-white dark:bg-slate-800 rounded-3xl p-8 md:p-10 border border-slate-200 dark:border-slate-700 shadow-xl text-center">
<h3 class="text-2xl md:text-3xl font-extrabold text-slate-900 dark:text-white mb-4">Ready to test your psychology?</h3>
<p class="text-slate-600 dark:text-slate-400 mb-10 text-lg">Stop scrolling social media and start training your mind. Grab your notebook and practice your psychological tests under strict real-time DIPR timers right now.</p>
<div class="flex flex-wrap justify-center gap-3 sm:gap-4 items-center mb-10">
<a href="/Test?test=PPDT" class="bg-orange-50 dark:bg-orange-900/20 text-orange-700 dark:text-orange-400 border border-orange-200 dark:border-orange-800 hover:bg-orange-600 hover:text-white dark:hover:bg-orange-500 font-bold py-3.5 px-6 rounded-xl transition-all shadow-sm transform hover:-translate-y-1">PPDT</a>
<a href="/Test?test=TAT" class="bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-400 border border-blue-200 dark:border-blue-800 hover:bg-blue-600 hover:text-white dark:hover:bg-blue-500 font-bold py-3.5 px-6 rounded-xl transition-all shadow-sm transform hover:-translate-y-1">TAT</a>
<a href="/Test?test=WAT" class="bg-indigo-50 dark:bg-indigo-900/20 text-indigo-700 dark:text-indigo-400 border border-indigo-200 dark:border-indigo-800 hover:bg-indigo-600 hover:text-white dark:hover:bg-indigo-500 font-bold py-3.5 px-6 rounded-xl transition-all shadow-sm transform hover:-translate-y-1">WAT</a>
<a href="/Test?test=SRT" class="bg-teal-50 dark:bg-teal-900/20 text-teal-700 dark:text-teal-400 border border-teal-200 dark:border-teal-800 hover:bg-teal-600 hover:text-white dark:hover:bg-teal-500 font-bold py-3.5 px-6 rounded-xl transition-all shadow-sm transform hover:-translate-y-1">SRT</a>
<a href="/Test?test=full" class="bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-extrabold py-3.5 px-8 rounded-xl hover:scale-105 transition-transform shadow-xl w-full sm:w-auto mt-2 sm:mt-0">Full Psych Test</a>
</div>
</div>
</article>
</main>
<!-- FOOTER -->
<footer class="bg-slate-900 text-slate-300 border-t border-slate-800 py-8 text-center mt-auto">
<p class="text-sm text-slate-500">© 2024 SSB Psych Test Platform. All rights reserved.</p>
</footer>
<!-- COOKIE CONSENT SCRIPT & THEME TOGGLE -->
<script>
function toggleTheme() {
document.documentElement.classList.toggle('dark');
const isDark = document.documentElement.classList.contains('dark');
document.getElementById('theme-icon-desktop').innerText = isDark ? '☀️' : '🌙';
}
// Auto-check system theme on load
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.classList.add('dark');
document.getElementById('theme-icon-desktop').innerText = '☀️';
}
</script>
<!-- COOKIE CONSENT BANNER (HTML) -->
<div id="cookie-consent" class="fixed bottom-0 left-0 w-full bg-white dark:bg-slate-900 border-t border-slate-200 dark:border-slate-800 shadow-[0_-10px_40px_rgba(0,0,0,0.1)] dark:shadow-[0_-10px_40px_rgba(0,0,0,0.5)] transform translate-y-full transition-transform duration-500 ease-in-out z-[9999] p-4 sm:p-6">
<div class="max-w-7xl mx-auto flex flex-col lg:flex-row items-center justify-between gap-6">
<div class="flex-1 text-center lg:text-left">
<h3 class="text-lg font-bold text-slate-900 dark:text-white mb-2 flex items-center justify-center lg:justify-start gap-2">
<span>🍪</span> We value your privacy
</h3>
<p class="text-sm text-slate-600 dark:text-slate-400 m-0">
We use cookies, including third-party cookies from Google AdSense, to serve personalized ads and analyze our website traffic. By clicking "Accept", you consent to our use of cookies as detailed in our <a href="/privacy-policy" class="text-blue-600 dark:text-blue-400 font-bold hover:underline">Privacy Policy</a>.
</p>
</div>
<div class="flex flex-col sm:flex-row items-center gap-3 w-full lg:w-auto">
<button onclick="acceptCookies()" class="w-full sm:w-auto bg-blue-600 hover:bg-blue-700 text-white font-bold py-2.5 px-8 rounded-xl transition-colors shadow-md focus:outline-none whitespace-nowrap">Accept</button>
<button onclick="dismissCookies()" class="w-full sm:w-auto bg-slate-100 dark:bg-slate-800 hover:bg-slate-200 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-300 border border-slate-300 dark:border-slate-600 font-bold py-2.5 px-6 rounded-xl transition-colors focus:outline-none whitespace-nowrap">Decline</button>
</div>
</div>
</div>
<!-- COOKIE CONSENT LOGIC -->
<script>
document.addEventListener("DOMContentLoaded", function() {
const consentBanner = document.getElementById('cookie-consent');
// Check if the user has already made a choice anywhere on the site
if (!localStorage.getItem('ssb_cookie_consent')) {
// Wait 1.5 seconds after page load, then slide the banner up
setTimeout(() => {
consentBanner.classList.remove('translate-y-full');
}, 1500);
}
});
function acceptCookies() {
localStorage.setItem('ssb_cookie_consent', 'accepted');
document.getElementById('cookie-consent').classList.add('translate-y-full');
}
function dismissCookies() {
localStorage.setItem('ssb_cookie_consent', 'declined');
document.getElementById('cookie-consent').classList.add('translate-y-full');
}
</script>
</body>
</html>