1.4
This commit is contained in:
Flatlogic Bot
parent
5ba3cee529
commit
d90593c88d
@ -185,3 +185,48 @@ h2.section-title {
|
||||
background-color: #BB86FC;
|
||||
border-color: #BB86FC;
|
||||
}
|
||||
|
||||
/* ---
|
||||
Case Study & Testimonials Pages
|
||||
--- */
|
||||
|
||||
.card-link {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
display: block;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.card-link::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.card-link:hover .card {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 8px 25px rgba(187, 134, 252, 0.15);
|
||||
}
|
||||
|
||||
.bg-light-dark {
|
||||
background-color: #2a2a2a;
|
||||
}
|
||||
|
||||
.case-study-content .content-section {
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.case-study-content h3 {
|
||||
color: #BB86FC;
|
||||
font-weight: 700;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.blockquote {
|
||||
border-left: 4px solid #BB86FC;
|
||||
}
|
||||
|
||||
@ -46,36 +46,42 @@
|
||||
<div class="row">
|
||||
<!-- Case Study 1 -->
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<a href="case-study-detail.php?id=1" class="card-link">
|
||||
<div class="card h-100">
|
||||
<img src="https://picsum.photos/seed/global-finance-hub/800/600" class="card-img-top" alt="Abstract image of a global financial hub at night">
|
||||
<img src="https://picsum.photos/seed/erp-success/800/600" class="card-img-top" alt="Abstract visualization of a successful global ERP network.">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h5 class="card-title">Global E-commerce Platform Launch</h5>
|
||||
<p class="card-text flex-grow-1">Coordinated the end-to-end launch of a multi-language e-commerce platform across North America, Europe, and Asia, managing teams across a 15-hour time zone difference.</p>
|
||||
<a href="#" class="btn btn-outline-primary mt-auto">Read More</a>
|
||||
<h5 class="card-title">Global ERP Implementation for a Fortune 500 Company</h5>
|
||||
<p class="card-text flex-grow-1">A multinational corporation needed to unify its disparate legacy systems into a single, modern ERP platform across four continents.</p>
|
||||
<span class="btn btn-outline-primary mt-auto">Read More</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Case Study 2 -->
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<a href="case-study-detail.php?id=2" class="card-link">
|
||||
<div class="card h-100">
|
||||
<img src="https://picsum.photos/seed/enterprise-tech-solution/800/600" class="card-img-top" alt="Image representing a complex enterprise software solution">
|
||||
<img src="https://picsum.photos/seed/fintech-app/800/600" class="card-img-top" alt="A sleek smartphone displaying a modern FinTech application interface.">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h5 class="card-title">SaaS Integration for a Fortune 500</h5>
|
||||
<p class="card-text flex-grow-1">Led the complex integration of a new SaaS solution into the existing enterprise infrastructure of a Fortune 500 company, ensuring zero downtime and seamless data migration for 10,000+ employees.</p>
|
||||
<a href="#" class="btn btn-outline-primary mt-auto">Read More</a>
|
||||
<h5 class="card-title">Launch of a High-Growth FinTech Mobile App</h5>
|
||||
<p class="card-text flex-grow-1">A startup aimed to disrupt the personal finance space with a new mobile app, needing to go from concept to MVP in just four months.</p>
|
||||
<span class="btn btn-outline-primary mt-auto">Read More</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Case Study 3 -->
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<a href="case-study-detail.php?id=3" class="card-link">
|
||||
<div class="card h-100">
|
||||
<img src="https://picsum.photos/seed/sleek-mobile-app-ui/800/600" class="card-img-top" alt="A sleek and modern mobile application interface design">
|
||||
<img src="https://picsum.photos/seed/luxury-hotel/800/600" class="card-img-top" alt="Elegant lobby of a luxury hotel, reflecting a unified and premium brand identity.">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h5 class="card-title">Mobile App for a HealthTech Startup</h5>
|
||||
<p class="card-text flex-grow-1">From concept to launch, we guided a HealthTech startup through the development of their first mobile application, achieving HIPAA compliance and securing over 100,000 downloads in the first month.</p>
|
||||
<a href="#" class="btn btn-outline-primary mt-auto">Read More</a>
|
||||
<h5 class="card-title">Cross-Platform Brand Unification for a Luxury Hotel Group</h5>
|
||||
<p class="card-text flex-grow-1">A prestigious hotel chain had an inconsistent digital presence across their website, mobile app, and booking engine.</p>
|
||||
<span class="btn btn-outline-primary mt-auto">Read More</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
142
case-study-detail.php
Normal file
142
case-study-detail.php
Normal file
@ -0,0 +1,142 @@
|
||||
<?php
|
||||
// Sample data for case studies. In a real application, this would come from a database.
|
||||
$case_studies = [
|
||||
1 => [
|
||||
'title' => 'Global ERP Implementation for a Fortune 500 Company',
|
||||
'image' => 'https://picsum.photos/seed/erp-success/1200/700',
|
||||
'alt' => 'Abstract visualization of a successful global ERP network.',
|
||||
'challenge' => 'A multinational corporation with over 10,000 employees across four continents needed to unify its disparate legacy systems into a single, modern ERP platform. The primary challenges were ensuring zero downtime during migration, managing data integrity, and training a culturally diverse workforce.',
|
||||
'solution' => 'We orchestrated a phased, 18-month rollout strategy, beginning with a comprehensive business process analysis. A cross-functional team of over 50 specialists was managed across multiple time zones. We implemented a 'train-the-trainer' program to empower regional leaders and developed a custom data migration tool to ensure 99.99% accuracy.',
|
||||
'result' => 'The project was delivered on time and 5% under budget. The unified ERP system resulted in a 20% increase in operational efficiency, a 15% reduction in reporting time, and provided a single source of truth for global operations. The client experienced zero critical downtime during the entire migration process.',
|
||||
'testimonial' => [
|
||||
'quote' => 'Their coordination across time zones was flawless. They didn't just manage a project; they became a strategic partner in our global transformation.',
|
||||
'author' => 'CTO, Fortune 500 Retailer'
|
||||
]
|
||||
],
|
||||
2 => [
|
||||
'title' => 'Launch of a High-Growth FinTech Mobile App',
|
||||
'image' => 'https://picsum.photos/seed/fintech-app/1200/700',
|
||||
'alt' => 'A sleek smartphone displaying a modern FinTech application interface.',
|
||||
'challenge' => 'A startup aimed to disrupt the personal finance space with a new mobile app. They needed to go from concept to a secure, scalable, and user-friendly MVP in just four months to hit a critical market window, while navigating complex financial regulations.',
|
||||
'solution' => 'We adopted an aggressive agile methodology, with two-week sprints and daily stand-ups involving stakeholders from development, design, and legal. A dedicated security expert was embedded in the team to ensure compliance from day one. We prioritized features using the MoSCoW method to guarantee the most critical elements were ready for launch.',
|
||||
'result' => 'The MVP was launched successfully on both iOS and Android platforms within the four-month deadline. The app acquired over 100,000 downloads in the first month, received an average rating of 4.8 stars, and secured the next round of funding based on its strong market entry.',
|
||||
'testimonial' => [
|
||||
'quote' => 'We wouldn't have launched on time without their rigorous project management. They kept us focused, accountable, and on track from start to finish.',
|
||||
'author' => 'CEO, FinTech Startup'
|
||||
]
|
||||
],
|
||||
3 => [
|
||||
'title' => 'Cross-Platform Brand Unification for a Luxury Hotel Group',
|
||||
'image' => 'https://picsum.photos/seed/luxury-hotel/1200/700',
|
||||
'alt' => 'Elegant lobby of a luxury hotel, reflecting a unified and premium brand identity.',
|
||||
'challenge' => 'A prestigious hotel chain with 50+ properties worldwide had an inconsistent digital presence. Their website, mobile app, and booking engine were managed by different vendors, leading to a fragmented brand experience and lost revenue.',
|
||||
'solution' => 'We led a vendor consolidation and digital transformation project. This involved creating a unified design system, developing a new headless CMS for content management, and building a new booking engine API to serve all platforms. The project required coordinating with marketing, operations, and IT departments across the hotel group.',
|
||||
'result' => 'The new, unified digital platform increased direct online bookings by 35% in the first year, reducing reliance on third-party booking sites. The consistent brand experience led to a 25% increase in guest satisfaction scores related to digital interaction. The new platform also reduced content update time from days to minutes.',
|
||||
'testimonial' => [
|
||||
'quote' => 'They brought order to our digital chaos. Our brand now feels as luxurious online as it does in person.',
|
||||
'author' => 'VP of Marketing, Luxury Hotel Group'
|
||||
]
|
||||
]
|
||||
];
|
||||
|
||||
// Get the ID from the URL, default to 1 if not set or invalid
|
||||
$id = isset($_GET['id']) ? (int)$_GET['id'] : 1;
|
||||
if (!array_key_exists($id, $case_studies)) {
|
||||
$id = 1; // Fallback to the first case study if ID is not found
|
||||
}
|
||||
$study = $case_studies[$id];
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title><?php echo htmlspecialchars($study['title']); ?> | Case Study</title>
|
||||
<meta name="description" content="<?php echo htmlspecialchars(substr($study['challenge'], 0, 160)); ?>">
|
||||
|
||||
<!-- Bootstrap 5 -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom CSS -->
|
||||
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.php">PM Global</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
|
||||
<li class="nav-item"><a class="nav-link active" href="case-studies.php">Case Studies</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Page Header -->
|
||||
<header class="page-header">
|
||||
<div class="container">
|
||||
<h1 class="display-5"><?php echo htmlspecialchars($study['title']); ?></h1>
|
||||
<p class="lead text-secondary">A deep dive into our process and results.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 mx-auto">
|
||||
<!-- Case Study Image -->
|
||||
<img src="<?php echo htmlspecialchars($study['image']); ?>" class="img-fluid rounded shadow-lg mb-5" alt="<?php echo htmlspecialchars($study['alt']); ?>">
|
||||
|
||||
<!-- Case Study Content -->
|
||||
<article class="case-study-content">
|
||||
<div class="content-section">
|
||||
<h3>The Challenge</h3>
|
||||
<p><?php echo htmlspecialchars($study['challenge']); ?></p>
|
||||
</div>
|
||||
|
||||
<div class="content-section">
|
||||
<h3>The Solution</h3>
|
||||
<p><?php echo htmlspecialchars($study['solution']); ?></p>
|
||||
</div>
|
||||
|
||||
<div class="content-section">
|
||||
<h3>The Result</h3>
|
||||
<p><?php echo htmlspecialchars($study['result']); ?></p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Testimonial Blockquote -->
|
||||
<?php if (isset($study['testimonial'])): ?>
|
||||
<blockquote class="blockquote text-center my-5 p-4 bg-light-dark rounded">
|
||||
<p class="mb-0 fst-italic">"<?php echo htmlspecialchars($study['testimonial']['quote']); ?>"</p>
|
||||
<footer class="blockquote-footer mt-2"><?php echo htmlspecialchars($study['testimonial']['author']); ?></footer>
|
||||
</blockquote>
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- Back to Case Studies -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="case-studies.php" class="btn btn-outline-primary">Back to All Case Studies</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer mt-auto">
|
||||
<div class="container">
|
||||
<p>© <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap 5 JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user