Service Details Component - Copy this Html, Bootstrap Component to your project

I need a service details page utilizing this data "<?php // views/guest/service details.php // Fetch CTAs $ctas = include 'functions/guest/fetch active cta.php'; // Access the CTAs $mainCta = $ctas['mainCta']; $finalCta = $ctas['finalCta']; include 'functions/guest/fetch hero bg.php'; // Fetch the hero background image dynamically $heroBgImage = fetchHeroBgImage($pdo); if (!$slug) { header('Location: /'); exit; } $stmt = $pdo >prepare("SELECT * FROM services WHERE slug = ? AND is_active = 1"); $stmt >execute([$slug]); $service = $stmt >fetch(PDO::FETCH_ASSOC); if (!$service) { header('Location: /'); exit; } // Prepare meta keywords from bullet points $bulletPoints = array_filter([ $service['bullet_point_1'], $service['bullet_point_2'], $service['bullet_point_3'], $service['bullet_point_4'], $service['bullet_point_5'] ]); $metaKeywords = implode(', ', $bulletPoints); // Fetch shop settings $settingsStmt = $pdo >query("SELECT `key`, `value` FROM shop_settings"); $settings = $settingsStmt >fetchAll(PDO::FETCH_KEY_PAIR); $shopName = $settings['shop_name'] ?? 'A Go Auto 360 Partner'; $shopAddress = $settings['shop_address'] ?? ''; $shopPhone = $settings['shop_phone'] ?? ''; // Fetch packages associated with this service $packageStmt = $pdo >prepare("SELECT * FROM service_packages WHERE service_id = ? AND is_active = 1 ORDER BY display_order ASC"); $packageStmt >execute([$service['id']]); $packages = $packageStmt >fetchAll(PDO::FETCH_ASSOC); ?>" withe variables for CSS like "color primary", "color secondary" "color success" etc...