|
|
|
|
@@ -15,16 +15,16 @@ import { AlertCircle, Eye, Rocket, Activity, Lock, Shield, Target, TrendingUp, U
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
defaultTextAnimation="background-highlight"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="mediumSmall"
|
|
|
|
|
sizing="mediumLarge"
|
|
|
|
|
background="noise"
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="large"
|
|
|
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="radial-glow"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="extrabold"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
|
@@ -35,7 +35,7 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "How It Works", id: "how-it-works" },
|
|
|
|
|
{ name: "FAQ", id: "faq" },
|
|
|
|
|
]}
|
|
|
|
|
button={{ text: "Find Operator", href: "#contact" }}
|
|
|
|
|
button={{ text: "Find an Operator", href: "#contact" }}
|
|
|
|
|
className="sticky top-0 z-50"
|
|
|
|
|
buttonClassName="px-6 py-2"
|
|
|
|
|
/>
|
|
|
|
|
@@ -44,19 +44,19 @@ export default function LandingPage() {
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogoBillboard
|
|
|
|
|
logoText="Dragonfly Ops"
|
|
|
|
|
description="Practical cybersecurity expertise. 100% hands-on operators, zero theory."
|
|
|
|
|
description="Hands-on expertise when threats emerge real."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Find Your Operator", href: "#contact" },
|
|
|
|
|
{ text: "Find an Operator", href: "#contact" },
|
|
|
|
|
{ text: "See How It Works", href: "#how-it-works" },
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
background={{ variant: "downward-rays-animated-grid" }}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARCSPnFH48UWw1pXuy7BCmuGdR/a-diverse-team-of-cybersecurity-professi-1772546436401-6e5bd574.png"
|
|
|
|
|
imageAlt="Dragonfly Ops tactical team in action"
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
frameStyle="card"
|
|
|
|
|
className="py-32"
|
|
|
|
|
logoClassName="text-8xl font-extrabold tracking-tight"
|
|
|
|
|
logoClassName="text-8xl font-bold tracking-tight"
|
|
|
|
|
descriptionClassName="text-2xl font-medium max-w-2xl"
|
|
|
|
|
buttonContainerClassName="flex gap-4 justify-center"
|
|
|
|
|
/>
|
|
|
|
|
@@ -64,15 +64,15 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="problem" data-section="problem">
|
|
|
|
|
<MediaAbout
|
|
|
|
|
title="Theory doesn't stop threats."
|
|
|
|
|
description="Most cybersecurity teams are reactive and over-complicated. You need operators who've been in the trenches, made split-second decisions under pressure, and know what actually works in the real world."
|
|
|
|
|
title="Threats never wait for theory."
|
|
|
|
|
description="Security teams waste time on consultancy theater. Dragonfly operators bring proven hands-on experience. We move fast when it matters."
|
|
|
|
|
tag="The Problem"
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARCSPnFH48UWw1pXuy7BCmuGdR/abstract-visualization-of-cyber-threats--1772546437455-fca0c0de.png"
|
|
|
|
|
imageAlt="Cyber threats and vulnerabilities"
|
|
|
|
|
buttons={[]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
className="py-24"
|
|
|
|
|
titleClassName="text-5xl font-extrabold"
|
|
|
|
|
titleClassName="text-5xl font-bold"
|
|
|
|
|
descriptionClassName="text-lg leading-relaxed"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -82,8 +82,8 @@ export default function LandingPage() {
|
|
|
|
|
names={[
|
|
|
|
|
"Sequoia Capital", "Andreessen Horowitz", "Y Combinator", "Stripe", "Figma", "Notion", "Scale AI"
|
|
|
|
|
]}
|
|
|
|
|
title="Trusted by leading organizations"
|
|
|
|
|
description="Companies that demand real security expertise choose Dragonfly Ops."
|
|
|
|
|
title="Trusted by market leaders."
|
|
|
|
|
description="When security matters, founders and VCs choose hands-on expertise over consultancy."
|
|
|
|
|
tag="Proven Track Record"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -95,32 +95,32 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="solution" data-section="solution">
|
|
|
|
|
<FeatureBorderGlow
|
|
|
|
|
title="Practical expertise. Real results."
|
|
|
|
|
description="100% of our team brings hands-on operational experience to every engagement."
|
|
|
|
|
title="Hands-on operators outpace theory."
|
|
|
|
|
description="100% field-tested expertise deployed when speed determines outcomes."
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
icon: Zap,
|
|
|
|
|
title: "Hands-On Operators", description: "Every team member has executed real incidents, made tactical decisions under pressure, and knows what works in production."
|
|
|
|
|
title: "Tactical Operators", description: "Real incident response experience. Split-second decisions under pressure. Production-proven expertise deployed."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Shield,
|
|
|
|
|
title: "Battle-Tested", description: "Years of real-world incident response across Fortune 500s, startups, and critical infrastructure. Experience you can trust."
|
|
|
|
|
title: "Battle-Hardened", description: "Fortune 500 to startup. Critical infrastructure secured. Decades of operational combat distilled."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Target,
|
|
|
|
|
title: "Tactical Focus", description: "We skip the theory and consultancy fluff. Direct action on your most critical threats, today."
|
|
|
|
|
title: "Zero Theory Approach", description: "No consultancy fluff. Direct action on threats. Immediate tactical deployment when risk emerges."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: AlertCircle,
|
|
|
|
|
title: "24/7 Response", description: "Always-on operations team ready to respond to threats at any hour. Your security doesn't sleep."
|
|
|
|
|
title: "24/7 Response", description: "Always-on operations team. Seconds not hours. Threat response that matches threat velocity."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: TrendingUp,
|
|
|
|
|
title: "Measurable Outcomes", description: "Real metrics. Real ROI. You get visibility into every decision and its impact on your security posture."
|
|
|
|
|
title: "Measurable Impact", description: "Real metrics drive every decision. MTTD, MTTR, containment rates. Transparency you can measure."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Users,
|
|
|
|
|
title: "Strategic Partnership", description: "We're not vendors. We're an extension of your team, aligned with your business goals and security outcomes."
|
|
|
|
|
title: "Extension Of Team", description: "Partner not vendor. Your business goals guide operations. Outcomes aligned with your success."
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
tag="Why Dragonfly Ops"
|
|
|
|
|
@@ -128,70 +128,70 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
className="py-32"
|
|
|
|
|
cardTitleClassName="text-5xl font-extrabold"
|
|
|
|
|
textBoxDescriptionClassName="text-lg"
|
|
|
|
|
cardTitleClassName="text-2xl font-bold"
|
|
|
|
|
textBoxDescriptionClassName="text-base"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
|
|
|
<MetricCardOne
|
|
|
|
|
title="From Assessment to Action"
|
|
|
|
|
description="Our proven four-stage operational model gets you from threat identification to resolution."
|
|
|
|
|
title="Assessment to action in stages."
|
|
|
|
|
description="Proven operational model from threat identification through system hardening."
|
|
|
|
|
tag="How It Works"
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "1", title: "Assess", description: "Deep dive into your environment, threats, and operational readiness.", icon: Eye,
|
|
|
|
|
id: "1", value: "1", title: "Assess", description: "Environment analysis. Threat landscape. Operational readiness evaluation.", icon: Eye,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "2", title: "Deploy", description: "Activate tactical response, coordinate operators, execute containment.", icon: Rocket,
|
|
|
|
|
id: "2", value: "2", title: "Deploy", description: "Tactical response activation. Operator coordination. Threat containment execution.", icon: Rocket,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", value: "3", title: "Monitor", description: "Real-time oversight, continuous threat hunting, active defense.", icon: Activity,
|
|
|
|
|
id: "3", value: "3", title: "Monitor", description: "Real-time oversight maintained. Continuous threat hunting. Active defense operations.", icon: Activity,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", value: "4", title: "Fortify", description: "Harden systems, establish continuous monitoring, build resilience.", icon: Lock,
|
|
|
|
|
id: "4", value: "4", title: "Fortify", description: "System hardening completed. Continuous monitoring established. Resilience built.", icon: Lock,
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
gridVariant="bento-grid"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
className="py-32"
|
|
|
|
|
textBoxTitleClassName="text-5xl font-extrabold"
|
|
|
|
|
textBoxTitleClassName="text-5xl font-bold"
|
|
|
|
|
textBoxDescriptionClassName="text-lg"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqBase
|
|
|
|
|
title="Questions answered."
|
|
|
|
|
description="Everything you need to know about working with Dragonfly Ops."
|
|
|
|
|
title="Answers to your questions."
|
|
|
|
|
description="Everything needed to understand Dragonfly Ops partnership."
|
|
|
|
|
tag="FAQ"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "What makes Dragonfly Ops different from traditional cybersecurity consultants?", content: "We're operators first, consultants never. 100% of our team has hands-on incident response experience. We don't theorize—we execute. When threats emerge, our team moves fast and decisive based on battlefield expertise, not playbooks."
|
|
|
|
|
id: "1", title: "What makes Dragonfly different from traditional consultants?", content: "Operators first. 100% of team brings hands-on incident response experience. We execute based on battlefield expertise, not theory. When threats emerge, we move."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "What types of organizations do you work with?", content: "We partner with VCs and founders building security-critical products, Series A-C companies scaling their security operations, and established organizations needing real operational expertise. Whether you're a high-growth startup or an enterprise, we have operators ready to engage."
|
|
|
|
|
id: "2", title: "Which organizations benefit most from Dragonfly?", content: "VCs and founders building security-critical products. Series A-C scaling security operations. Enterprises needing real operational expertise. If security determines your business outcome, we're your team."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "How fast can you respond to a security incident?", content: "Our team operates 24/7. Initial response typically begins within minutes of engagement. We prioritize speed and tactical effectiveness—getting your incident under control is our first objective."
|
|
|
|
|
id: "3", title: "How fast is incident response deployment?", content: "24/7 operations. Initial response within minutes of engagement. We prioritize speed and tactical effectiveness. Your incident gets controlled first, analysis follows."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "Do you provide ongoing monitoring or just incident response?", content: "Both. We can engage as your active security operations team, managing continuous threat hunting and monitoring. Or we can deploy for specific incidents. Your choice. We're flexible and outcomes-focused."
|
|
|
|
|
id: "4", title: "Do you provide monitoring or just incident response?", content: "Both. Dedicated operators managing continuous threat hunting and monitoring. Or incident-specific deployment. Your choice. Flexible engagement around your needs."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5", title: "How do you measure success?", content: "Real metrics: mean time to detect (MTTD), mean time to respond (MTTR), threat containment effectiveness, and security posture improvements. We give you visibility into every decision and its measurable impact."
|
|
|
|
|
id: "5", title: "How do you measure operational success?", content: "Metrics that matter: mean time to detect, mean time to respond, containment effectiveness, security posture improvements. Full visibility into every decision and its impact."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6", title: "What's the engagement model?", content: "We're flexible. Whether you need dedicated operators, on-call rapid response, incident retainers, or strategic security partnerships—we design engagements around your needs and budget. Talk to us about what works best for your organization."
|
|
|
|
|
id: "6", title: "What engagement models exist?", content: "Dedicated operators. On-call rapid response. Incident retainers. Strategic security partnerships. Flexible structures built around your organization. Let's discuss your specific needs."
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
className="py-24"
|
|
|
|
|
textBoxTitleClassName="text-4xl font-extrabold"
|
|
|
|
|
textBoxTitleClassName="text-4xl font-bold"
|
|
|
|
|
textBoxDescriptionClassName="text-lg"
|
|
|
|
|
showCard={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -199,13 +199,13 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactText
|
|
|
|
|
text="Ready to work with operators who don't waste time on theory? Let's find you the right expertise."
|
|
|
|
|
text="Ready for operators who skip theory? Let's find your expertise."
|
|
|
|
|
animationType="entrance-slide"
|
|
|
|
|
buttons={[{ text: "Find Your Operator", href: "#" }]}
|
|
|
|
|
buttons={[{ text: "Find an Operator", href: "#" }]}
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
className="py-32"
|
|
|
|
|
textClassName="text-4xl font-extrabold"
|
|
|
|
|
textClassName="text-4xl font-bold"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -237,10 +237,10 @@ export default function LandingPage() {
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
className="border-t border-accent py-16"
|
|
|
|
|
logoTextClassName="text-2xl font-extrabold"
|
|
|
|
|
logoTextClassName="text-2xl font-bold"
|
|
|
|
|
copyrightTextClassName="text-sm text-foreground opacity-75"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|