jercox/premium-consulting-pro
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Services — Strategy, Delivery, Assurance</title>7 <meta name="description" content="Explore our services: strategy, delivery leadership, assurance, operating models, transformation, and change.">8 <meta property="og:title" content="Services — Strategy, Delivery, Assurance">9 <meta property="og:description" content="Explore our services: strategy, delivery leadership, assurance, operating models, transformation, and change.">10 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">11 <script src="https://cdn.tailwindcss.com"></script>12 <script src="https://unpkg.com/feather-icons"></script>13 <script>14 tailwind.config = {15 theme: {16 extend: {17 colors: {18 primary: {19 50: '#eef2ff',20 100: '#e0e7ff',21 200: '#c7d2fe',22 300: '#a5b4fc',23 400: '#818cf8',24 500: '#6366f1',25 600: '#4f46e5',26 700: '#4338ca',27 800: '#3730a3',28 900: '#312e81',29 },30 secondary: {31 50: '#fff7ed',32 100: '#ffedd5',33 200: '#fed7aa',34 300: '#fdba74',35 400: '#fb923c',36 500: '#f97316',37 600: '#ea580c',38 700: '#c2410c',39 800: '#9a3412',40 900: '#7c2d12',41 }42 }43 }44 }45 }46 </script>47 <style>48 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');49 body {50 font-family: 'Inter', sans-serif;51 background-color: #fefefe;52 }53 .service-card {54 background: linear-gradient(145deg, #f8f9fa, #e9ecef);55 border-radius: 16px;56 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);57 }58 .service-card:hover {59 box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);60 }61 .service-item {62 transition: all 0.3s ease;63 }64 .service-item:hover {65 transform: translateX(5px);66 }67 </style>68</head>69<body class="bg-white text-gray-900">70 <!-- Navigation -->71 <nav class="bg-white border-b border-gray-100 sticky top-0 z-50">72 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">73 <div class="flex justify-between h-16">74 <div class="flex items-center">75 <div class="flex-shrink-0 flex items-center">76 <div class="h-8 w-8 rounded-full bg-primary-600 flex items-center justify-center">77 <span class="text-white font-bold text-lg">P</span>78 </div>79 <span class="ml-2 text-xl font-bold text-gray-900">Premium Consulting</span>80 </div>81 </div>82 <div class="hidden md:flex items-center space-x-8">83 <a href="index.html" class="text-gray-600 hover:text-primary-600 font-medium">Home</a>84 <a href="services.html" class="text-primary-600 font-medium">Services</a>85 <a href="faq.html" class="text-gray-600 hover:text-primary-600 font-medium">FAQ</a>86 <a href="booking.html" class="bg-primary-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-primary-700 transition">Book a Call</a>87 </div>88 <div class="md:hidden flex items-center">89 <button id="mobile-menu-button" class="text-gray-600 hover:text-gray-900">90 <i data-feather="menu" class="h-6 w-6"></i>91 </button>92 </div>93 </div>94 </div>95 <!-- Mobile menu -->96 <div id="mobile-menu" class="hidden md:hidden bg-white border-t border-gray-100">97 <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">98 <a href="index.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:text-primary-600">Home</a>99 <a href="services.html" class="block px-3 py-2 rounded-md text-base font-medium text-primary-600">Services</a>100 <a href="faq.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:text-primary-600">FAQ</a>101 <a href="booking.html" class="block px-3 py-2 rounded-md text-base font-medium bg-primary-600 text-white">Book a Call</a>102 </div>103 </div>104 </nav>105 106 <!-- Header -->107 <div class="bg-white">108 <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">109 <div class="text-center">110 <h1 class="text-base font-semibold text-primary-600 tracking-wide uppercase">Services</h1>111 <p class="mt-1 text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl">112 Pragmatic, senior-led services113 </p>114 <p class="max-w-xl mt-5 mx-auto text-xl text-gray-500">115 Designed to unlock value quickly and reduce risk.116 </p>117 </div>118 </div>119 </div>120 121 <!-- Services Content -->122 <div class="py-12 bg-white">123 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">124 <div class="space-y-24">125 <!-- Transformation & Delivery -->126 <div class="lg:grid lg:grid-cols-12 lg:gap-8">127 <div class="lg:col-span-5">128 <div class="service-card p-8">129 <h2 class="text-2xl font-bold text-gray-900">Transformation & Delivery</h2>130 <p class="mt-4 text-lg text-gray-500">131 We lead complex programmes with pace and accountability, ensuring outcomes are realised.132 </p>133 <div class="mt-6">134 <a href="booking.html" class="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700">135 Discuss your needs136 </a>137 </div>138 </div>139 </div>140 <div class="mt-10 lg:mt-0 lg:col-span-7">141 <div class="space-y-6">142 <div class="service-item flex">143 <div class="flex-shrink-0">144 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary-500 text-white">145 <i data-feather="users" class="h-6 w-6"></i>146 </div>147 </div>148 <div class="ml-4">149 <h3 class="text-lg font-medium text-gray-900">Programme leadership</h3>150 <p class="mt-2 text-base text-gray-500">151 Senior executives who take ownership of outcomes and drive transformation from the top.152 </p>153 </div>154 </div>155 <div class="service-item flex">156 <div class="flex-shrink-0">157 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary-500 text-white">158 <i data-feather="code" class="h-6 w-6"></i>159 </div>160 </div>161 <div class="ml-4">162 <h3 class="text-lg font-medium text-gray-900">Delivery squads</h3>163 <p class="mt-2 text-base text-gray-500">164 Cross-functional teams focused on delivering measurable outcomes with speed and quality.165 </p>166 </div>167 </div>168 <div class="service-item flex">169 <div class="flex-shrink-0">170 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary-500 text-white">171 <i data-feather="layers" class="h-6 w-6"></i>172 </div>173 </div>174 <div class="ml-4">175 <h3 class="text-lg font-medium text-gray-900">PMO setup</h3>176 <p class="mt-2 text-base text-gray-500">177 Establishing effective project management offices that provide visibility, control and governance.178 </p>179 </div>180 </div>181 </div>182 </div>183 </div>184 185 <!-- Strategy & Roadmaps -->186 <div class="lg:grid lg:grid-cols-12 lg:gap-8">187 <div class="lg:col-span-5 lg:col-start-8">188 <div class="service-card p-8">189 <h2 class="text-2xl font-bold text-gray-900">Strategy & Roadmaps</h2>190 <p class="mt-4 text-lg text-gray-500">191 Define a clear path from vision to execution with measurable milestones and value cases.192 </p>193 <div class="mt-6">194 <a href="booking.html" class="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700">195 Discuss your needs196 </a>197 </div>198 </div>199 </div>200 <div class="mt-10 lg:mt-0 lg:col-span-7 lg:col-start-1">201 <div class="space-y-6">202 <div class="service-item flex">203 <div class="flex-shrink-0">204 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary-500 text-white">205 <i data-feather="search" class="h-6 w-6"></i>206 </div>207 </div>208 <div class="ml-4">209 <h3 class="text-lg font-medium text-gray-900">Opportunity discovery</h3>210 <p class="mt-2 text-base text-gray-500">211 Identifying and prioritizing opportunities that align with strategic objectives and create value.212 </p>213 </div>214 </div>215 <div class="service-item flex">216 <div class="flex-shrink-0">217 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary-500 text-white">218 <i data-feather="bar-chart-2" class="h-6 w-6"></i>219 </div>220 </div>221 <div class="ml-4">222 <h3 class="text-lg font-medium text-gray-900">Portfolio prioritisation</h3>223 <p class="mt-2 text-base text-gray-500">224 Strategic frameworks to evaluate and rank initiatives based on impact, feasibility and alignment.225 </p>226 </div>227 </div>228 <div class="service-item flex">229 <div class="flex-shrink-0">230 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary-500 text-white">231 <i data-feather="layout" class="h-6 w-6"></i>232 </div>233 </div>234 <div class="ml-4">235 <h3 class="text-lg font-medium text-gray-900">Operating model design</h3>236 <p class="mt-2 text-base text-gray-500">237 Creating structures that align people, processes and technology to deliver strategic outcomes.238 </p>239 </div>240 </div>241 </div>242 </div>243 </div>244 245 <!-- Assurance & Governance -->246 <div class="lg:grid lg:grid-cols-12 lg:gap-8">247 <div class="lg:col-span-5">248 <div class="service-card p-8">249 <h2 class="text-2xl font-bold text-gray-900">Assurance & Governance</h2>250 <p class="mt-4 text-lg text-gray-500">251 Independent assessment and governance frameworks that de-risk change and improve decisions.252 </p>253 <div class="mt-6">254 <a href="booking.html" class="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700">255 Discuss your needs256 </a>257 </div>258 </div>259 </div>260 <div class="mt-10 lg:mt-0 lg:col-span-7">261 <div class="space-y-6">262 <div class="service-item flex">263 <div class="flex-shrink-0">264 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary-500 text-white">265 <i data-feather="heart" class="h-6 w-6"></i>266 </div>267 </div>268 <div class="ml-4">269 <h3 class="text-lg font-medium text-gray-900">Health checks</h3>270 <p class="mt-2 text-base text-gray-500">271 Comprehensive assessments of programme health, identifying risks and opportunities for improvement.272 </p>273 </div>274 </div>275 <div class="service-item flex">276 <div class="flex-shrink-0">277 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary-500 text-white">278 <i data-feather="alert-triangle" class="h-6 w-6"></i>279 </div>280 </div>281 <div class="ml-4">282 <h3 class="text-lg font-medium text-gray-900">Risk reviews</h3>283 <p class="mt-2 text-base text-gray-500">284 Systematic evaluation of risks to identify mitigation strategies and improve decision-making.285 </p>286 </div>287 </div>288 <div class="service-item flex">289 <div class="flex-shrink-0">290 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary-500 text-white">291 <i data-feather="clipboard" class="h-6 w-6"></i>292 </div>293 </div>294 <div class="ml-4">295 <h3 class="text-lg font-medium text-gray-900">Portfolio governance</h3>296 <p class="mt-2 text-base text-gray-500">297 Frameworks for oversight and decision-making across portfolios to ensure alignment and value delivery.298 </p>299 </div>300 </div>301 </div>302 </div>303 </div>304 305 <!-- Interim Leadership -->306 <div class="lg:grid lg:grid-cols-12 lg:gap-8">307 <div class="lg:col-span-5 lg:col-start-8">308 <div class="service-card p-8">309 <h2 class="text-2xl font-bold text-gray-900">Interim Leadership</h2>310 <p class="mt-4 text-lg text-gray-500">311 Experienced leaders who slot in and deliver impact from day one across change and technology.312 </p>313 <div class="mt-6">314 <a href="booking.html" class="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700">315 Discuss your needs316 </a>317 </div>318 </div>319 </div>320 <div class="mt-10 lg:mt-0 lg:col-span-7 lg:col-start-1">321 <div class="space-y-6">322 <div class="service-item flex">323 <div class="flex-shrink-0">324 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary-500 text-white">325 <i data-feather="settings" class="h-6 w-6"></i>326 </div>327 </div>328 <div class="ml-4">329 <h3 class="text-lg font-medium text-gray-900">Operating Models</h3>330 <p class="mt-2 text-base text-gray-500">331 Practical, measurable operating models that align teams, funding and delivery to outcomes.332 </p>333 </div>334 </div>335 </div>336 </div>337 </div>338 </div>339 </div>340 </div>341 342 <!-- Footer -->343 <footer class="bg-white">344 <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">345 <div class="border-t border-gray-200 pt-8">346 <p class="text-base text-gray-400 text-center">347 © 2023 Premium Consulting. All rights reserved.348 </p>349 </div>350 </div>351 </footer>352 353 <script>354 // Mobile menu toggle355 const mobileMenuButton = document.getElementById('mobile-menu-button');356 const mobileMenu = document.getElementById('mobile-menu');357 358 mobileMenuButton.addEventListener('click', () => {359 const expanded = mobileMenuButton.getAttribute('aria-expanded') === 'true' || false;360 mobileMenuButton.setAttribute('aria-expanded', !expanded);361 mobileMenu.classList.toggle('hidden');362 });363 364 // Initialize Feather Icons365 feather.replace();366 </script>367</body>368</html>369