Hugging Face's logo

Spaces:
fancycashew2
/
cyberuslabs
Running

App Files Community
fancycashew2 commited on
Commit
9fa35d9
·
verified ·
1 Parent(s): b55762f

Manual changes saved

Browse files
Files changed (1) hide show
  1. index.html +64 -31
index.html CHANGED
@@ -95,21 +95,28 @@
95
  </style>
96
  </head>
97
  <body class="bg-slate-900 text-slate-100">
98
- <!-- Hero Section with Vanta.js Background -->
 
99
  <div id="vanta-bg" class="relative h-screen w-full overflow-hidden">
100
- <div class="absolute inset-0 bg-black bg-opacity-70 z-10"></div>
 
101
  <div class="relative z-20 flex flex-col items-center justify-center h-full text-center px-4">
102
  <h1 class="text-4xl md:text-6xl font-bold mb-6 max-w-4xl">
103
- Enter the <span class="text-gradient">Credential-Less</span> Era of Cybersecurity
 
 
 
 
 
104
  </h1>
105
  <p class="text-xl md:text-2xl mb-10 max-w-3xl text-slate-300">
106
- Eliminate passwords entirely with our patented audio-token technology. Stronger security, simpler access.
107
- </p>
108
  <div class="flex flex-col sm:flex-row gap-4">
109
  <button class="btn-primary px-8 py-4 rounded-lg font-semibold text-lg">
110
- Request Demo
111
  </button>
112
- <a href="solutions.html" class="bg-transparent border-2 border-orange-600 px-8 py-4 rounded-lg font-semibold text-lg hover:bg-orange-600 transition text-center">
113
  Explore Solutions
114
  </a>
115
  </div>
@@ -134,7 +141,7 @@
134
  </p>
135
  </div>
136
  <div class="relative" data-aos="fade-left">
137
- <div class="card-gradient p-8 rounded-2xl border-l-4 border-orange-600">
138
  <div class="flex items-start mb-6">
139
  <div class="tech-icon mr-4">
140
  <i data-feather="shield" class="text-white"></i>
@@ -311,15 +318,15 @@
311
 
312
  <div class="flex items-center justify-center" data-aos="fade-left">
313
  <div class="relative">
314
- <div class="absolute -inset-4 bg-orange-600 rounded-2xl opacity-20 blur"></div>
315
- <img src="http://static.photos/technology/640x360/42" alt="Cyberus Labs Technology" class="relative rounded-2xl shadow-2xl">
316
  </div>
317
  </div>
318
  </div>
319
  </section>
320
 
321
  <!-- Partnerships & Certifications -->
322
- <section class="py-20 bg-slate-800 px-4">
323
  <div class="max-w-7xl mx-auto">
324
  <div class="text-center mb-16" data-aos="fade-up">
325
  <h2 class="text-3xl md:text-4xl font-bold mb-6">Trusted Partnerships</h2>
@@ -330,23 +337,47 @@
330
  </div>
331
 
332
  <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-16">
333
- <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="100">
334
- <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16 mb-4"></div>
335
- <span class="font-bold">Microsoft Partner</span>
336
- </div>
337
- <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="200">
338
- <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16 mb-4"></div>
339
- <span class="font-bold">Horizon 2020</span>
340
- </div>
341
- <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="300">
342
- <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16 mb-4"></div>
343
- <span class="font-bold">EU Certified</span>
344
- </div>
345
- <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="400">
346
- <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16 mb-4"></div>
347
- <span class="font-bold">Award Winning</span>
348
- </div>
349
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
350
 
351
  <div class="bg-slate-900 rounded-2xl p-8 md:p-12 aos-init aos-animate hovered-element" data-aos="fade-up">
352
  <div class="flex flex-col md:flex-row items-center">
@@ -360,7 +391,7 @@
360
  </p>
361
  </div>
362
  <div class="md:w-1/3 flex justify-center">
363
- <a href="#" class="bg-orange-600 text-white py-4 px-8 rounded-lg font-bold text-center hover:bg-orange-700 transition duration-300">
364
  EU HORIZON 2020<br>APPROVED
365
  </a>
366
  </div>
@@ -378,15 +409,17 @@
378
  </p>
379
  <div class="flex flex-col sm:flex-row justify-center gap-4">
380
  <button class="btn-primary px-8 py-4 rounded-lg font-semibold text-lg">
381
- Schedule a Demo
 
382
  </button>
383
  <button class="bg-transparent border-2 border-orange-600 px-8 py-4 rounded-lg font-semibold text-lg hover:bg-orange-600 transition">
384
- Contact Sales
385
  </button>
386
  </div>
387
  </div>
388
  </section>
389
 
 
390
  <!-- Footer -->
391
  <footer class="bg-slate-900 border-t border-slate-800 py-12 px-4">
392
  <div class="max-w-7xl mx-auto">
 
95
  </style>
96
  </head>
97
  <body class="bg-slate-900 text-slate-100">
98
+
99
+
100
  <div id="vanta-bg" class="relative h-screen w-full overflow-hidden">
101
+ <div class="absolute inset-0 bg-gradient-to-b from-black/50 to-transparent z-10"></div>
102
+
103
  <div class="relative z-20 flex flex-col items-center justify-center h-full text-center px-4">
104
  <h1 class="text-4xl md:text-6xl font-bold mb-6 max-w-4xl">
105
+ <?php
106
+ $title = get_field('hero_title');
107
+ if ($title) {
108
+ echo wp_kses_post($title);
109
+ }
110
+ ?>
111
  </h1>
112
  <p class="text-xl md:text-2xl mb-10 max-w-3xl text-slate-300">
113
+ <?php the_field('hero_subtitle'); ?>
114
+ </p>
115
  <div class="flex flex-col sm:flex-row gap-4">
116
  <button class="btn-primary px-8 py-4 rounded-lg font-semibold text-lg">
117
+ <a href="/contact">Schedule a Demo</a>
118
  </button>
119
+ <a href="/solutions" class="bg-transparent border-2 border-orange-600 px-8 py-4 rounded-lg font-semibold text-lg hover:bg-orange-600 transition text-center">
120
  Explore Solutions
121
  </a>
122
  </div>
 
141
  </p>
142
  </div>
143
  <div class="relative" data-aos="fade-left">
144
+ <div class="card-gradient p-8 rounded-2xl lg:border-l-4 border-orange-600">
145
  <div class="flex items-start mb-6">
146
  <div class="tech-icon mr-4">
147
  <i data-feather="shield" class="text-white"></i>
 
318
 
319
  <div class="flex items-center justify-center" data-aos="fade-left">
320
  <div class="relative">
321
+ <!-- <div class="absolute -inset-4 bg-orange-600 rounded-2xl opacity-5 blur"></div> -->
322
+ <img src="/wp-content/uploads/2025/09/main-page-what-we-do-1.png" alt="Cyberus Labs Technology" class="relative rounded-2xl shadow-2xl">
323
  </div>
324
  </div>
325
  </div>
326
  </section>
327
 
328
  <!-- Partnerships & Certifications -->
329
+ <section id="trusted-partnerships" class="py-20 bg-slate-800 px-4">
330
  <div class="max-w-7xl mx-auto">
331
  <div class="text-center mb-16" data-aos="fade-up">
332
  <h2 class="text-3xl md:text-4xl font-bold mb-6">Trusted Partnerships</h2>
 
337
  </div>
338
 
339
  <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-16">
340
+
341
+ <!-- Horizon 2020 -->
342
+ <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="100">
343
+ <img src="https://upload.wikimedia.org/wikipedia/commons/b/b7/Flag_of_Europe.svg"
344
+ alt="EU emblem / Horizon 2020" class="w-16 h-16 mb-4 object-contain" loading="lazy">
345
+ <span class="font-bold text-center">EU Horizon 2020 Funded</span>
346
+ <a href="https://ec.europa.eu/info/funding-tenders/opportunities/portal/screen/opportunities/projects-details/31045243/822641" class="mt-2 text-orange-500 hover:underline text-sm">See details</a>
347
+ </div>
348
+
349
+ <!-- ECM magazine feature -->
350
+ <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="300">
351
+ <img src="/wp-content/uploads/2025/09/european-cybersec-market.png"
352
+ alt="European Cybersecurity Market journal" class="w-16 h-16 mb-4 object-contain" loading="lazy">
353
+ <span class="font-bold text-center">Featured in ECM Journal</span>
354
+ <a href="https://cyberuslabs.com/wp-content/uploads/2020/05/European-Cybersecurity-Market-Vol.1-issue-2.pdf"
355
+ class="mt-2 text-orange-500 hover:underline text-sm">Read issue</a>
356
+ </div>
357
+
358
+ <!-- KI Study 2020 -->
359
+ <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="400">
360
+ <img src="/wp-content/uploads/2025/09/cybersecurity-call.png"
361
+ alt="KI Study 2020" class="w-16 h-16 mb-4 object-contain" loading="lazy">
362
+ <span class="font-bold text-center">Included in KI Study</span>
363
+ <a href="https://cyberuslabs.com/wp-content/uploads/2020/05/Cybersecurity_Call_KI_Study_2020.pdf"
364
+ class="mt-2 text-orange-500 hover:underline text-sm">Download</a>
365
+ </div>
366
+
367
+ <!-- ResearchGate / Cybpher tile -->
368
+ <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="500">
369
+ <div class="rounded-xl w-16 h-16 mb-4 flex items-center justify-center bg-slate-900 border border-slate-800">
370
+ <!-- simple "RG" mark so you don't need an external asset -->
371
+ <span class="font-extrabold text-xl bg-gradient-to-br from-orange-600 to-white bg-clip-text text-transparent">RG</span>
372
+ </div>
373
+ <span class="font-bold text-center">ResearchGate Publication</span>
374
+ <a href="https://www.researchgate.net/publication/369305177_An_Introduction_to_a_New_Lightweight_Encryption_Algorithm_Cybpher"
375
+ class="mt-2 text-orange-500 hover:underline text-sm text-center">
376
+ “Cybpher” lightweight encryption
377
+ </a>
378
+ </div>
379
+ </div>
380
+
381
 
382
  <div class="bg-slate-900 rounded-2xl p-8 md:p-12 aos-init aos-animate hovered-element" data-aos="fade-up">
383
  <div class="flex flex-col md:flex-row items-center">
 
391
  </p>
392
  </div>
393
  <div class="md:w-1/3 flex justify-center">
394
+ <a class="bg-transparent border-2 px-8 py-4 rounded-lg font-semibold text-lg">
395
  EU HORIZON 2020<br>APPROVED
396
  </a>
397
  </div>
 
409
  </p>
410
  <div class="flex flex-col sm:flex-row justify-center gap-4">
411
  <button class="btn-primary px-8 py-4 rounded-lg font-semibold text-lg">
412
+
413
+ <a href="/contant">Contact Sales</a>
414
  </button>
415
  <button class="bg-transparent border-2 border-orange-600 px-8 py-4 rounded-lg font-semibold text-lg hover:bg-orange-600 transition">
416
+ <a href="/solutions">Explore Solutions</a>
417
  </button>
418
  </div>
419
  </div>
420
  </section>
421
 
422
+
423
  <!-- Footer -->
424
  <footer class="bg-slate-900 border-t border-slate-800 py-12 px-4">
425
  <div class="max-w-7xl mx-auto">