public pages content
This commit is contained in:
@@ -114,43 +114,6 @@
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.stats-section {
|
||||
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||
color: white;
|
||||
padding: 80px 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.stats-section::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;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.stat-number {
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
font-size: 1.1rem;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.gradient-text {
|
||||
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||
-webkit-background-clip: text;
|
||||
@@ -163,6 +126,7 @@
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 30px;
|
||||
margin-top: 50px;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
.value-card {
|
||||
@@ -173,12 +137,22 @@
|
||||
box-shadow: 0 10px 25px var(--shadow-color);
|
||||
transition: transform 0.3s ease;
|
||||
border: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.value-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.value-card h4,
|
||||
.value-card p {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.value-icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
@@ -210,6 +184,41 @@
|
||||
left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Button styles to match home page */
|
||||
.btn-primary {
|
||||
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||
border: none;
|
||||
border-radius: 25px;
|
||||
padding: 12px 30px;
|
||||
font-weight: 600;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 15px var(--primary-opacity-15);
|
||||
filter: brightness(1.1);
|
||||
}
|
||||
.btn-outline-primary {
|
||||
border: 2px solid var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
border-radius: 25px;
|
||||
padding: 12px 30px;
|
||||
font-weight: 600;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.btn-outline-primary:hover {
|
||||
background: rgba(var(--primary-color-rgb), 0.05);
|
||||
border-color: var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 15px rgba(var(--primary-color-rgb), 0.1);
|
||||
}
|
||||
.btn-lg {
|
||||
padding: 15px 40px;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -254,36 +263,14 @@
|
||||
</section>
|
||||
|
||||
<!-- Company Stats -->
|
||||
<section class="stats-section">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<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">99.9%</span>
|
||||
<div class="stat-label">Uptime</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="stat-item">
|
||||
<span class="stat-number">24/7</span>
|
||||
<div class="stat-label">Support</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% with stats=[
|
||||
{'value': 500, 'suffix': '+', 'display': '500+', 'label': 'Enterprise Clients'},
|
||||
{'value': 50, 'suffix': 'K+', 'display': '50K+', 'label': 'Active Users'},
|
||||
{'value': 99.9, 'suffix': '%', 'display': '99.9%', 'label': 'Uptime'},
|
||||
{'value': 24, 'suffix': '/7', 'display': '24/7', 'label': 'Support'}
|
||||
] %}
|
||||
{% include 'components/animated_numbers.html' %}
|
||||
{% endwith %}
|
||||
|
||||
<!-- Our Values -->
|
||||
<section class="about-section" style="background-color: var(--bg-color);">
|
||||
@@ -396,52 +383,28 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="team-member">
|
||||
<div class="team-avatar">SJ</div>
|
||||
<h4 class="fw-bold">Sarah Johnson</h4>
|
||||
<div class="team-avatar">EW</div>
|
||||
<h4 class="fw-bold">Eric Wyns</h4>
|
||||
<p class="text-primary fw-semibold">CEO & Co-Founder</p>
|
||||
<p class="text-muted">Former VP of Engineering at TechCorp with 15+ years of experience in enterprise software.</p>
|
||||
<p class="text-muted">Discription here</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="team-member">
|
||||
<div class="team-avatar">MC</div>
|
||||
<h4 class="fw-bold">Michael Chen</h4>
|
||||
<div class="team-avatar">KA</div>
|
||||
<h4 class="fw-bold">Kobe Amerijckx</h4>
|
||||
<p class="text-primary fw-semibold">CTO & Co-Founder</p>
|
||||
<p class="text-muted">Expert in cloud architecture and security with a background in building scalable platforms.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="team-member">
|
||||
<div class="team-avatar">AR</div>
|
||||
<h4 class="fw-bold">Amanda Rodriguez</h4>
|
||||
<div class="team-avatar">KT</div>
|
||||
<h4 class="fw-bold">Kelly Tordeur</h4>
|
||||
<p class="text-primary fw-semibold">VP of Product</p>
|
||||
<p class="text-muted">Product leader with experience in user experience design and enterprise software development.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="team-member">
|
||||
<div class="team-avatar">DK</div>
|
||||
<h4 class="fw-bold">David Kim</h4>
|
||||
<p class="text-primary fw-semibold">VP of Engineering</p>
|
||||
<p class="text-muted">Engineering leader focused on building robust, scalable systems and mentoring development teams.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="team-member">
|
||||
<div class="team-avatar">LW</div>
|
||||
<h4 class="fw-bold">Lisa Wang</h4>
|
||||
<p class="text-primary fw-semibold">VP of Sales</p>
|
||||
<p class="text-muted">Sales leader with deep experience in enterprise software sales and customer success.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="team-member">
|
||||
<div class="team-avatar">RJ</div>
|
||||
<h4 class="fw-bold">Robert Johnson</h4>
|
||||
<p class="text-primary fw-semibold">VP of Marketing</p>
|
||||
<p class="text-muted">Marketing strategist focused on building brand awareness and driving customer acquisition.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -453,14 +416,9 @@
|
||||
<div class="col-lg-8 text-center">
|
||||
<h2 class="display-5 fw-bold mb-4">Join Us in Shaping the Future</h2>
|
||||
<p class="lead text-muted mb-5">Ready to experience the next generation of document management? Let's work together to transform how your organization handles documents.</p>
|
||||
<div class="d-flex justify-content-center gap-3 flex-wrap">
|
||||
<a href="{{ url_for('public.contact') }}" class="btn btn-primary btn-lg px-5 py-3">
|
||||
<i class="fas fa-envelope me-2"></i>Get in Touch
|
||||
</a>
|
||||
<a href="{{ url_for('public.careers') }}" class="btn btn-outline-primary btn-lg px-5 py-3">
|
||||
<i class="fas fa-users me-2"></i>Join Our Team
|
||||
</a>
|
||||
</div>
|
||||
{% with primary_url=url_for('public.contact'), primary_icon='fas fa-envelope', primary_text='Get in Touch', secondary_url=url_for('public.careers'), secondary_icon='fas fa-users', secondary_text='Join Our Team' %}
|
||||
{% include 'components/cta_buttons.html' %}
|
||||
{% endwith %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user