
What Requires Attention
The BIG Questions
Domain Overview
Technical Findings
Email Authentication
Mail Transport Security
DNS Security
Brand & Certificate Controls
AI Surface Scanner Governance Active
Priority Actions 6 total Achievable: Low Risk
DANE/TLSA records are present but DNSSEC is not enabled. DANE cannot function without DNSSEC validation.
DNSSEC is not enabled for this domain. DNSSEC provides cryptographic authentication of DNS responses, preventing cache poisoning and DNS spoofing attacks.
Your domain has DMARC reject — you qualify for BIMI, which displays your brand logo in receiving email clients that support it (Gmail, Apple Mail, Yahoo).
CAA records specify which Certificate Authorities may issue certificates for your domain, reducing the risk of unauthorized certificate issuance.
Your domain has DNSSEC + DANE — the strongest email transport security available. TLS-RPT (TLS Reporting) sends you reports about TLS connection failures when other servers try to deliver mail to your domain.
MTA-STS enforces TLS encryption for inbound mail delivery, preventing downgrade attacks on your mail transport.
Appendix — Additional Resources
Full technical details including raw DNS records, DKIM public keys, IP/ASN mappings, resolver consensus evidence, and verification commands are available in the Engineer's DNS Intelligence Report.
Appendix — What AIs Are Being Told About This Organization What do AI systems see when they query this domain?
The following content is served to AI systems (ChatGPT, Gemini, Claude, Perplexity, and others) when they visit this domain. This is the organization's machine-readable narrative — it shapes how AI models describe, recommend, and represent this brand in conversations worldwide.
llms.txt (https://purple-securities.com/.well-known/llms.txt)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" />
<meta property="og:image" content="assets/img/PSEC.webp" />
<meta name="description"
content="Purple Securities - Cybersecurity Services. VAPT, DFIR, and Advanced Security Solutions. 20+ in-house professionals protecting your digital assets." />
<meta name="author" content="Purple Securities" />
<title>Purple Securities</title>
<link rel="shortcut icon" type="image/x-icon" href="assets/purplebug.ico" />
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script>
<script>
(function () { emailjs.init({ publicKey: "Q8zI-zn5TXyZhTezb" }); })();
</script>
<script src="https://unpkg.com/core-js-bundle@3.45.1/minified.js"></script>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap"
rel="stylesheet" />
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
inter: ["Inter", "system-ui", "sans-serif"],
grotesk: ["Space Grotesk", "system-ui", "sans-serif"],
},
colors: {
primaryPurple: "#8400ff",
darkPurple: "#6b00cc",
lightPurple: "#a64dff",
accentPurple: "#bc13ff",
neonPurple: "#da21ff",
darkBg: "#0d021c",
darkerBg: "#120528",
sectionBg: "#1a0b2e",
},
borderRadius: { xl2: "20px", xl1: "10px" },
boxShadow: {
smPurple: "0 4px 20px rgba(132, 0, 255, 0.15)",
mdPurple: "0 10px 40px rgba(132, 0, 255, 0.25)",
lgPurple: "0 25px 70px rgba(132, 0, 255, 0.35)",
},
padding: { 'safe-bottom': 'env(safe-area-inset-bottom)' }
},
},
};
</script>
<link href="/css/styles.css?v=6332389" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/lenis@1.3.16/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/animejs@3.2.2/lib/anime.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@theatre/browser-bundles@0.7.2/dist/core-only.min.js"></script>
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.180.0/build/three.module.js"
}
}
</script>
</head>
<body id="page-top" class="text-[#e0e0e0]">
<nav id="mainNav"
class="fixed top-0 left-0 right-0 z-[1030] h-20 lg:h-24 flex items-center bg-[#8400ff]/15 backdrop-blur-[20px] border-b border-[rgba(132,0,255,0.15)] transition-all duration-300">
<div class="w-full h-full px-6 md:px-12 lg:px-8 flex items-center justify-center lg:justify-between">
<a class="flex items-center no-underline lg:p-0 p-2" href="#page-top">
<img src="assets/purplebig-removebg-preview.png" alt="Purple Securities"
class="h-[40px] lg:h-[50px] rounded-full w-auto drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition-all duration-300" />
<span class="ml-2 text-[1.2rem] lg:text-[1.5rem] font-extrabold text-white/80">Purple Securities</span>
</a>
<div id="navbarResponsive" class="hidden lg:flex ml-auto h-full items-center">
<ul class="flex flex-col lg:flex-row lg:items-center gap-2 lg:gap-2">
<li><a class="navlink" href="#page-top">HOME</a></li>
<li><a class="navlink" href="#about">ABOUT</a></li>
<li class="relative">
<button id="servicesDropdownBtn" class="navlink inline-flex items-center gap-2" type="button"
aria-expanded="false">
SERVICES
<i id="servicesChevron" class="fas fa-chevron-down chev text-[0.85rem] opacity-80"></i>
</button>
<ul id="servicesDropdownMenu"
class="hidden absolute left-0 mt-2 min-w-[12rem] rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(13,2,28,0.98)] backdrop-blur-[20px] shadow-mdPurple py-2">
<li><a
class="block px-6 py-3 text-[0.875rem] font-medium tracking-[0.5px] text-[#e0e0e0] hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition"
href="vapt.html">VAPT</a></li>
<li><a
class="block px-6 py-3 text-[0.875rem] font-medium tracking-[0.5px] text-[#e0e0e0] hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition"
href="dfir.html">DFIR</a></li>
</ul>
</li>
<li><a class="navlink" href="#services">INDUSTRIES</a></li>
<li><a class="navlink" href="#creds">CREDENTIALS</a></li>
<li><a class="navlink" href="#contact">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<header id="home"
class="relative min-h-screen flex items-center justify-center hero-bg pt-[80px] lg:pt-[180px] pb-[100px] overflow-hidden">
<div class="absolute inset-0 hero-overlay"></div>
<div class="absolute inset-0 pointer-events-none">
<div id="heroSpot" class="hero-spot"></div>
</div>
<div class="relative z-[2] w-full px-6 md:px-12 lg:px-24">
<div class="mx-auto max-w-[1100px] text-center">
<h1 id="heroTitle"
class="font-grotesk text-[clamp(2.5rem,6vw,5rem)] font-extrabold leading-[1.15] tracking-[-1px] mb-8">
<span class="gradient-text">Identify, Respond, Secure</span><br />
<span class="outline-text">PURPLE SECURITIES</span>
</h1>
<p id="heroSub"
class="mx-auto mb-14 max-w-[750px] text-[clamp(1.1rem,2.2vw,1.4rem)] leading-[1.8] text-[#b0b0b0]">
From identifying vulnerabilities and enhancing security controls to handling real-life cyberattacks,
our specialized services are designed to defend your organization from threats on all fronts.
</p>
<div class="flex flex-wrap items-center justify-center gap-6 mb-20">
<a href="#about" class="btn-primary-custom" id="heroCtaPrimary">Explore Our Services</a>
<a href="#contact" id="heroCtaSecondary"
class="inline-flex items-center gap-3 rounded-full px-12 py-[1.1rem] font-bold uppercase tracking-[1px] text-white border-2 border-primaryPurple transition duration-300 hover:-translate-y-1 hover:bg-[rgba(132,0,255,0.2)] hover:border-neonPurple hover:shadow-[0_15px_50px_rgba(132,0,255,0.3)]">
Get In Touch
</a>
</div>
<div class="flex flex-wrap items-center justify-center gap-10" id="heroStats">
<div class="text-center p-4">
<div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
<span class="gradient-text">15+</span>
</div>
<div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">In-House
Professionals</div>
</div>
<div class="hidden md:block w-[2px] h-[60px]"
style="background: linear-gradient(to bottom, transparent, #8400ff, transparent);"></div>
<div class="text-center p-4">
<div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
<span class="gradient-text">40+</span>
</div>
<div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">Clients
Protected</div>
</div>
<div class="hidden md:block w-[2px] h-[60px]"
style="background: linear-gradient(to bottom, transparent, #8400ff, transparent);"></div>
<div class="text-center p-4">
<div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
<span class="gradient-text">100,000+</span>
</div>
<div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">Threats
Responded</div>
</div>
</div>
</div>
</div>
</header>
<section id="logoScroll" class="logoScroll">
<div id="logoStage3D" aria-hidden="true">
<canvas id="logoCanvas3D"></canvas>
</div>
<div class="logoCopy">
<div class="logoKicker">Purple Securities</div>
<h2 class="logoTitle">Identify. Respond. Secure.</h2>
<p class="logoDesc">
We blend offensive and defensive security to protect modern organizations—VAPT, DFIR, threat hunting, and security engineering.
</p>
</div>
</section>
<section id="about" class="relative py-16 md:py-24 lg:py-[100px]"
style="background: linear-gradient(180deg, transparent 0%, #1a0b2e 50%, transparent 100%);">
<div class="px-6 md:px-12 lg:px-24">
<div class="text-center mb-10 md:mb-16">
<span
class="inline-block text-[0.75rem] md:text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-5 md:px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
WHO WE ARE
</span>
<h2
class="font-grotesk text-[clamp(1.75rem,5vw,3.5rem)] font-extrabold text-white mb-4 md:mb-6 leading-[1.15] md:leading-[1.2]">
About Purple Securities
</h2>
<p class="mx-auto max-w-[700px] text-[clamp(0.95rem,2.4vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
Multidisciplinary cybersecurity experts dedicated to protecting
<span class="hidden sm:inline"><br /></span>
your digital assets
</p>
</div>
<div class="about-content cursor-default">
<div class="about-main grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 lg:gap-10">
<div class="about-card">
<div class="card-icon">
<i class="fas fa-shield-alt"></i>
</div>
<div class="card-content">
<h3>Our Mission</h3>
<p>
Purple Securities stands at the forefront of cybersecurity innovation. We help organizations identify and remediate vulnerabilities before adversaries can exploit them. With cutting-edge techniques, and years of hands-on expertise, we transform security weaknesses into impenetrable defenses, ensuring our clients stay ahead of evolving cyber threats in an increasingly hostile digital landscape.
</p>
</div>
</div>
<div class="about-card">
<div class="card-icon">
<i class="fas fa-users"></i>
</div>
<div class="card-content">
<h3>Experienced Professionals in Diverse Fields of Cybersecurity</h3>
<p>
Our team comprises 15+ in-house cybersecurity professionals specializing in offensive security operations, digital forensics and incident response, threat hunting, malware analysis, and security engineering. Each team member brings years of real-world experience, industry-recognized certifications, and an unwavering passion for protecting digital infrastructure across broad enterprise sectors.
</p>
</div>
</div>
<div class="about-card md:col-span-2 lg:col-span-1">
<div class="card-icon">
<i class="fas fa-bullseye"></i>
</div>
<div class="card-content">
<h3>Our Approach</h3>
<p>
We combine "Purple Team" methodologies—integrating both offensive and defensive security tactics—to provide comprehensive protection for modern enterprises. Our approach involves enterprise-grade vulnerability assessments and penetration testing, rapid incident response, advanced threat hunting and malware analysis, and industry-standard services meticulously tailored to your organization's specific risk profile and business objectives.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="relative py-[100px]">
<div class="px-6 md:px-12 lg:px-24">
<div class="text-center mb-16">
<span
class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
OUR EXPERTISE
</span>
<h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
Industries We Serve
</h2>
<p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
Protecting critical infrastructure across diverse sectors <br />with specialized security solutions
</p>
</div>
<div class="flex flex-col gap-16 mt-12" id="industryRows">
<div
class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
<div class="h-[300px] lg:h-[400px] overflow-hidden">
<img src="assets/img/services/bank.webp" alt="Banking and Finance"
class="w-full h-full object-cover transition duration-300 hover:scale-110" />
</div>
<div class="p-8 lg:p-12">
<h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Banking & Finance</h3>
<p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
Comprehensive security assessments and incident response for financial institutions. We protect critical
financial data, ensure regulatory compliance (BSP, PCI-DSS), and defend against sophisticated financial
fraud and cyber attacks targeting banking infrastructure.
</p>
</div>
</div>
<div
class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
<div class="order-1 lg:order-2 h-[300px] lg:h-[400px] overflow-hidden">
<img src="assets/img/services/health.webp" alt="Healthcare and Insurance"
class="w-full h-full object-cover transition duration-300 hover:scale-110" />
</div>
<div class="order-2 lg:order-1 p-8 lg:p-12">
<h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Healthcare & Insurance</h3>
<p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
Specialized security services for healthcare providers and insurance companies. We safeguard sensitive
patient data, ensure HIPAA compliance, protect medical devices and IoT systems, and defend against
ransomware targeting healthcare infrastructure.
</p>
</div>
</div>
<div
class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
<div class="h-[300px] lg:h-[400px] overflow-hidden">
<img src="assets/img/services/bpo.webp" alt="BPO Companies"
class="w-full h-full object-cover transition duration-300 hover:scale-110" />
</div>
<div class="p-8 lg:p-12">
<h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">BPO Companies</h3>
<p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
Tailored cybersecurity solutions for Business Process Outsourcing operations. We secure client data across
multiple jurisdictions, implement robust access controls, monitor for data exfiltration, and ensure
compliance with international security standards and SLAs.
</p>
</div>
</div>
<div
class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
<div class="order-1 lg:order-2 h-[300px] lg:h-[400px] overflow-hidden">
<img src="assets/img/services/others.webp" alt="Enterprise & Others"
class="w-full h-full object-cover transition duration-300 hover:scale-110" />
</div>
<div class="order-2 lg:order-1 p-8 lg:p-12">
<h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Enterprise & Others</h3>
<p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
Custom security services for enterprises across retail, manufacturing, technology, education, and government sectors.
</p>
</div>
</div>
</div>
</div>
</section>
<section id="creds" class="relative py-[120px]"
style="background: linear-gradient(180deg, transparent 0%, #1a0b2e 50%, transparent 100%);">
<div class="px-6 md:px-12 lg:px-24">
<div class="text-center mb-16">
<span
class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
OUR CERTIFICATIONS
</span>
<h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
Professional Credentials
</h2>
<p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
Industry-recognized certifications from leading cybersecurity institutions validating our team's expertise.
</p>
</div>
<div class="relative overflow-hidden mt-12 py-8 credentials-viewport">
<div class="credentials-track">
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/btl1.webp" alt="BTL1 - Blue Team Level 1"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cc.webp" alt="CC - Certified in Cybersecurity"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cdth.webp" alt="CDTH - Certified Digital Threat Hunter"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/EHVAPT.png" alt="EH:VAPT"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/crta.png" alt="CRTA - Certified Red Team Analyst"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/crts.png" alt="CRTS - Certified Red Team Specialist"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/c3sa.webp" alt="C3SA - Certified Cloud Security Specialist"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cpts.png" alt="CPTS - Certified Penetration Testing Specialist"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cwes.png" alt="CWES - Certified Web Exploitation Specialist"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/ewptx.png" alt="eWPTX - Web Application Penetration Tester eXtreme"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/PWPP.webp" alt="PWPP - Practical Web Penetration Professional"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/sal1.png" alt="SAL1 - Security Analyst Level 1"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cap.webp" alt="CAP - Certified Application Security Practitioner"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/capenx.webp" alt="CAPENX - Certified Application Security Practitioner Extended"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cnsp.png" alt="CNSP - Certified Network Security Practitioner"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/ccna.png" alt="CCNA - Cisco Certified Network Administrator"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="relative py-[120px] bg-center bg-cover bg-no-repeat"
style='background-image:url("assets/img/map-image.webp"); background-attachment: fixed;'>
<div class="px-6 md:px-12 lg:px-24">
<div class="text-center mb-16">
<span
class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
GET IN TOUCH
</span>
<h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
Contact Us
</h2>
<p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
Ready to strengthen your cybersecurity posture? Let's discuss your security needs
</p>
</div>
<div
class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start relative z-[2] rounded-2xl bg-[rgba(13,2,28,0.1)] backdrop-blur-[50px] shadow-lgPurple">
<div class="p-6 md:p-12 h-full">
<h3 class="font-grotesk text-[1.6rem] font-extrabold text-white mb-6">
Let’s Secure Your Organization
</h3>
<p class="text-[#b0b0b0] leading-[1.8] mb-8 text-[1.05rem]">
Our cybersecurity specialists are ready to help you identify risks, respond to incidents, and strengthen
your defenses across infrastructure, applications, and endpoints.
</p>
<div class="space-y-6 text-white/80">
<div class="flex items-start gap-3">
<i class="fa-solid fa-headset text-neonPurple mt-1"></i>
<div>
<div class="font-semibold text-white">Customer Support</div>
<div class="text-[#b0b0b0] select-all"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e0939590908f9294a0909592908c85cd93858395928994898593ce838f8d">[email protected]</a></div>
</div>
</div>
<div class="flex items-start gap-3">
<i class="fa-solid fa-briefcase text-neonPurple mt-1"></i>
<div>
<div class="font-semibold text-white">Sales / Inquiry</div>
<div class="text-[#b0b0b0] select-all"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c8bba9a4adbb88b8bdbab8a4ade5bbadabbdbaa1bca1adbbe6aba7a5">[email protected]</a></div>
</div>
</div>
<div class="flex items-start gap-3">
<i class="fa-solid fa-location-dot text-neonPurple mt-1"></i>
<div>
<div class="font-semibold text-white">Coverage</div>
<div class="text-[#b0b0b0]">PH • APAC • Remote engagements</div>
</div>
</div>
</div>
</div>
<div class="mx-auto w-full max-w-[800px]">
<form id="contactForm" onsubmit="event.preventDefault(); sendMail();"
class="rounded-xl2 bg-[rgba(13,2,28,0.8)] backdrop-blur-[20px] p-8 md:p-12">
<div class="grid grid-cols-1 gap-6 mb-6">
<div class="flex flex-col">
<label for="subject"
class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Subject</label>
<input
class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
id="subject" type="text" placeholder="How can we help you?" required />
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<div class="flex flex-col">
<label for="name"
class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Your Name</label>
<input
class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
id="name" type="text" placeholder="John Doe" required />
</div>
<div class="flex flex-col">
<label for="email"
class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Your Email</label>
<input
class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
id="email" type="email" placeholder="john@example.com" required />
</div>
</div>
<div class="grid grid-cols-1 gap-6 mb-6">
<div class="flex flex-col">
<label for="message"
class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Message</label>
<textarea
class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0] min-h-[150px] resize-y"
id="message" placeholder="Tell us more about your security needs..." rows="6"
required></textarea>
</div>
</div>
<div class="flex justify-center my-6">
<div class="g-recaptcha" data-sitekey="6LdgSmIsAAAAAAF7sV0fl4P3DfjS184VVF3Gdatx"></div>
</div>
<div id="submitSuccessMessage"
class="hidden mb-6 rounded-xl1 border border-[rgba(25,135,84,0.5)] bg-[rgba(25,135,84,0.15)] text-[#75fb4c] px-6 py-4 font-medium flex items-center gap-3">
<i class="fas fa-check-circle"></i> Your message has been sent successfully!
</div>
<div id="submitErrorMessage"
class="hidden mb-6 rounded-xl1 border border-[rgba(220,53,69,0.5)] bg-[rgba(220,53,69,0.15)] text-[#ff6b6b] px-6 py-4 font-medium flex items-center gap-3">
<i class="fas fa-exclamation-circle"></i> Error sending message. Please try again.
</div>
<div class="mt-8">
<button class="btn-submit" id="submitButton" type="submit"
style="background: linear-gradient(135deg,#8400ff,#bc13ff);">
<span>Send Message</span>
<i class="fas fa-paper-plane"></i>
</button>
</div>
</form>
</div>
</div>
</div>
</section>
<footer class="bg-sectionBg pt-[60px] pb-[30px] border-t border-[rgba(132,0,255,0.2)]">
<div class="px-6 md:px-12 lg:px-24">
<div class="grid grid-cols-1 lg:grid-cols-[2fr_1fr_1fr] gap-12 mb-12">
<div class="max-w-[400px]">
<img src="assets/purplebig-removebg-preview.png" alt="Purple Securities"
class="h-[60px] w-auto mb-6 drop-shadow-[0_0_10px_rgba(132,0,255,0.3)]" />
<p class="text-[#b0b0b0] leading-[1.7] text-[1rem]">
Multidisciplinary cybersecurity services protecting your digital future with cutting-edge expertise and
industry-leading practices.
</p>
</div>
<div>
<h4 class="font-grotesk text-[1.2rem] font-bold text-white mb-6">Quick Links</h4>
<ul class="space-y-3">
<li><a href="#about"
class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">About</a>
</li>
<li><a href="vapt.html"
class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">VAPT
Services</a></li>
<li><a href="dfir.html"
class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">DFIR
Services</a></li>
<li><a href="#contact"
class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">Contact</a>
</li>
</ul>
</div>
<div>
<h4 class="font-grotesk text-[1.2rem] font-bold text-white mb-6">Connect With Us</h4>
<div class="flex gap-4">
<a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer"
class="w-[50px] h-[50px] rounded-xl1 border-2 border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)] flex items-center justify-center text-[#e0e0e0] no-underline text-[1.2rem] transition hover:bg-[linear-gradient(135deg,#8400ff,#bc13ff)] hover:border-primaryPurple hover:text-white hover:-translate-y-1 hover:rotate-[5deg] hover:shadow-mdPurple"
aria-label="Facebook">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.linkedin.com/" target="_blank" rel="noopener noreferrer"
class="w-[50px] h-[50px] rounded-xl1 border-2 border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)] flex items-center justify-center text-[#e0e0e0] no-underline text-[1.2rem] transition hover:bg-[linear-gradient(135deg,#8400ff,#bc13ff)] hover:border-primaryPurple hover:text-white hover:-translate-y-1 hover:rotate-[5deg] hover:shadow-mdPurple"
aria-label="LinkedIn">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
</div>
</div>
<div
class="pt-8 border-t border-[rgba(132,0,255,0.2)] flex flex-col md:flex-row items-center justify-between gap-4 text-center md:text-left">
<p class="text-[#b0b0b0] m-0 text-[0.95rem]">© 2024 Purple Securities. All rights reserved.</p>
<div class="flex items-center gap-4">
<a href="#!" class="text-[#b0b0b0] no-underline transition hover:text-accentPurple text-[0.95rem]">Privacy
Policy</a>
<span class="text-[#b0b0b0]">|</span>
<a href="#!" class="text-[#b0b0b0] no-underline transition hover:text-accentPurple text-[0.95rem]">Terms of
Service</a>
</div>
</div>
</div>
</footer>
<nav id="mobileAppNav"
class="lg:hidden fixed bottom-0 left-0 right-0 z-[5000] bg-[rgba(13,2,28,0.95)] backdrop-blur-[20px] border-t border-[rgba(132,0,255,0.3)] pb-safe-bottom">
<div class="flex justify-around items-center h-16">
<a href="#page-top"
class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
<i class="fas fa-home text-lg mb-1"></i>
<span class="text-[0.65rem] font-medium tracking-wide">HOME</span>
</a>
<a href="#about"
class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
<i class="fas fa-info-circle text-lg mb-1"></i>
<span class="text-[0.65rem] font-medium tracking-wide">ABOUT</span>
</a>
<button id="mobileBottomServicesBtn"
class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition focus:outline-none active:text-neonPurple">
<i class="fas fa-layer-group text-lg mb-1"></i>
<span class="text-[0.65rem] font-medium tracking-wide">SERVICES</span>
</button>
<a href="#services"
class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
<i class="fas fa-briefcase text-lg mb-1"></i>
<span class="text-[0.65rem] font-medium tracking-wide">SECTORS</span>
</a>
<a href="#contact"
class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
<i class="fas fa-envelope text-lg mb-1"></i>
<span class="text-[0.65rem] font-medium tracking-wide">CONTACT</span>
</a>
</div>
</nav>
<div id="mobileServicesPopup"
class="hidden lg:hidden fixed bottom-20 left-1/2 transform -translate-x-1/2 w-[90%] max-w-[300px] bg-[rgba(13,2,28,0.98)] border border-[rgba(132,0,255,0.3)] rounded-xl2 shadow-lgPurple z-[5001] overflow-hidden flex flex-col">
<a href="vapt.html"
class="px-6 py-4 text-center border-b border-[rgba(132,0,255,0.2)] text-[#e0e0e0] font-medium hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition">VAPT
Services</a>
<a href="dfir.html"
class="px-6 py-4 text-center text-[#e0e0e0] font-medium hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition">DFIR
Services</a>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script src="js/mail.js?v=332389"></script>
<script type="module" src="js/scripts.js?v=332389"></script>
<script type="module" src="js/logoScroll.js?v=332389"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"3a24747aec8444e783978ebd7a4c9b6e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
llms-full.txt (https://purple-securities.com/.well-known/llms-full.txt)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" />
<meta property="og:image" content="assets/img/PSEC.webp" />
<meta name="description"
content="Purple Securities - Cybersecurity Services. VAPT, DFIR, and Advanced Security Solutions. 20+ in-house professionals protecting your digital assets." />
<meta name="author" content="Purple Securities" />
<title>Purple Securities</title>
<link rel="shortcut icon" type="image/x-icon" href="assets/purplebug.ico" />
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script>
<script>
(function () { emailjs.init({ publicKey: "Q8zI-zn5TXyZhTezb" }); })();
</script>
<script src="https://unpkg.com/core-js-bundle@3.45.1/minified.js"></script>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap"
rel="stylesheet" />
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
inter: ["Inter", "system-ui", "sans-serif"],
grotesk: ["Space Grotesk", "system-ui", "sans-serif"],
},
colors: {
primaryPurple: "#8400ff",
darkPurple: "#6b00cc",
lightPurple: "#a64dff",
accentPurple: "#bc13ff",
neonPurple: "#da21ff",
darkBg: "#0d021c",
darkerBg: "#120528",
sectionBg: "#1a0b2e",
},
borderRadius: { xl2: "20px", xl1: "10px" },
boxShadow: {
smPurple: "0 4px 20px rgba(132, 0, 255, 0.15)",
mdPurple: "0 10px 40px rgba(132, 0, 255, 0.25)",
lgPurple: "0 25px 70px rgba(132, 0, 255, 0.35)",
},
padding: { 'safe-bottom': 'env(safe-area-inset-bottom)' }
},
},
};
</script>
<link href="/css/styles.css?v=6332389" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/lenis@1.3.16/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/animejs@3.2.2/lib/anime.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@theatre/browser-bundles@0.7.2/dist/core-only.min.js"></script>
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.180.0/build/three.module.js"
}
}
</script>
</head>
<body id="page-top" class="text-[#e0e0e0]">
<nav id="mainNav"
class="fixed top-0 left-0 right-0 z-[1030] h-20 lg:h-24 flex items-center bg-[#8400ff]/15 backdrop-blur-[20px] border-b border-[rgba(132,0,255,0.15)] transition-all duration-300">
<div class="w-full h-full px-6 md:px-12 lg:px-8 flex items-center justify-center lg:justify-between">
<a class="flex items-center no-underline lg:p-0 p-2" href="#page-top">
<img src="assets/purplebig-removebg-preview.png" alt="Purple Securities"
class="h-[40px] lg:h-[50px] rounded-full w-auto drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition-all duration-300" />
<span class="ml-2 text-[1.2rem] lg:text-[1.5rem] font-extrabold text-white/80">Purple Securities</span>
</a>
<div id="navbarResponsive" class="hidden lg:flex ml-auto h-full items-center">
<ul class="flex flex-col lg:flex-row lg:items-center gap-2 lg:gap-2">
<li><a class="navlink" href="#page-top">HOME</a></li>
<li><a class="navlink" href="#about">ABOUT</a></li>
<li class="relative">
<button id="servicesDropdownBtn" class="navlink inline-flex items-center gap-2" type="button"
aria-expanded="false">
SERVICES
<i id="servicesChevron" class="fas fa-chevron-down chev text-[0.85rem] opacity-80"></i>
</button>
<ul id="servicesDropdownMenu"
class="hidden absolute left-0 mt-2 min-w-[12rem] rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(13,2,28,0.98)] backdrop-blur-[20px] shadow-mdPurple py-2">
<li><a
class="block px-6 py-3 text-[0.875rem] font-medium tracking-[0.5px] text-[#e0e0e0] hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition"
href="vapt.html">VAPT</a></li>
<li><a
class="block px-6 py-3 text-[0.875rem] font-medium tracking-[0.5px] text-[#e0e0e0] hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition"
href="dfir.html">DFIR</a></li>
</ul>
</li>
<li><a class="navlink" href="#services">INDUSTRIES</a></li>
<li><a class="navlink" href="#creds">CREDENTIALS</a></li>
<li><a class="navlink" href="#contact">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<header id="home"
class="relative min-h-screen flex items-center justify-center hero-bg pt-[80px] lg:pt-[180px] pb-[100px] overflow-hidden">
<div class="absolute inset-0 hero-overlay"></div>
<div class="absolute inset-0 pointer-events-none">
<div id="heroSpot" class="hero-spot"></div>
</div>
<div class="relative z-[2] w-full px-6 md:px-12 lg:px-24">
<div class="mx-auto max-w-[1100px] text-center">
<h1 id="heroTitle"
class="font-grotesk text-[clamp(2.5rem,6vw,5rem)] font-extrabold leading-[1.15] tracking-[-1px] mb-8">
<span class="gradient-text">Identify, Respond, Secure</span><br />
<span class="outline-text">PURPLE SECURITIES</span>
</h1>
<p id="heroSub"
class="mx-auto mb-14 max-w-[750px] text-[clamp(1.1rem,2.2vw,1.4rem)] leading-[1.8] text-[#b0b0b0]">
From identifying vulnerabilities and enhancing security controls to handling real-life cyberattacks,
our specialized services are designed to defend your organization from threats on all fronts.
</p>
<div class="flex flex-wrap items-center justify-center gap-6 mb-20">
<a href="#about" class="btn-primary-custom" id="heroCtaPrimary">Explore Our Services</a>
<a href="#contact" id="heroCtaSecondary"
class="inline-flex items-center gap-3 rounded-full px-12 py-[1.1rem] font-bold uppercase tracking-[1px] text-white border-2 border-primaryPurple transition duration-300 hover:-translate-y-1 hover:bg-[rgba(132,0,255,0.2)] hover:border-neonPurple hover:shadow-[0_15px_50px_rgba(132,0,255,0.3)]">
Get In Touch
</a>
</div>
<div class="flex flex-wrap items-center justify-center gap-10" id="heroStats">
<div class="text-center p-4">
<div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
<span class="gradient-text">15+</span>
</div>
<div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">In-House
Professionals</div>
</div>
<div class="hidden md:block w-[2px] h-[60px]"
style="background: linear-gradient(to bottom, transparent, #8400ff, transparent);"></div>
<div class="text-center p-4">
<div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
<span class="gradient-text">40+</span>
</div>
<div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">Clients
Protected</div>
</div>
<div class="hidden md:block w-[2px] h-[60px]"
style="background: linear-gradient(to bottom, transparent, #8400ff, transparent);"></div>
<div class="text-center p-4">
<div class="font-grotesk text-[clamp(2.5rem,4vw,3.5rem)] font-extrabold leading-none mb-2">
<span class="gradient-text">100,000+</span>
</div>
<div class="text-[0.95rem] uppercase tracking-[1px] font-medium text-[#b0b0b0]">Threats
Responded</div>
</div>
</div>
</div>
</div>
</header>
<section id="logoScroll" class="logoScroll">
<div id="logoStage3D" aria-hidden="true">
<canvas id="logoCanvas3D"></canvas>
</div>
<div class="logoCopy">
<div class="logoKicker">Purple Securities</div>
<h2 class="logoTitle">Identify. Respond. Secure.</h2>
<p class="logoDesc">
We blend offensive and defensive security to protect modern organizations—VAPT, DFIR, threat hunting, and security engineering.
</p>
</div>
</section>
<section id="about" class="relative py-16 md:py-24 lg:py-[100px]"
style="background: linear-gradient(180deg, transparent 0%, #1a0b2e 50%, transparent 100%);">
<div class="px-6 md:px-12 lg:px-24">
<div class="text-center mb-10 md:mb-16">
<span
class="inline-block text-[0.75rem] md:text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-5 md:px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
WHO WE ARE
</span>
<h2
class="font-grotesk text-[clamp(1.75rem,5vw,3.5rem)] font-extrabold text-white mb-4 md:mb-6 leading-[1.15] md:leading-[1.2]">
About Purple Securities
</h2>
<p class="mx-auto max-w-[700px] text-[clamp(0.95rem,2.4vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
Multidisciplinary cybersecurity experts dedicated to protecting
<span class="hidden sm:inline"><br /></span>
your digital assets
</p>
</div>
<div class="about-content cursor-default">
<div class="about-main grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 lg:gap-10">
<div class="about-card">
<div class="card-icon">
<i class="fas fa-shield-alt"></i>
</div>
<div class="card-content">
<h3>Our Mission</h3>
<p>
Purple Securities stands at the forefront of cybersecurity innovation. We help organizations identify and remediate vulnerabilities before adversaries can exploit them. With cutting-edge techniques, and years of hands-on expertise, we transform security weaknesses into impenetrable defenses, ensuring our clients stay ahead of evolving cyber threats in an increasingly hostile digital landscape.
</p>
</div>
</div>
<div class="about-card">
<div class="card-icon">
<i class="fas fa-users"></i>
</div>
<div class="card-content">
<h3>Experienced Professionals in Diverse Fields of Cybersecurity</h3>
<p>
Our team comprises 15+ in-house cybersecurity professionals specializing in offensive security operations, digital forensics and incident response, threat hunting, malware analysis, and security engineering. Each team member brings years of real-world experience, industry-recognized certifications, and an unwavering passion for protecting digital infrastructure across broad enterprise sectors.
</p>
</div>
</div>
<div class="about-card md:col-span-2 lg:col-span-1">
<div class="card-icon">
<i class="fas fa-bullseye"></i>
</div>
<div class="card-content">
<h3>Our Approach</h3>
<p>
We combine "Purple Team" methodologies—integrating both offensive and defensive security tactics—to provide comprehensive protection for modern enterprises. Our approach involves enterprise-grade vulnerability assessments and penetration testing, rapid incident response, advanced threat hunting and malware analysis, and industry-standard services meticulously tailored to your organization's specific risk profile and business objectives.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="relative py-[100px]">
<div class="px-6 md:px-12 lg:px-24">
<div class="text-center mb-16">
<span
class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
OUR EXPERTISE
</span>
<h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
Industries We Serve
</h2>
<p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
Protecting critical infrastructure across diverse sectors <br />with specialized security solutions
</p>
</div>
<div class="flex flex-col gap-16 mt-12" id="industryRows">
<div
class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
<div class="h-[300px] lg:h-[400px] overflow-hidden">
<img src="assets/img/services/bank.webp" alt="Banking and Finance"
class="w-full h-full object-cover transition duration-300 hover:scale-110" />
</div>
<div class="p-8 lg:p-12">
<h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Banking & Finance</h3>
<p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
Comprehensive security assessments and incident response for financial institutions. We protect critical
financial data, ensure regulatory compliance (BSP, PCI-DSS), and defend against sophisticated financial
fraud and cyber attacks targeting banking infrastructure.
</p>
</div>
</div>
<div
class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
<div class="order-1 lg:order-2 h-[300px] lg:h-[400px] overflow-hidden">
<img src="assets/img/services/health.webp" alt="Healthcare and Insurance"
class="w-full h-full object-cover transition duration-300 hover:scale-110" />
</div>
<div class="order-2 lg:order-1 p-8 lg:p-12">
<h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Healthcare & Insurance</h3>
<p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
Specialized security services for healthcare providers and insurance companies. We safeguard sensitive
patient data, ensure HIPAA compliance, protect medical devices and IoT systems, and defend against
ransomware targeting healthcare infrastructure.
</p>
</div>
</div>
<div
class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
<div class="h-[300px] lg:h-[400px] overflow-hidden">
<img src="assets/img/services/bpo.webp" alt="BPO Companies"
class="w-full h-full object-cover transition duration-300 hover:scale-110" />
</div>
<div class="p-8 lg:p-12">
<h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">BPO Companies</h3>
<p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
Tailored cybersecurity solutions for Business Process Outsourcing operations. We secure client data across
multiple jurisdictions, implement robust access controls, monitor for data exfiltration, and ensure
compliance with international security standards and SLAs.
</p>
</div>
</div>
<div
class="industry-row-js relative grid grid-cols-1 lg:grid-cols-2 gap-12 items-center rounded-xl2 border border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] overflow-hidden transition duration-300 hover:-translate-y-2 hover:border-primaryPurple hover:shadow-lgPurple">
<div class="order-1 lg:order-2 h-[300px] lg:h-[400px] overflow-hidden">
<img src="assets/img/services/others.webp" alt="Enterprise & Others"
class="w-full h-full object-cover transition duration-300 hover:scale-110" />
</div>
<div class="order-2 lg:order-1 p-8 lg:p-12">
<h3 class="font-grotesk text-[2rem] font-bold text-white mb-6">Enterprise & Others</h3>
<p class="text-[#b0b0b0] leading-[1.8] text-[1.05rem]">
Custom security services for enterprises across retail, manufacturing, technology, education, and government sectors.
</p>
</div>
</div>
</div>
</div>
</section>
<section id="creds" class="relative py-[120px]"
style="background: linear-gradient(180deg, transparent 0%, #1a0b2e 50%, transparent 100%);">
<div class="px-6 md:px-12 lg:px-24">
<div class="text-center mb-16">
<span
class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
OUR CERTIFICATIONS
</span>
<h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
Professional Credentials
</h2>
<p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
Industry-recognized certifications from leading cybersecurity institutions validating our team's expertise.
</p>
</div>
<div class="relative overflow-hidden mt-12 py-8 credentials-viewport">
<div class="credentials-track">
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/btl1.webp" alt="BTL1 - Blue Team Level 1"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cc.webp" alt="CC - Certified in Cybersecurity"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cdth.webp" alt="CDTH - Certified Digital Threat Hunter"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/EHVAPT.png" alt="EH:VAPT"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/crta.png" alt="CRTA - Certified Red Team Analyst"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/crts.png" alt="CRTS - Certified Red Team Specialist"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/c3sa.webp" alt="C3SA - Certified Cloud Security Specialist"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cpts.png" alt="CPTS - Certified Penetration Testing Specialist"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cwes.png" alt="CWES - Certified Web Exploitation Specialist"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/ewptx.png" alt="eWPTX - Web Application Penetration Tester eXtreme"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/PWPP.webp" alt="PWPP - Practical Web Penetration Professional"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/sal1.png" alt="SAL1 - Security Analyst Level 1"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cap.webp" alt="CAP - Certified Application Security Practitioner"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/capenx.webp" alt="CAPENX - Certified Application Security Practitioner Extended"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/cnsp.png" alt="CNSP - Certified Network Security Practitioner"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
<div
class="relative credential-ring w-[250px] h-[250px] shrink-0 rounded-xl2 border-2 border-[rgba(132,0,255,0.2)] bg-[rgba(132,0,255,0.15)] p-6 flex items-center justify-center overflow-hidden transition duration-300 hover:scale-110 hover:-translate-y-2 hover:border-primaryPurple hover:bg-[rgba(132,0,255,0.25)] hover:shadow-lgPurple">
<img src="assets/img/certs/ccna.png" alt="CCNA - Cisco Certified Network Administrator"
class="relative z-[2] w-full h-full object-contain drop-shadow-[0_0_10px_rgba(132,0,255,0.3)] transition duration-300 hover:drop-shadow-[0_0_20px_rgba(132,0,255,0.6)]" />
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="relative py-[120px] bg-center bg-cover bg-no-repeat"
style='background-image:url("assets/img/map-image.webp"); background-attachment: fixed;'>
<div class="px-6 md:px-12 lg:px-24">
<div class="text-center mb-16">
<span
class="inline-block text-[0.875rem] font-bold tracking-[3px] uppercase text-accentPurple mb-4 px-6 py-2 rounded-full border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)]">
GET IN TOUCH
</span>
<h2 class="font-grotesk text-[clamp(2rem,4vw,3.5rem)] font-extrabold text-white mb-6 leading-[1.2]">
Contact Us
</h2>
<p class="mx-auto max-w-[700px] text-[clamp(1rem,2vw,1.2rem)] leading-[1.7] text-[#b0b0b0]">
Ready to strengthen your cybersecurity posture? Let's discuss your security needs
</p>
</div>
<div
class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start relative z-[2] rounded-2xl bg-[rgba(13,2,28,0.1)] backdrop-blur-[50px] shadow-lgPurple">
<div class="p-6 md:p-12 h-full">
<h3 class="font-grotesk text-[1.6rem] font-extrabold text-white mb-6">
Let’s Secure Your Organization
</h3>
<p class="text-[#b0b0b0] leading-[1.8] mb-8 text-[1.05rem]">
Our cybersecurity specialists are ready to help you identify risks, respond to incidents, and strengthen
your defenses across infrastructure, applications, and endpoints.
</p>
<div class="space-y-6 text-white/80">
<div class="flex items-start gap-3">
<i class="fa-solid fa-headset text-neonPurple mt-1"></i>
<div>
<div class="font-semibold text-white">Customer Support</div>
<div class="text-[#b0b0b0] select-all"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="364543464659444276464344465a531b45535543445f425f53451855595b">[email protected]</a></div>
</div>
</div>
<div class="flex items-start gap-3">
<i class="fa-solid fa-briefcase text-neonPurple mt-1"></i>
<div>
<div class="font-semibold text-white">Sales / Inquiry</div>
<div class="text-[#b0b0b0] select-all"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cebdafa2abbd8ebebbbcbea2abe3bdabadbbbca7baa7abbde0ada1a3">[email protected]</a></div>
</div>
</div>
<div class="flex items-start gap-3">
<i class="fa-solid fa-location-dot text-neonPurple mt-1"></i>
<div>
<div class="font-semibold text-white">Coverage</div>
<div class="text-[#b0b0b0]">PH • APAC • Remote engagements</div>
</div>
</div>
</div>
</div>
<div class="mx-auto w-full max-w-[800px]">
<form id="contactForm" onsubmit="event.preventDefault(); sendMail();"
class="rounded-xl2 bg-[rgba(13,2,28,0.8)] backdrop-blur-[20px] p-8 md:p-12">
<div class="grid grid-cols-1 gap-6 mb-6">
<div class="flex flex-col">
<label for="subject"
class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Subject</label>
<input
class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
id="subject" type="text" placeholder="How can we help you?" required />
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<div class="flex flex-col">
<label for="name"
class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Your Name</label>
<input
class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
id="name" type="text" placeholder="John Doe" required />
</div>
<div class="flex flex-col">
<label for="email"
class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Your Email</label>
<input
class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0]"
id="email" type="email" placeholder="john@example.com" required />
</div>
</div>
<div class="grid grid-cols-1 gap-6 mb-6">
<div class="flex flex-col">
<label for="message"
class="text-[#e0e0e0] font-semibold text-[0.95rem] mb-3 tracking-[0.5px]">Message</label>
<textarea
class="w-full rounded-xl1 border border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.05)] px-5 py-4 text-[#e0e0e0] text-[1rem] transition focus:outline-none focus:border-primaryPurple focus:bg-[rgba(132,0,255,0.1)] focus:shadow-[0_0_0_3px_rgba(132,0,255,0.15)] placeholder:text-[#b0b0b0] min-h-[150px] resize-y"
id="message" placeholder="Tell us more about your security needs..." rows="6"
required></textarea>
</div>
</div>
<div class="flex justify-center my-6">
<div class="g-recaptcha" data-sitekey="6LdgSmIsAAAAAAF7sV0fl4P3DfjS184VVF3Gdatx"></div>
</div>
<div id="submitSuccessMessage"
class="hidden mb-6 rounded-xl1 border border-[rgba(25,135,84,0.5)] bg-[rgba(25,135,84,0.15)] text-[#75fb4c] px-6 py-4 font-medium flex items-center gap-3">
<i class="fas fa-check-circle"></i> Your message has been sent successfully!
</div>
<div id="submitErrorMessage"
class="hidden mb-6 rounded-xl1 border border-[rgba(220,53,69,0.5)] bg-[rgba(220,53,69,0.15)] text-[#ff6b6b] px-6 py-4 font-medium flex items-center gap-3">
<i class="fas fa-exclamation-circle"></i> Error sending message. Please try again.
</div>
<div class="mt-8">
<button class="btn-submit" id="submitButton" type="submit"
style="background: linear-gradient(135deg,#8400ff,#bc13ff);">
<span>Send Message</span>
<i class="fas fa-paper-plane"></i>
</button>
</div>
</form>
</div>
</div>
</div>
</section>
<footer class="bg-sectionBg pt-[60px] pb-[30px] border-t border-[rgba(132,0,255,0.2)]">
<div class="px-6 md:px-12 lg:px-24">
<div class="grid grid-cols-1 lg:grid-cols-[2fr_1fr_1fr] gap-12 mb-12">
<div class="max-w-[400px]">
<img src="assets/purplebig-removebg-preview.png" alt="Purple Securities"
class="h-[60px] w-auto mb-6 drop-shadow-[0_0_10px_rgba(132,0,255,0.3)]" />
<p class="text-[#b0b0b0] leading-[1.7] text-[1rem]">
Multidisciplinary cybersecurity services protecting your digital future with cutting-edge expertise and
industry-leading practices.
</p>
</div>
<div>
<h4 class="font-grotesk text-[1.2rem] font-bold text-white mb-6">Quick Links</h4>
<ul class="space-y-3">
<li><a href="#about"
class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">About</a>
</li>
<li><a href="vapt.html"
class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">VAPT
Services</a></li>
<li><a href="dfir.html"
class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">DFIR
Services</a></li>
<li><a href="#contact"
class="text-[#b0b0b0] no-underline inline-block transition hover:text-accentPurple hover:translate-x-1">Contact</a>
</li>
</ul>
</div>
<div>
<h4 class="font-grotesk text-[1.2rem] font-bold text-white mb-6">Connect With Us</h4>
<div class="flex gap-4">
<a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer"
class="w-[50px] h-[50px] rounded-xl1 border-2 border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)] flex items-center justify-center text-[#e0e0e0] no-underline text-[1.2rem] transition hover:bg-[linear-gradient(135deg,#8400ff,#bc13ff)] hover:border-primaryPurple hover:text-white hover:-translate-y-1 hover:rotate-[5deg] hover:shadow-mdPurple"
aria-label="Facebook">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.linkedin.com/" target="_blank" rel="noopener noreferrer"
class="w-[50px] h-[50px] rounded-xl1 border-2 border-[rgba(132,0,255,0.3)] bg-[rgba(132,0,255,0.1)] flex items-center justify-center text-[#e0e0e0] no-underline text-[1.2rem] transition hover:bg-[linear-gradient(135deg,#8400ff,#bc13ff)] hover:border-primaryPurple hover:text-white hover:-translate-y-1 hover:rotate-[5deg] hover:shadow-mdPurple"
aria-label="LinkedIn">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
</div>
</div>
<div
class="pt-8 border-t border-[rgba(132,0,255,0.2)] flex flex-col md:flex-row items-center justify-between gap-4 text-center md:text-left">
<p class="text-[#b0b0b0] m-0 text-[0.95rem]">© 2024 Purple Securities. All rights reserved.</p>
<div class="flex items-center gap-4">
<a href="#!" class="text-[#b0b0b0] no-underline transition hover:text-accentPurple text-[0.95rem]">Privacy
Policy</a>
<span class="text-[#b0b0b0]">|</span>
<a href="#!" class="text-[#b0b0b0] no-underline transition hover:text-accentPurple text-[0.95rem]">Terms of
Service</a>
</div>
</div>
</div>
</footer>
<nav id="mobileAppNav"
class="lg:hidden fixed bottom-0 left-0 right-0 z-[5000] bg-[rgba(13,2,28,0.95)] backdrop-blur-[20px] border-t border-[rgba(132,0,255,0.3)] pb-safe-bottom">
<div class="flex justify-around items-center h-16">
<a href="#page-top"
class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
<i class="fas fa-home text-lg mb-1"></i>
<span class="text-[0.65rem] font-medium tracking-wide">HOME</span>
</a>
<a href="#about"
class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
<i class="fas fa-info-circle text-lg mb-1"></i>
<span class="text-[0.65rem] font-medium tracking-wide">ABOUT</span>
</a>
<button id="mobileBottomServicesBtn"
class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition focus:outline-none active:text-neonPurple">
<i class="fas fa-layer-group text-lg mb-1"></i>
<span class="text-[0.65rem] font-medium tracking-wide">SERVICES</span>
</button>
<a href="#services"
class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
<i class="fas fa-briefcase text-lg mb-1"></i>
<span class="text-[0.65rem] font-medium tracking-wide">SECTORS</span>
</a>
<a href="#contact"
class="mobile-nav-item flex flex-col items-center justify-center w-full h-full text-[#b0b0b0] hover:text-neonPurple transition active:text-neonPurple">
<i class="fas fa-envelope text-lg mb-1"></i>
<span class="text-[0.65rem] font-medium tracking-wide">CONTACT</span>
</a>
</div>
</nav>
<div id="mobileServicesPopup"
class="hidden lg:hidden fixed bottom-20 left-1/2 transform -translate-x-1/2 w-[90%] max-w-[300px] bg-[rgba(13,2,28,0.98)] border border-[rgba(132,0,255,0.3)] rounded-xl2 shadow-lgPurple z-[5001] overflow-hidden flex flex-col">
<a href="vapt.html"
class="px-6 py-4 text-center border-b border-[rgba(132,0,255,0.2)] text-[#e0e0e0] font-medium hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition">VAPT
Services</a>
<a href="dfir.html"
class="px-6 py-4 text-center text-[#e0e0e0] font-medium hover:bg-[rgba(132,0,255,0.2)] hover:text-neonPurple transition">DFIR
Services</a>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script src="js/mail.js?v=332389"></script>
<script type="module" src="js/scripts.js?v=332389"></script>
<script type="module" src="js/logoScroll.js?v=332389"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"3a24747aec8444e783978ebd7a4c9b6e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
Verify Report Integrity SHA-3-512 Has this report been tampered with? Verify below
Tamper-evident fingerprint binding this analysis to its data, domain, timestamp, and tool version.
ca9275a6697b356bb283c87522d5edeb7ebab485cfcc34e2c4c08294c60d24dc19573d65b2660443446d518b08e9dfd4dbf4753e35ee4b58056bc66ea792f7f5
Internet Archive — Permanent Record Wayback Machine
This analysis is permanently archived by the Internet Archive, providing independent third-party verification of DNS security posture at analysis time.
View Archived Snapshot