135 lines
7.0 KiB
PHP
135 lines
7.0 KiB
PHP
<?php
|
|
$study = [
|
|
'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'
|
|
]
|
|
];
|
|
?>
|
|
<!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" href="case-studies.php">Case Studies</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</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>
|
|
<div class="content-section">
|
|
<h3>Technologies Used</h3>
|
|
<p>
|
|
<span class="badge bg-secondary">Contentful</span>
|
|
<span class="badge bg-secondary">React</span>
|
|
<span class="badge bg-secondary">GraphQL</span>
|
|
<span class="badge bg-secondary">Figma</span>
|
|
<span class="badge bg-secondary">Asana</span>
|
|
</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">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<p>© <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h5>Stay Updated</h5>
|
|
<p>Subscribe to our newsletter for the latest insights.</p>
|
|
<form action="newsletter_signup.php" method="post">
|
|
<div class="input-group mb-3">
|
|
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
|
|
<button class="btn btn-primary" type="submit">Subscribe</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</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>
|