Files
docupulse/templates/public/press.html
2025-06-23 22:42:56 +02:00

523 lines
23 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Press - DocuPulse</title>
<meta name="description" content="Press releases, media kit, and company information for journalists and media professionals covering DocuPulse.">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/colors.css') }}?v={{ 'css/colors.css'|asset_version }}">
<style>
.press-section {
padding: 80px 0;
}
.press-release {
background: var(--white);
border-radius: 15px;
padding: 30px;
box-shadow: 0 10px 25px var(--shadow-color);
transition: transform 0.3s ease;
border: none;
margin-bottom: 20px;
}
.press-release:hover {
transform: translateY(-5px);
}
.press-date {
color: var(--text-muted);
font-size: 0.9rem;
margin-bottom: 10px;
}
.press-tag {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.media-kit-card {
background: var(--white);
border-radius: 20px;
padding: 40px;
box-shadow: 0 15px 35px var(--shadow-color);
height: 100%;
border: none;
transition: transform 0.3s ease;
text-align: center;
}
.media-kit-card:hover {
transform: translateY(-5px);
}
.media-kit-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
color: white;
font-size: 2rem;
}
.company-info {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
color: white;
padding: 60px 0;
position: relative;
overflow: hidden;
}
.company-info::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
opacity: 0.3;
}
.info-item {
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.info-icon {
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.2);
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
color: white;
font-size: 1.5rem;
}
.contact-form {
background: var(--white);
border-radius: 20px;
padding: 40px;
box-shadow: 0 15px 35px var(--shadow-color);
}
.form-control {
border-radius: 10px;
border: 2px solid var(--border-color);
padding: 12px 15px;
}
.form-control:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.2rem var(--primary-opacity-15);
}
.gradient-text {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.logo-showcase {
background: var(--white);
border-radius: 20px;
padding: 40px;
box-shadow: 0 15px 35px var(--shadow-color);
text-align: center;
}
.logo-placeholder {
width: 200px;
height: 100px;
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
color: white;
font-size: 1.5rem;
font-weight: bold;
}
.stats-section {
background-color: var(--bg-color);
padding: 60px 0;
}
.stat-item {
text-align: center;
margin-bottom: 30px;
}
.stat-number {
font-size: 2.5rem;
font-weight: 700;
color: var(--primary-color);
margin-bottom: 10px;
display: block;
}
.stat-label {
font-size: 1rem;
color: var(--text-muted);
}
.download-btn {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
border: none;
border-radius: 10px;
padding: 12px 25px;
color: white;
font-weight: 600;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
}
.download-btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px var(--primary-opacity-15);
color: white;
}
</style>
</head>
<body>
{% include 'components/header_nav.html' %}
<!-- Hero Section -->
{% with
title="Press & Media",
description="Press releases, media kit, and company information for journalists and media professionals.",
title_size="4",
description_size="5"
%}
{% include 'components/hero_section.html' %}
{% endwith %}
<!-- Company Stats -->
<section class="stats-section">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="stat-item">
<span class="stat-number">500+</span>
<div class="stat-label">Enterprise Clients</div>
</div>
</div>
<div class="col-md-3">
<div class="stat-item">
<span class="stat-number">50K+</span>
<div class="stat-label">Active Users</div>
</div>
</div>
<div class="col-md-3">
<div class="stat-item">
<span class="stat-number">$25M</span>
<div class="stat-label">Annual Revenue</div>
</div>
</div>
<div class="col-md-3">
<div class="stat-item">
<span class="stat-number">15+</span>
<div class="stat-label">Countries Served</div>
</div>
</div>
</div>
</div>
</section>
<!-- Media Kit -->
<section class="press-section">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold mb-3">Media Kit</h2>
<p class="lead text-muted">Download our official media assets and company information</p>
</div>
<div class="row g-4">
<div class="col-lg-4">
<div class="media-kit-card">
<div class="media-kit-icon">
<i class="fas fa-image"></i>
</div>
<h4 class="fw-bold mb-3">Logos & Brand Assets</h4>
<p class="text-muted mb-4">High-resolution logos, brand guidelines, and visual assets for media use.</p>
<a href="#" class="download-btn">
<i class="fas fa-download me-2"></i>Download Assets
</a>
</div>
</div>
<div class="col-lg-4">
<div class="media-kit-card">
<div class="media-kit-icon">
<i class="fas fa-file-alt"></i>
</div>
<h4 class="fw-bold mb-3">Company Fact Sheet</h4>
<p class="text-muted mb-4">Key facts, statistics, and company information for press coverage.</p>
<a href="#" class="download-btn">
<i class="fas fa-download me-2"></i>Download Fact Sheet
</a>
</div>
</div>
<div class="col-lg-4">
<div class="media-kit-card">
<div class="media-kit-icon">
<i class="fas fa-camera"></i>
</div>
<h4 class="fw-bold mb-3">Product Screenshots</h4>
<p class="text-muted mb-4">High-quality screenshots and product images for media use.</p>
<a href="#" class="download-btn">
<i class="fas fa-download me-2"></i>Download Images
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Company Information -->
<section class="company-info">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold mb-3">Company Information</h2>
<p class="lead">Essential information for journalists and media professionals</p>
</div>
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="info-item">
<div class="info-icon">
<i class="fas fa-building"></i>
</div>
<h5 class="fw-bold">Founded</h5>
<p class="opacity-75">2020</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="info-item">
<div class="info-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<h5 class="fw-bold">Headquarters</h5>
<p class="opacity-75">San Francisco, CA</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="info-item">
<div class="info-icon">
<i class="fas fa-users"></i>
</div>
<h5 class="fw-bold">Employees</h5>
<p class="opacity-75">50+</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="info-item">
<div class="info-icon">
<i class="fas fa-globe"></i>
</div>
<h5 class="fw-bold">Global Presence</h5>
<p class="opacity-75">15+ Countries</p>
</div>
</div>
</div>
</div>
</section>
<!-- Press Releases -->
<section class="press-section">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold mb-3">Press Releases</h2>
<p class="lead text-muted">Latest news and announcements from DocuPulse</p>
</div>
<div class="row">
<div class="col-lg-8">
<div class="press-release">
<div class="press-date">
<i class="fas fa-calendar me-2"></i>March 15, 2024
</div>
<h3 class="h4 fw-bold mb-3">DocuPulse Raises $25M Series B Funding to Accelerate Global Expansion</h3>
<p class="text-muted mb-3">DocuPulse, the leading enterprise document management platform, today announced it has raised $25 million in Series B funding led by TechVentures Capital. The funding will be used to accelerate product development and expand into new international markets.</p>
<div class="d-flex gap-2 mb-3">
<span class="press-tag">Funding</span>
<span class="press-tag">Growth</span>
<span class="press-tag">International</span>
</div>
<a href="#" class="read-more">Read Full Release <i class="fas fa-arrow-right ms-1"></i></a>
</div>
<div class="press-release">
<div class="press-date">
<i class="fas fa-calendar me-2"></i>March 10, 2024
</div>
<h3 class="h4 fw-bold mb-3">DocuPulse Launches Advanced AI-Powered Document Processing Features</h3>
<p class="text-muted mb-3">DocuPulse introduces cutting-edge AI capabilities that automatically classify, extract, and process documents, significantly reducing manual work and improving accuracy for enterprise users.</p>
<div class="d-flex gap-2 mb-3">
<span class="press-tag">AI</span>
<span class="press-tag">Product</span>
<span class="press-tag">Innovation</span>
</div>
<a href="#" class="read-more">Read Full Release <i class="fas fa-arrow-right ms-1"></i></a>
</div>
<div class="press-release">
<div class="press-date">
<i class="fas fa-calendar me-2"></i>March 5, 2024
</div>
<h3 class="h4 fw-bold mb-3">DocuPulse Achieves SOC 2 Type II Compliance Certification</h3>
<p class="text-muted mb-3">DocuPulse has successfully completed SOC 2 Type II compliance certification, demonstrating its commitment to maintaining the highest standards of security and data protection for enterprise customers.</p>
<div class="d-flex gap-2 mb-3">
<span class="press-tag">Security</span>
<span class="press-tag">Compliance</span>
<span class="press-tag">Enterprise</span>
</div>
<a href="#" class="read-more">Read Full Release <i class="fas fa-arrow-right ms-1"></i></a>
</div>
<div class="press-release">
<div class="press-date">
<i class="fas fa-calendar me-2"></i>March 1, 2024
</div>
<h3 class="h4 fw-bold mb-3">DocuPulse Partners with Microsoft to Integrate with Microsoft 365</h3>
<p class="text-muted mb-3">DocuPulse announces strategic partnership with Microsoft to provide seamless integration with Microsoft 365, enabling enhanced collaboration and document management capabilities.</p>
<div class="d-flex gap-2 mb-3">
<span class="press-tag">Partnership</span>
<span class="press-tag">Microsoft</span>
<span class="press-tag">Integration</span>
</div>
<a href="#" class="read-more">Read Full Release <i class="fas fa-arrow-right ms-1"></i></a>
</div>
<div class="press-release">
<div class="press-date">
<i class="fas fa-calendar me-2"></i>February 25, 2024
</div>
<h3 class="h4 fw-bold mb-3">DocuPulse Named to Inc. 5000 List of Fastest-Growing Companies</h3>
<p class="text-muted mb-3">DocuPulse has been recognized on the Inc. 5000 list of America's fastest-growing private companies, ranking #1,247 with 300% growth over the past three years.</p>
<div class="d-flex gap-2 mb-3">
<span class="press-tag">Awards</span>
<span class="press-tag">Growth</span>
<span class="press-tag">Recognition</span>
</div>
<a href="#" class="read-more">Read Full Release <i class="fas fa-arrow-right ms-1"></i></a>
</div>
</div>
<div class="col-lg-4">
<div class="contact-form">
<h4 class="fw-bold mb-4">Media Contact</h4>
<p class="text-muted mb-4">For press inquiries, media interviews, or additional information, please contact our PR team.</p>
<form>
<div class="mb-3">
<label for="name" class="form-label">Full Name *</label>
<input type="text" class="form-control" id="name" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email Address *</label>
<input type="email" class="form-control" id="email" required>
</div>
<div class="mb-3">
<label for="organization" class="form-label">Organization *</label>
<input type="text" class="form-control" id="organization" required>
</div>
<div class="mb-3">
<label for="inquiry" class="form-label">Inquiry Type</label>
<select class="form-control" id="inquiry">
<option value="">Select inquiry type</option>
<option value="interview">Interview Request</option>
<option value="press-release">Press Release</option>
<option value="media-kit">Media Kit Request</option>
<option value="partnership">Partnership Inquiry</option>
<option value="other">Other</option>
</select>
</div>
<div class="mb-3">
<label for="message" class="form-label">Message *</label>
<textarea class="form-control" id="message" rows="4" placeholder="Please describe your inquiry..."></textarea>
</div>
<button type="submit" class="btn btn-primary w-100">
<i class="fas fa-paper-plane me-2"></i>Send Message
</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Logo Showcase -->
<section class="press-section" style="background-color: var(--bg-color);">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="logo-showcase">
<h3 class="fw-bold mb-4">Our Logo</h3>
<div class="logo-placeholder">
DocuPulse
</div>
<p class="text-muted mb-4">Download our logo in various formats and sizes for media use. Please follow our brand guidelines when using the DocuPulse logo.</p>
<div class="d-flex justify-content-center gap-3 flex-wrap">
<a href="#" class="download-btn">
<i class="fas fa-download me-2"></i>PNG Format
</a>
<a href="#" class="download-btn">
<i class="fas fa-download me-2"></i>SVG Format
</a>
<a href="#" class="download-btn">
<i class="fas fa-download me-2"></i>Brand Guidelines
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="press-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="display-5 fw-bold mb-4">Stay Updated</h2>
<p class="lead text-muted mb-5">Subscribe to our press distribution list to receive the latest news and announcements.</p>
<div class="row justify-content-center">
<div class="col-md-8">
<div class="input-group">
<input type="email" class="form-control form-control-lg" placeholder="Enter your email address" style="border-radius: 25px 0 0 25px; border: none;">
<button class="btn btn-primary btn-lg" type="button" style="border-radius: 0 25px 25px 0; border: none;">
<i class="fas fa-paper-plane me-2"></i>Subscribe
</button>
</div>
<p class="text-muted mt-3 small">We'll only send you press releases and important company news.</p>
</div>
</div>
</div>
</div>
</div>
</section>
{% include 'components/footer_nav.html' %}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>