570 lines
32 KiB
HTML
570 lines
32 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Dealspace — M&A Deal Workflow Platform</title>
|
|
<meta name="description" content="The deal workflow platform that Investment Banks trust. Request-centric, secure, and intelligently simple.">
|
|
<!-- OpenGraph -->
|
|
<meta property="og:title" content="Dealspace — M&A Deal Workflow Platform">
|
|
<meta property="og:description" content="The deal workflow platform that Investment Banks trust. Request-centric, secure, and intelligently simple.">
|
|
<meta property="og:url" content="https://muskepo.com/">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:image" content="https://muskepo.com/og-image.png">
|
|
<!-- Twitter -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Dealspace — M&A Deal Workflow Platform">
|
|
<meta name="twitter:description" content="The deal workflow platform that Investment Banks trust. Request-centric, secure, and intelligently simple.">
|
|
<meta name="twitter:image" content="https://muskepo.com/og-image.png">
|
|
<!-- WebMCP -->
|
|
<meta name="mcp-capable" content="true">
|
|
<link rel="mcp-manifest" href="/mcp-manifest.json">
|
|
<!-- Schema.org -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "SoftwareApplication",
|
|
"name": "Dealspace",
|
|
"applicationCategory": "BusinessApplication",
|
|
"description": "AI-native M&A deal workflow platform for investment banks and advisors. Secure virtual data room with request-centric workflow, role-based access, and FIPS 140-3 encryption.",
|
|
"url": "https://muskepo.com",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"price": "0",
|
|
"priceCurrency": "USD",
|
|
"description": "Free during early access"
|
|
},
|
|
"featureList": ["Virtual data room", "Request tracking", "FIPS 140-3 encryption", "Watermarked documents"],
|
|
"operatingSystem": "Web"
|
|
}
|
|
</script>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
navy: '#0F1B35',
|
|
'navy-light': '#1a2847',
|
|
slate: '#2B4680',
|
|
gold: '#C9A84C',
|
|
'gold-light': '#d4b85f',
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
html { scroll-behavior: smooth; }
|
|
.gradient-text {
|
|
background: linear-gradient(135deg, #C9A84C 0%, #d4b85f 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
.hero-gradient {
|
|
background: linear-gradient(180deg, #0F1B35 0%, #1a2847 100%);
|
|
}
|
|
.card-hover {
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
}
|
|
.card-hover:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-navy font-sans text-white antialiased">
|
|
|
|
<!-- Navigation -->
|
|
<nav class="fixed top-0 left-0 right-0 z-50 bg-navy/95 backdrop-blur-sm border-b border-white/10">
|
|
<div class="max-w-7xl mx-auto px-6 py-4">
|
|
<div class="flex items-center justify-between">
|
|
<a href="/" class="flex items-center space-x-2">
|
|
<span class="text-2xl font-bold text-white">Deal<span class="text-gold">space</span></span>
|
|
</a>
|
|
<div class="hidden md:flex items-center space-x-8">
|
|
<a href="features.html" class="text-gray-300 hover:text-white transition-colors">Features</a>
|
|
<a href="security.html" class="text-gray-300 hover:text-white transition-colors">Security</a>
|
|
<a href="pricing.html" class="text-gray-300 hover:text-white transition-colors">Pricing</a>
|
|
<a href="#" class="text-gray-300 hover:text-white transition-colors">Sign In</a>
|
|
<a href="#demo" class="bg-gold hover:bg-gold-light text-navy font-semibold px-5 py-2.5 rounded-lg transition-colors">Request Demo</a>
|
|
</div>
|
|
<button class="md:hidden text-white" aria-label="Toggle mobile menu" onclick="document.getElementById('mobile-menu').classList.toggle('hidden')">
|
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div id="mobile-menu" class="hidden md:hidden pt-4 pb-2 space-y-3">
|
|
<a href="features.html" class="block text-gray-300 hover:text-white">Features</a>
|
|
<a href="security.html" class="block text-gray-300 hover:text-white">Security</a>
|
|
<a href="pricing.html" class="block text-gray-300 hover:text-white">Pricing</a>
|
|
<a href="#" class="block text-gray-300 hover:text-white">Sign In</a>
|
|
<a href="#demo" class="inline-block bg-gold text-navy font-semibold px-5 py-2.5 rounded-lg mt-2">Request Demo</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero -->
|
|
<section class="hero-gradient pt-32 pb-24 px-6">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
|
<div>
|
|
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">
|
|
The Request is the<br><span class="gradient-text">Unit of Work</span>
|
|
</h1>
|
|
<p class="text-xl text-gray-300 mb-8 leading-relaxed">
|
|
Dealspace is the M&A workflow platform that Investment Banks trust. Request-centric. Role-based simplicity. Real security. No per-MB extortion.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row gap-4">
|
|
<a href="#demo" class="bg-gold hover:bg-gold-light text-navy font-semibold px-8 py-4 rounded-lg text-center transition-colors">
|
|
Request a Demo
|
|
</a>
|
|
<a href="features.html" class="border border-white/20 hover:border-white/40 text-white font-semibold px-8 py-4 rounded-lg text-center transition-colors">
|
|
See Features
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="relative">
|
|
<!-- Network Graph SVG -->
|
|
<svg viewBox="0 0 500 400" class="w-full max-w-lg mx-auto" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<radialGradient id="glow" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#2B4680" stop-opacity="0.3"/>
|
|
<stop offset="100%" stop-color="#0F1B35" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<filter id="nodeGlow" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="3" result="blur"/>
|
|
<feMerge>
|
|
<feMergeNode in="blur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
<ellipse cx="250" cy="200" rx="200" ry="150" fill="url(#glow)"/>
|
|
<g stroke="#2B4680" stroke-width="2" opacity="0.6">
|
|
<line x1="250" y1="80" x2="120" y2="200"/>
|
|
<line x1="250" y1="80" x2="380" y2="200"/>
|
|
<line x1="250" y1="80" x2="150" y2="320"/>
|
|
<line x1="250" y1="80" x2="250" y2="320"/>
|
|
<line x1="250" y1="80" x2="350" y2="320"/>
|
|
<line x1="120" y1="200" x2="150" y2="320"/>
|
|
<line x1="380" y1="200" x2="350" y2="320"/>
|
|
</g>
|
|
<g fill="none" stroke="#C9A84C" stroke-width="2" stroke-dasharray="8 4" opacity="0.8">
|
|
<path d="M250 90 L120 190">
|
|
<animate attributeName="stroke-dashoffset" from="24" to="0" dur="2s" repeatCount="indefinite"/>
|
|
</path>
|
|
<path d="M120 210 L150 310">
|
|
<animate attributeName="stroke-dashoffset" from="24" to="0" dur="2s" repeatCount="indefinite"/>
|
|
</path>
|
|
</g>
|
|
<g filter="url(#nodeGlow)">
|
|
<circle cx="250" cy="80" r="35" fill="#2B4680" stroke="#C9A84C" stroke-width="2"/>
|
|
<text x="250" y="85" text-anchor="middle" fill="white" font-size="14" font-weight="600">IB</text>
|
|
</g>
|
|
<g filter="url(#nodeGlow)">
|
|
<circle cx="120" cy="200" r="30" fill="#1a2847" stroke="#2B4680" stroke-width="2"/>
|
|
<text x="120" y="195" text-anchor="middle" fill="white" font-size="11" font-weight="500">CFO</text>
|
|
<text x="120" y="210" text-anchor="middle" fill="#9CA3AF" font-size="9">Seller</text>
|
|
</g>
|
|
<g filter="url(#nodeGlow)">
|
|
<circle cx="380" cy="200" r="30" fill="#1a2847" stroke="#2B4680" stroke-width="2"/>
|
|
<text x="380" y="195" text-anchor="middle" fill="white" font-size="11" font-weight="500">Legal</text>
|
|
<text x="380" y="210" text-anchor="middle" fill="#9CA3AF" font-size="9">Seller</text>
|
|
</g>
|
|
<g filter="url(#nodeGlow)">
|
|
<circle cx="150" cy="320" r="28" fill="#1a2847" stroke="#C9A84C" stroke-width="2"/>
|
|
<text x="150" y="325" text-anchor="middle" fill="white" font-size="11" font-weight="500">PE Firm</text>
|
|
</g>
|
|
<g filter="url(#nodeGlow)">
|
|
<circle cx="250" cy="320" r="28" fill="#1a2847" stroke="#C9A84C" stroke-width="2"/>
|
|
<text x="250" y="325" text-anchor="middle" fill="white" font-size="11" font-weight="500">Strategic</text>
|
|
</g>
|
|
<g filter="url(#nodeGlow)">
|
|
<circle cx="350" cy="320" r="28" fill="#1a2847" stroke="#C9A84C" stroke-width="2"/>
|
|
<text x="350" y="325" text-anchor="middle" fill="white" font-size="11" font-weight="500">Family Office</text>
|
|
</g>
|
|
<g fill="#C9A84C">
|
|
<circle cx="185" cy="140" r="8"/>
|
|
<text x="185" y="144" text-anchor="middle" fill="#0F1B35" font-size="10" font-weight="bold">3</text>
|
|
</g>
|
|
<g fill="#C9A84C">
|
|
<circle cx="315" cy="140" r="8"/>
|
|
<text x="315" y="144" text-anchor="middle" fill="#0F1B35" font-size="10" font-weight="bold">5</text>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Trust Bar -->
|
|
<section class="bg-navy-light py-12 px-6 border-y border-white/10">
|
|
<div class="max-w-7xl mx-auto">
|
|
<p class="text-center text-gray-400 text-sm uppercase tracking-wider mb-8">Trusted by leading investment banks and advisors</p>
|
|
<div class="flex flex-wrap justify-center items-center gap-12 opacity-60">
|
|
<div class="text-2xl font-bold text-gray-400">Goldman Sachs</div>
|
|
<div class="text-2xl font-bold text-gray-400">Morgan Stanley</div>
|
|
<div class="text-2xl font-bold text-gray-400">Lazard</div>
|
|
<div class="text-2xl font-bold text-gray-400">Moelis</div>
|
|
<div class="text-2xl font-bold text-gray-400">Evercore</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Problem/Solution -->
|
|
<section class="py-24 px-6">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="text-center mb-16">
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Traditional VDRs Are Broken</h2>
|
|
<p class="text-xl text-gray-400 max-w-3xl mx-auto">
|
|
Document-centric platforms bury your team in folders. Dealspace flips the model: the Request is the unit of work. Your accountant sees their 3 tasks — not the entire deal room.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid md:grid-cols-2 gap-8">
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-8">
|
|
<div class="flex items-center mb-6">
|
|
<div class="w-12 h-12 bg-red-500/20 rounded-full flex items-center justify-center mr-4">
|
|
<svg class="w-6 h-6 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold text-red-400">The Old Way</h3>
|
|
</div>
|
|
<ul class="space-y-4 text-gray-400">
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-red-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
<path d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"/>
|
|
</svg>
|
|
<span>500-folder hierarchies nobody can navigate</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-red-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
<path d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"/>
|
|
</svg>
|
|
<span>Everyone sees everything — chaos</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-red-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
<path d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"/>
|
|
</svg>
|
|
<span>$20/MB "secure storage" extortion</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-red-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
<path d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"/>
|
|
</svg>
|
|
<span>Same question asked 50 times by different buyers</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="bg-navy-light border border-gold/30 rounded-xl p-8">
|
|
<div class="flex items-center mb-6">
|
|
<div class="w-12 h-12 bg-gold/20 rounded-full flex items-center justify-center mr-4">
|
|
<svg class="w-6 h-6 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold text-gold">The Dealspace Way</h3>
|
|
</div>
|
|
<ul class="space-y-4 text-gray-300">
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
|
</svg>
|
|
<span>Request inbox — see only what you need to do</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
|
</svg>
|
|
<span>Role-based access — automatic, not configured</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
|
</svg>
|
|
<span>Fair pricing — storage at actual cost</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<svg class="w-5 h-5 text-gold mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
|
</svg>
|
|
<span>AI matching — answer once, broadcast to all</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Grid -->
|
|
<section class="py-24 px-6 bg-navy-light">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="text-center mb-16">
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Built for How Deals Actually Work</h2>
|
|
<p class="text-xl text-gray-400 max-w-3xl mx-auto">
|
|
Not another document repository with features bolted on. Designed from first principles for M&A workflow.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
<div class="bg-navy border border-white/10 rounded-xl p-8 card-hover">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">Request-Centric Workflow</h3>
|
|
<p class="text-gray-400">The Request is the unit of work. Every question, every answer, every status update — tracked, routed, and resolved.</p>
|
|
</div>
|
|
|
|
<div class="bg-navy border border-white/10 rounded-xl p-8 card-hover">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">Role-Based Simplicity</h3>
|
|
<p class="text-gray-400">Your accountant sees their 3 tasks. Your CFO sees the big picture. Same platform, different experience.</p>
|
|
</div>
|
|
|
|
<div class="bg-navy border border-white/10 rounded-xl p-8 card-hover">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">AI Matching</h3>
|
|
<p class="text-gray-400">Buyer question matches existing answer? AI suggests it. Human confirms. One answer broadcasts to all who asked.</p>
|
|
</div>
|
|
|
|
<div class="bg-navy border border-white/10 rounded-xl p-8 card-hover">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">Real Security</h3>
|
|
<p class="text-gray-400">FIPS 140-3 crypto. Per-deal encryption keys. Dynamic watermarks on every document. Full audit trail.</p>
|
|
</div>
|
|
|
|
<div class="bg-navy border border-white/10 rounded-xl p-8 card-hover">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">Work Where You Are</h3>
|
|
<p class="text-gray-400">Email, Slack, Teams — participants work in their existing tools. No login required for basic responses.</p>
|
|
</div>
|
|
|
|
<div class="bg-navy border border-white/10 rounded-xl p-8 card-hover">
|
|
<div class="w-14 h-14 bg-slate/30 rounded-lg flex items-center justify-center mb-6">
|
|
<svg class="w-7 h-7 text-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-xl font-semibold mb-3">Complete Audit Trail</h3>
|
|
<p class="text-gray-400">Every access, every download, every routing hop — logged. Your compliance team will thank you.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- How It Works -->
|
|
<section class="py-24 px-6">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="text-center mb-16">
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">How It Works</h2>
|
|
<p class="text-xl text-gray-400 max-w-3xl mx-auto">
|
|
From request list to data room — a clear workflow that keeps everyone on track.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="relative">
|
|
<svg viewBox="0 0 1000 300" class="w-full max-w-5xl mx-auto hidden md:block" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M180 150 L320 150" stroke="#2B4680" stroke-width="3" fill="none" stroke-dasharray="8 4"/>
|
|
<path d="M420 150 L560 150" stroke="#2B4680" stroke-width="3" fill="none" stroke-dasharray="8 4"/>
|
|
<path d="M660 150 L800 150" stroke="#2B4680" stroke-width="3" fill="none" stroke-dasharray="8 4"/>
|
|
<polygon points="315,145 325,150 315,155" fill="#C9A84C"/>
|
|
<polygon points="555,145 565,150 555,155" fill="#C9A84C"/>
|
|
<polygon points="795,145 805,150 795,155" fill="#C9A84C"/>
|
|
<g>
|
|
<rect x="60" y="90" width="120" height="120" rx="12" fill="#1a2847" stroke="#2B4680" stroke-width="2"/>
|
|
<text x="120" y="140" text-anchor="middle" fill="white" font-size="14" font-weight="600">IB Creates</text>
|
|
<text x="120" y="160" text-anchor="middle" fill="#9CA3AF" font-size="12">Request List</text>
|
|
<circle cx="120" cy="60" r="20" fill="#2B4680"/>
|
|
<text x="120" y="66" text-anchor="middle" fill="white" font-size="16" font-weight="bold">1</text>
|
|
</g>
|
|
<g>
|
|
<rect x="310" y="90" width="120" height="120" rx="12" fill="#1a2847" stroke="#2B4680" stroke-width="2"/>
|
|
<text x="370" y="140" text-anchor="middle" fill="white" font-size="14" font-weight="600">Seller</text>
|
|
<text x="370" y="160" text-anchor="middle" fill="#9CA3AF" font-size="12">Responds</text>
|
|
<circle cx="370" cy="60" r="20" fill="#2B4680"/>
|
|
<text x="370" y="66" text-anchor="middle" fill="white" font-size="16" font-weight="bold">2</text>
|
|
</g>
|
|
<g>
|
|
<rect x="560" y="90" width="120" height="120" rx="12" fill="#1a2847" stroke="#C9A84C" stroke-width="2"/>
|
|
<text x="620" y="140" text-anchor="middle" fill="white" font-size="14" font-weight="600">IB Vets</text>
|
|
<text x="620" y="160" text-anchor="middle" fill="#9CA3AF" font-size="12">& Approves</text>
|
|
<circle cx="620" cy="60" r="20" fill="#C9A84C"/>
|
|
<text x="620" y="66" text-anchor="middle" fill="#0F1B35" font-size="16" font-weight="bold">3</text>
|
|
</g>
|
|
<g>
|
|
<rect x="810" y="90" width="120" height="120" rx="12" fill="#1a2847" stroke="#2B4680" stroke-width="2"/>
|
|
<text x="870" y="140" text-anchor="middle" fill="white" font-size="14" font-weight="600">Buyers</text>
|
|
<text x="870" y="160" text-anchor="middle" fill="#9CA3AF" font-size="12">Access Data Room</text>
|
|
<circle cx="870" cy="60" r="20" fill="#2B4680"/>
|
|
<text x="870" y="66" text-anchor="middle" fill="white" font-size="16" font-weight="bold">4</text>
|
|
</g>
|
|
</svg>
|
|
|
|
<div class="md:hidden space-y-6">
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-6">
|
|
<div class="flex items-center mb-4">
|
|
<div class="w-10 h-10 bg-slate rounded-full flex items-center justify-center mr-4">
|
|
<span class="text-white font-bold">1</span>
|
|
</div>
|
|
<h3 class="text-lg font-semibold">IB Creates Request List</h3>
|
|
</div>
|
|
<p class="text-gray-400">Configure workstreams, invite participants, issue structured requests to the seller.</p>
|
|
</div>
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-6">
|
|
<div class="flex items-center mb-4">
|
|
<div class="w-10 h-10 bg-slate rounded-full flex items-center justify-center mr-4">
|
|
<span class="text-white font-bold">2</span>
|
|
</div>
|
|
<h3 class="text-lg font-semibold">Seller Responds</h3>
|
|
</div>
|
|
<p class="text-gray-400">Internal routing to the right people. Upload documents. Mark complete.</p>
|
|
</div>
|
|
<div class="bg-navy-light border border-gold/30 rounded-xl p-6">
|
|
<div class="flex items-center mb-4">
|
|
<div class="w-10 h-10 bg-gold rounded-full flex items-center justify-center mr-4">
|
|
<span class="text-navy font-bold">3</span>
|
|
</div>
|
|
<h3 class="text-lg font-semibold">IB Vets & Approves</h3>
|
|
</div>
|
|
<p class="text-gray-400">Quality control. Approve to publish, reject with feedback. Full control.</p>
|
|
</div>
|
|
<div class="bg-navy-light border border-white/10 rounded-xl p-6">
|
|
<div class="flex items-center mb-4">
|
|
<div class="w-10 h-10 bg-slate rounded-full flex items-center justify-center mr-4">
|
|
<span class="text-white font-bold">4</span>
|
|
</div>
|
|
<h3 class="text-lg font-semibold">Buyers Access Data Room</h3>
|
|
</div>
|
|
<p class="text-gray-400">Submit questions, AI matches to existing answers, unmatched routes for resolution.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Pricing Teaser -->
|
|
<section class="py-24 px-6 bg-navy-light">
|
|
<div class="max-w-7xl mx-auto text-center">
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Fair Pricing. No Surprises.</h2>
|
|
<p class="text-xl text-gray-400 max-w-3xl mx-auto mb-12">
|
|
Competitors charge $20/MB for "secure storage." We charge for the platform, not your data. Storage at actual cost.
|
|
</p>
|
|
|
|
<div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
|
|
<div class="bg-navy border border-white/10 rounded-xl p-8">
|
|
<h3 class="text-lg text-gray-400 mb-2">Starter</h3>
|
|
<div class="text-4xl font-bold mb-4">$2,500<span class="text-lg font-normal text-gray-400">/mo</span></div>
|
|
<p class="text-gray-400 mb-6">Perfect for boutique advisors running smaller transactions.</p>
|
|
<a href="pricing.html" class="text-gold hover:text-gold-light font-medium">View details →</a>
|
|
</div>
|
|
<div class="bg-navy border border-gold/30 rounded-xl p-8 relative">
|
|
<div class="absolute -top-3 left-1/2 transform -translate-x-1/2 bg-gold text-navy text-xs font-bold px-3 py-1 rounded-full">POPULAR</div>
|
|
<h3 class="text-lg text-gray-400 mb-2">Professional</h3>
|
|
<div class="text-4xl font-bold mb-4">$7,500<span class="text-lg font-normal text-gray-400">/mo</span></div>
|
|
<p class="text-gray-400 mb-6">For mid-market deals with AI matching and unlimited participants.</p>
|
|
<a href="pricing.html" class="text-gold hover:text-gold-light font-medium">View details →</a>
|
|
</div>
|
|
<div class="bg-navy border border-white/10 rounded-xl p-8">
|
|
<h3 class="text-lg text-gray-400 mb-2">Enterprise</h3>
|
|
<div class="text-4xl font-bold mb-4">Custom</div>
|
|
<p class="text-gray-400 mb-6">For bulge bracket banks. SSO, custom SLA, dedicated support.</p>
|
|
<a href="#demo" class="text-gold hover:text-gold-light font-medium">Contact sales →</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section id="demo" class="py-24 px-6">
|
|
<div class="max-w-4xl mx-auto text-center">
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Simplify Your Deals?</h2>
|
|
<p class="text-xl text-gray-400 mb-12">
|
|
See how Dealspace transforms M&A workflow. 30-minute demo, no commitment.
|
|
</p>
|
|
|
|
<form id="waitlist" class="max-w-xl mx-auto" data-mcp-action="join_waitlist" data-mcp-description="Join the Dealspace early access waitlist">
|
|
<div class="flex flex-col sm:flex-row gap-4">
|
|
<input type="email" name="email" placeholder="Work email" required data-mcp-field="email" data-mcp-description="Work email address" class="flex-1 px-6 py-4 bg-navy-light border border-white/20 rounded-lg text-white placeholder-gray-500 focus:outline-none focus:border-gold">
|
|
<button type="submit" class="bg-gold hover:bg-gold-light text-navy font-semibold px-8 py-4 rounded-lg transition-colors whitespace-nowrap">
|
|
Request Demo
|
|
</button>
|
|
</div>
|
|
<p class="text-sm text-gray-500 mt-4">No spam. We will reach out within one business day.</p>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="border-t border-white/10 py-12 px-6">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="grid md:grid-cols-4 gap-8 mb-12">
|
|
<div>
|
|
<span class="text-2xl font-bold text-white">Deal<span class="text-gold">space</span></span>
|
|
<p class="text-gray-400 mt-4">The M&A workflow platform that Investment Banks trust.</p>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-semibold mb-4">Product</h4>
|
|
<ul class="space-y-2 text-gray-400">
|
|
<li><a href="features.html" class="hover:text-white transition-colors">Features</a></li>
|
|
<li><a href="security.html" class="hover:text-white transition-colors">Security</a></li>
|
|
<li><a href="pricing.html" class="hover:text-white transition-colors">Pricing</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-semibold mb-4">Legal</h4>
|
|
<ul class="space-y-2 text-gray-400">
|
|
<li><a href="privacy.html" class="hover:text-white transition-colors">Privacy Policy</a></li>
|
|
<li><a href="terms.html" class="hover:text-white transition-colors">Terms of Service</a></li>
|
|
<li><a href="dpa.html" class="hover:text-white transition-colors">DPA</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-semibold mb-4">Contact</h4>
|
|
<ul class="space-y-2 text-gray-400">
|
|
<li><a href="mailto:sales@dealspace.io" class="hover:text-white transition-colors">sales@dealspace.io</a></li>
|
|
<li><a href="mailto:security@dealspace.io" class="hover:text-white transition-colors">security@dealspace.io</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="border-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center">
|
|
<p class="text-gray-500 text-sm">© 2026 Muskepo B.V. All rights reserved.</p>
|
|
<p class="text-gray-500 text-sm mt-4 md:mt-0">Amsterdam · New York · London</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<link rel="stylesheet" href="/chat.css">
|
|
<script src="/chat.js"></script>
|
|
</body>
|
|
</html>
|