+const maxCount = Math.max(...TOP_LEAK_TYPES.map((t) => t.count));
- {/* Top Row: Score & Quick Actions */}
-
+ );
}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f7fa87e..17a7ed3 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,8 +13,8 @@ const geistMono = Geist_Mono({
});
export const metadata: Metadata = {
- title: "Create Next App",
- description: "Generated by create next app",
+ title: "LeakWall — Stop AI Data Leaks Before They Happen",
+ description: "The privacy-first Chrome extension that prevents you from accidentally leaking passwords, source code, SSNs, and API keys into ChatGPT, Claude, Gemini, and 600+ other AI tools.",
};
export default function RootLayout({
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 30c47c5..2f7abc1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,197 +1,437 @@
'use client';
import { motion } from 'framer-motion';
-import { ShieldCheck, Zap, AlertTriangle, CheckCircle2, ArrowRight } from 'lucide-react';
+import {
+ ShieldAlert, ShieldCheck, Zap, KeyRound, Code2, CreditCard, Lock,
+ Chrome, ArrowRight, CheckCircle2, AlertTriangle, Eye, EyeOff, Users
+} from 'lucide-react';
import Link from 'next/link';
+const AI_TOOLS = [
+ 'ChatGPT', 'Claude', 'Gemini', 'Copilot', 'DeepSeek',
+ 'Perplexity', 'Poe', 'Mistral', 'Jasper', 'Copy.ai',
+];
+
+const LEAK_TYPES = [
+ { icon: KeyRound, label: 'API Keys & Tokens', color: 'text-red-400', bg: 'bg-red-500/10 border-red-500/20' },
+ { icon: Code2, label: 'Source Code', color: 'text-orange-400', bg: 'bg-orange-500/10 border-orange-500/20' },
+ { icon: CreditCard, label: 'Credit Card Numbers', color: 'text-amber-400', bg: 'bg-amber-500/10 border-amber-500/20' },
+ { icon: Lock, label: 'Passwords & Secrets', color: 'text-rose-400', bg: 'bg-rose-500/10 border-rose-500/20' },
+ { icon: Users, label: 'SSNs & PII', color: 'text-purple-400', bg: 'bg-purple-500/10 border-purple-500/20' },
+ { icon: Eye, label: 'Medical Records', color: 'text-blue-400', bg: 'bg-blue-500/10 border-blue-500/20' },
+];
+
+const PRICING = [
+ {
+ name: 'Free',
+ price: '$0',
+ period: 'forever',
+ description: 'For individuals who want basic protection',
+ features: [
+ 'Chrome extension',
+ 'Paste warnings',
+ '5 AI tools monitored',
+ 'Basic leak history',
+ ],
+ cta: 'Install Free',
+ href: '/install',
+ highlight: false,
+ },
+ {
+ name: 'Pro',
+ price: '$5',
+ period: '/month',
+ description: 'For power users and freelancers',
+ features: [
+ 'Everything in Free',
+ '600+ AI tools monitored',
+ 'Custom detection rules',
+ 'Export reports',
+ 'Priority support',
+ ],
+ cta: 'Start Pro',
+ href: '/login',
+ highlight: false,
+ },
+ {
+ name: 'Team',
+ price: '$9',
+ period: '/user/month',
+ description: 'For small businesses (5–50 people)',
+ features: [
+ 'Everything in Pro',
+ 'Admin dashboard',
+ 'Team analytics',
+ 'Policy controls',
+ 'Email alerts',
+ ],
+ cta: 'Start Team Trial',
+ href: '/login',
+ highlight: true,
+ },
+ {
+ name: 'Business',
+ price: '$19',
+ period: '/user/month',
+ description: 'For mid-market companies (50–500)',
+ features: [
+ 'Everything in Team',
+ 'SSO / SAML',
+ 'Advanced policy engine',
+ 'Compliance reports',
+ 'API access',
+ ],
+ cta: 'Contact Sales',
+ href: '/login',
+ highlight: false,
+ },
+];
+
export default function LandingPage() {
return (
-
+export default function DashboardPage() {
+ const getSeverityStyle = (sev: string) => {
+ switch (sev) {
+ case 'critical': return 'bg-red-500/10 text-red-400 border-red-500/30';
+ case 'high': return 'bg-orange-500/10 text-orange-400 border-orange-500/30';
+ case 'medium': return 'bg-amber-500/10 text-amber-400 border-amber-500/30';
+ default: return 'bg-slate-500/10 text-slate-400 border-slate-500/30';
+ }
+ };
- {/* Overall Score */}
-
-
+ return (
+
+ Overall Compliance Score
-
-
-
-
- {MOCK_DATA.overallScore}
- out of 100
-
-
- Action Required
-
-
+
+
+
+
- {/* Frameworks */}
-
+
- );
+
+
-
+ Score Breakdown
-
- {MOCK_DATA.frameworkScores.map((f, i) => (
-
-
-
- ))}
-
- {f.name}
- {f.score}/100
-
-
-
-
-
- {/* Quick Actions */}
-
+ {/* Stats Row */}
+
-
-
-
-
+ {MOCK_STATS.map(({ label, value, delta, icon: Icon, color, bg }, i) => (
+
+
+ ))}
+
+
+ {/* Middle Row: Recent Events + Leak Breakdown */}
+
+ {label}
+
+ {value}
+ {delta}
+
- {/* Bottom Row: Recent Gaps */}
-
-
+ {/* Recent Leak Events */}
+
+
+ {/* Leak Type Breakdown */}
+
+
+
+
-
-
-
-
- View all
-
-
-
- View all
- {MOCK_DATA.gaps.map((gap) => (
-
-
-
- ))}
-
-
- {gap.title}
-Impacts {gap.framework} compliance
-
-
- {gap.severity}
-
-
-
-
+
+
+
+ View all
+
+
+
+ View all
+ {MOCK_EVENTS.map((event) => (
+
+
+
+ ))}
+
+
+
+
+
+ {event.type}
+
+ {event.severity}
+
+
+ {event.detail}
+
+
+ {event.tool}
+
+ {event.blocked ? 'Blocked' : 'Warned'}
+
+ {event.time}
+
+
+
+ {TOP_LEAK_TYPES.map(({ label, count, color }, i) => (
+
+
+ {/* Upgrade nudge */}
+
+
-
+ ))}
+
+ {label}
+ {count}
+
+
+
+
+
+
+
+ + Upgrade to Team to see analytics across your whole organization. +
+ + Upgrade to Team → + +
+
+
{/* Navigation */}
-
+
-
-
- Sign in
- Start Free Scan
+
+
- {/* Hero Section */}
-
+
+ {/* Hero */}
+
-
+
- AI Compliance Officer for Businesses.
- $49/month. + Stop leaking secrets
+ into AI tools.
+
- Stop fearing GDPR, CCPA, and SOC 2. Our multi-agent AI scans your business, identifies gaps, auto-generates compliant policies, and tells you exactly how to fix issues.
+ LeakWall intercepts passwords, API keys, source code, SSNs, and credit cards
+ before they reach ChatGPT, Claude, Gemini, Copilot, and 600+ other AI tools.
+ All processing is local. Zero data leaves your device.
+
-
- Start Free Scan
+
+
+ No account required to install. Open source. Zero telemetry.
+
- {/* Problem Section */}
-
-
+ Sign in
+
+
- $49/month. + Stop leaking secrets
+ into AI tools.
-
+
- {/* How It Works */}
+ {/* What gets leaked */}
-
Compliance costs SMBs $12,000+/year
-- Between lawyers, consultants, and enterprise software that starts at $15k, staying compliant is an expensive nightmare. VibeFlow uses specialized AI agents to automate the entire process for a fraction of the cost. -
-
-
+ {/* Stats bar */}
+
-
- Constant Changes
-New laws like the EU AI Act appear quarterly. Keeping up manually is impossible.
-
-
- Massive Fines
-Average GDPR fines are in the millions. Even small mistakes can trigger audits.
-
-
- Enterprise Bias
-Existing solutions are built and priced for Fortune 500s, not 5-person startups.
-
+ {[
+ { stat: '77%', label: 'of employees paste company data into AI' },
+ { stat: '$4.88M', label: 'average cost of a data breach (IBM 2024)' },
+ { stat: '600+', label: 'AI tools monitored by LeakWall' },
+ { stat: '0 bytes', label: 'of your data sent to our servers' },
+ ].map(({ stat, label }, i) => (
+
+
+ ))}
{stat}
+ {label}
+
-
How it works
-Three simple steps to airtight compliance.
+
+
- + What are your employees leaking? +
++ Samsung banned ChatGPT after employees pasted source code into it. + Your secrets are one paste event away from being used to train AI models. +
- {/* Connecting Line (hidden on mobile) */}
-
-
-
+ {/* How it works */}
+
+
-
-
-
- 1
- AI Deep Scan
-Our Scanner Agent analyzes your site, code, and business structure against global regulations.
-
-
-
- 2
- Auto-Generate Specs
-The Policy Generator outputs custom privacy policies, terms, and processing agreements.
-
-
+ 3
- Fix Gaps
-The Remediation Agent provides copy-paste code snippets and configurations to solve issues.
-
+ {LEAK_TYPES.map(({ icon: Icon, label, color, bg }, i) => (
+
+
+ ))}
- {/* Pricing */}
-
-
+ Simple, transparent pricing
++ Protection in 30 seconds +
+No IT team required. No config files. No proxies.
+
+ {[
+ {
+ step: '1',
+ title: 'Install the extension',
+ desc: 'One click from the Chrome Web Store. No account needed to start protecting yourself.',
+ },
+ {
+ step: '2',
+ title: 'Work normally with AI',
+ desc: 'LeakWall silently monitors every paste and upload to AI tools running in your browser.',
+ },
+ {
+ step: '3',
+ title: 'Get warned before it\'s too late',
+ desc: 'When sensitive data is detected, LeakWall flags it before you hit send. You decide what to share.',
+ },
+ ].map(({ step, title, desc }, i) => (
+
+
+
+ ))}
+
+ {step}
+
+ {title}
+{desc}
+
- {/* Free */}
-
+
- {/* Startup */}
-
-
+ {/* Supported AI Tools */}
+ Free
-$0/mo
- -
-
1 Scan / month
- GDPR only
- Basic privacy policy
-
+
+ + Monitors every AI tool your team uses +
+
+ {AI_TOOLS.map((tool) => (
+
+ {tool}
+
+ ))}
+
+ + 590 more
+
+
+
-
Most Popular
- Startup
-$49/mo
- -
-
Unlimited Scans
- All policies generated
- GDPR, CCPA, HIPAA
- Detailed Gap Analysis
+ {/* Privacy Section */}
+ -
+
+ {item} +
+ ))}
Everything in Startup
- SOC 2 & ISO 27001
- Auto-remediation steps
- Weekly change alerts
- All Frameworks + Custom
- EU AI Act Compliance
- Dedicated Advisor Agent
- Audit-ready reporting
- -
+
+ {f} +
+ ))}
+
+
+
+
+ {/* CTA Banner */}
+
+
+
{/* Footer */}
-
+
+
- {/* Enterprise */}
-
+
+ We never see your data.
+
-
- {/* Business */}
-
+
+
+ We never see your data.
+ Ever.
+
+ + Every pattern match runs locally in your browser using regex and heuristics. + No text, prompts, or content is transmitted to LeakWall servers. + The extension is fully open source — audit every line of code yourself. +
+-
+ {[
+ 'All detection is 100% local (no cloud processing)',
+ 'Open source — MIT licensed, auditable on GitHub',
+ 'Minimal permissions: only reads AI tool pages you visit',
+ 'No user content ever stored or transmitted',
+ 'Anonymous usage metrics only (opt-out available)',
+ ].map((item, i) => (
+
-
+ Business
-$199/mo
- -
-
+
+
+
+
+ Zero-Knowledge
+ Your data never leaves your browser
+
-
+ {/* Pricing */}
+ Enterprise
-$999/mo
- -
-
+
+
+ + Start free. Scale when you need to. +
++ The Grammarly model for data security — individual adoption, team upgrade. +
+
+ {PRICING.map(({ name, price, period, description, features, cta, href, highlight }) => (
+
+ {highlight && (
+
+ ))}
+ Most Popular
+
+ )}
+
+
+ + {name} +
+
+ {price}
+ {period}
+
+ {description}
+-
+ {features.map((f, i) => (
+
+
+ + Your next paste could be a $4.88M mistake. +
++ Install LeakWall in 30 seconds. Free forever for individuals. +
+ ++ No account required · Open source · Zero telemetry +
+