{"product_id":"gladiator-dog-portrait","title":"Gladiator Pet Portrait | Custom Warrior Dog Art","description":"\u003c!-- GLADIATOR DOG PORTRAIT - CUSTOM LANDING PAGE --\u003e\n\u003cstyle\u003e\n\/* Reset \u0026 Base *\/\n.gladiator-landing * { box-sizing: border-box; margin: 0; padding: 0; }\n.gladiator-landing { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; color: #1a1a2e; }\n\n\/* Hero Section *\/\n.glad-hero { text-align: center; padding: 40px 20px; background: linear-gradient(135deg, #8B4513 0%, #654321 50%, #2C1810 100%); border-radius: 20px; color: #FFD700; margin-bottom: 30px; position: relative; overflow: hidden; }\n.glad-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image\/svg+xml,\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"\u003e\u003ctext x=\"50\" y=\"50\" font-size=\"20\" text-anchor=\"middle\" fill=\"rgba(255,215,0,0.1)\"\u003e⚔️\u003c\/text\u003e\u003c\/svg\u003e') repeat; opacity: 0.3; }\n.glad-hero h1 { font-size: 2.5em; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); position: relative; }\n.glad-hero p { font-size: 1.2em; opacity: 0.95; position: relative; color: #fff; }\n.glad-hero .rating { margin-top: 20px; position: relative; }\n.glad-hero .rating span { font-size: 1.8em; }\n.glad-hero .rating-text { font-size: 1em; margin-top: 8px; color: #fff; }\n\n\/* Urgency Banner *\/\n.urgency-banner { background: linear-gradient(90deg, #ff6b6b, #ee5a5a); color: white; text-align: center; padding: 12px 20px; border-radius: 10px; margin-bottom: 25px; font-weight: bold; animation: pulse 2s infinite; }\n@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }\n\n\/* Name Generator Section - THE STAR *\/\n.name-section { background: linear-gradient(135deg, #f8f4e8 0%, #fff9e6 100%); padding: 35px 25px; border-radius: 20px; margin-bottom: 30px; text-align: center; border: 3px solid #DAA520; box-shadow: 0 10px 40px rgba(139,69,19,0.15); }\n.name-section h2 { margin-bottom: 8px; color: #654321; font-size: 1.6em; }\n.name-section .subtitle { color: #8B4513; margin-bottom: 25px; font-size: 1.1em; }\n\n\/* Name Generator Grid *\/\n.name-generator-box { background: white; border-radius: 15px; padding: 25px; margin-bottom: 25px; box-shadow: inset 0 2px 10px rgba(0,0,0,0.05); }\n.generate-btn { background: linear-gradient(135deg, #DAA520 0%, #B8860B 100%); color: white; border: none; padding: 18px 40px; font-size: 1.3em; border-radius: 50px; cursor: pointer; font-weight: bold; transition: all 0.3s; display: inline-flex; align-items: center; gap: 10px; box-shadow: 0 5px 20px rgba(218,165,32,0.4); }\n.generate-btn:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 8px 30px rgba(218,165,32,0.5); }\n.generate-btn:active { transform: translateY(0) scale(0.98); }\n\n\/* Generated Name Display *\/\n.generated-name-display { margin: 25px 0; padding: 20px; background: linear-gradient(135deg, #654321 0%, #8B4513 100%); border-radius: 15px; min-height: 80px; display: flex; align-items: center; justify-content: center; }\n.generated-name { font-size: 2.2em; font-weight: bold; color: #FFD700; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); letter-spacing: 2px; }\n.generated-name.empty { font-size: 1.2em; color: rgba(255,215,0,0.6); letter-spacing: normal; }\n\n\/* Name Input *\/\n.name-input-section { margin-top: 20px; }\n.name-input-section label { display: block; font-weight: bold; color: #654321; margin-bottom: 10px; font-size: 1.1em; }\n.name-input { width: 100%; max-width: 400px; padding: 15px 20px; font-size: 1.2em; border: 3px solid #DAA520; border-radius: 12px; text-align: center; font-weight: bold; color: #654321; transition: all 0.3s; }\n.name-input:focus { border-color: #8B4513; outline: none; box-shadow: 0 0 15px rgba(218,165,32,0.3); }\n.name-input::placeholder { color: #ccc; font-weight: normal; }\n\n\/* Name Examples *\/\n.name-examples { margin-top: 20px; padding: 15px; background: rgba(139,69,19,0.08); border-radius: 10px; }\n.name-examples-title { font-weight: bold; color: #8B4513; margin-bottom: 8px; }\n.name-examples-list { font-size: 0.95em; color: #666; line-height: 1.6; }\n\n\/* Add to Cart Section *\/\n.cart-section { background: linear-gradient(135deg, #654321 0%, #8B4513 100%); padding: 30px; border-radius: 20px; text-align: center; color: white; margin-bottom: 30px; position: relative; overflow: hidden; }\n.cart-section::before { content: '⚔️'; position: absolute; top: -20px; right: -20px; font-size: 100px; opacity: 0.1; }\n.cart-section::after { content: '⚔️'; position: absolute; bottom: -20px; left: -20px; font-size: 100px; opacity: 0.1; transform: rotate(180deg); }\n.price-display { font-size: 2.5em; font-weight: bold; color: #FFD700; margin-bottom: 5px; }\n.price-note { font-size: 0.9em; opacity: 0.8; margin-bottom: 20px; }\n.selection-summary { font-size: 1.1em; margin-bottom: 20px; min-height: 30px; }\n.add-cart-btn { background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%); color: #654321; border: none; padding: 20px 60px; font-size: 1.4em; border-radius: 50px; cursor: pointer; font-weight: bold; transition: all 0.3s; box-shadow: 0 5px 25px rgba(255,215,0,0.4); position: relative; z-index: 1; }\n.add-cart-btn:hover:not(:disabled) { transform: scale(1.05); box-shadow: 0 8px 35px rgba(255,215,0,0.5); }\n.add-cart-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\n\n\/* Trust Badges *\/\n.trust-badges { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; padding: 25px; background: linear-gradient(135deg, #f0f8f0 0%, #e8f5e9 100%); border-radius: 15px; margin-bottom: 30px; }\n@media (max-width: 600px) { .trust-badges { grid-template-columns: repeat(2, 1fr); } }\n.trust-badge { text-align: center; padding: 15px 10px; }\n.trust-badge .badge-icon { font-size: 2.2em; margin-bottom: 8px; }\n.trust-badge .badge-text { font-size: 0.85em; font-weight: bold; color: #2d3436; line-height: 1.3; }\n\n\/* Reviews *\/\n.reviews-section { margin-bottom: 30px; }\n.reviews-section h3 { text-align: center; margin-bottom: 20px; font-size: 1.4em; color: #654321; }\n.review-card { background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%); padding: 20px 25px; border-radius: 15px; margin-bottom: 15px; border-left: 4px solid #DAA520; }\n.review-stars { color: #FFD700; font-size: 1.2em; margin-bottom: 10px; }\n.review-text { font-style: italic; margin-bottom: 12px; color: #444; line-height: 1.5; }\n.review-author { font-weight: bold; color: #654321; }\n\n\/* FAQ *\/\n.faq-section { margin-bottom: 30px; }\n.faq-section h3 { text-align: center; margin-bottom: 20px; font-size: 1.4em; color: #654321; }\n.faq-item { background: #f8f9fa; border-radius: 12px; margin-bottom: 10px; overflow: hidden; border: 1px solid #e0e0e0; }\n.faq-item summary { padding: 18px 20px; cursor: pointer; font-weight: bold; list-style: none; display: flex; align-items: center; gap: 10px; color: #654321; }\n.faq-item summary::-webkit-details-marker { display: none; }\n.faq-item summary::before { content: '+'; font-size: 1.3em; color: #DAA520; font-weight: bold; width: 25px; }\n.faq-item[open] summary::before { content: '−'; }\n.faq-item p { padding: 0 20px 18px 55px; color: #666; line-height: 1.6; }\n\n\/* How It Works *\/\n.how-it-works { background: #f8f4e8; padding: 30px; border-radius: 15px; margin-bottom: 30px; }\n.how-it-works h3 { text-align: center; margin-bottom: 25px; color: #654321; font-size: 1.4em; }\n.steps { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; }\n.step { text-align: center; flex: 1; min-width: 150px; }\n.step-icon { font-size: 2.5em; margin-bottom: 10px; }\n.step-num { background: #DAA520; color: white; width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: bold; margin-bottom: 10px; }\n.step-text { font-size: 0.95em; color: #654321; font-weight: 500; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"gladiator-landing\"\u003e\n\n\u003c!-- Hero --\u003e\n\u003cdiv class=\"glad-hero\"\u003e\n\u003ch1\u003e⚔️ Gladiator Dog Portrait ⚔️\u003c\/h1\u003e\n\u003cp\u003eTransform your furry friend into a legendary arena champion!\u003c\/p\u003e\n\u003cdiv class=\"rating\"\u003e\n\u003cspan\u003e⭐⭐⭐⭐⭐\u003c\/span\u003e\n\u003cdiv class=\"rating-text\"\u003e\n\u003cstrong\u003e4.9\/5\u003c\/strong\u003e from 5,177+ Happy Pet Parents\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Urgency --\u003e\n\u003cdiv class=\"urgency-banner\"\u003e\n🔥 LIMITED TIME: Only £7.00 (Usually £15.00) - 53% OFF! 🔥\n\u003c\/div\u003e\n\n\u003c!-- Name Generator - THE MAIN ATTRACTION --\u003e\n\u003cdiv class=\"name-section\"\u003e\n\u003ch2\u003e🏛️ Your Dog's Gladiator Name\u003c\/h2\u003e\n\u003cp class=\"subtitle\"\u003eEvery champion needs a legendary name for the arena!\u003c\/p\u003e\n\n\u003cdiv class=\"name-generator-box\"\u003e\n\u003cbutton type=\"button\" class=\"generate-btn\" id=\"generateBtn\"\u003e\n🎲 Generate Epic Name\n\u003c\/button\u003e\n\n\u003cdiv class=\"generated-name-display\"\u003e\n\u003cdiv class=\"generated-name empty\" id=\"displayName\"\u003eClick to reveal your dog's destiny...\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"name-input-section\"\u003e\n\u003clabel for=\"gladiatorName\"\u003eOr enter your own warrior name:\u003c\/label\u003e\n\u003cinput type=\"text\" id=\"gladiatorName\" class=\"name-input\" placeholder=\"e.g. Thunder Paws, Rex Maximus\" maxlength=\"30\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"name-examples\"\u003e\n\u003cdiv class=\"name-examples-title\"\u003e⚔️ Popular Gladiator Names:\u003c\/div\u003e\n\u003cdiv class=\"name-examples-list\"\u003e\nThunder Paws • Rex Maximus • Bark the Brave • Shadow Fang • Iron Snout\u003cbr\u003e\nStorm Howler • Titan Tail • Savage Paw • Wolf Heart • Steel Bite\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Add to Cart --\u003e\n\u003cdiv class=\"cart-section\"\u003e\n\u003cdiv class=\"price-display\"\u003e£7.00\u003c\/div\u003e\n\u003cdiv class=\"price-note\"\u003eDigital Portrait • Instant Delivery • Print Ready\u003c\/div\u003e\n\u003cdiv class=\"selection-summary\" id=\"selectionSummary\"\u003e👆 Choose a gladiator name above\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"add-cart-btn\" id=\"addToCartBtn\" disabled\u003e\n🏆 Create My Gladiator Portrait\n\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c!-- How It Works --\u003e\n\u003cdiv class=\"how-it-works\"\u003e\n\u003ch3\u003e📋 How It Works\u003c\/h3\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-icon\"\u003e📸\u003c\/div\u003e\n\u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eUpload a clear photo of your dog\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-icon\"\u003e⚔️\u003c\/div\u003e\n\u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eWe transform them into a gladiator warrior\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-icon\"\u003e🖼️\u003c\/div\u003e\n\u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"step-text\"\u003eReceive your epic portrait in 24-48 hours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Trust Badges --\u003e\n\u003cdiv class=\"trust-badges\"\u003e\n\u003cdiv class=\"trust-badge\"\u003e\n\u003cdiv class=\"badge-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"badge-text\"\u003e100% Money-Back Guarantee\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-badge\"\u003e\n\u003cdiv class=\"badge-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"badge-text\"\u003e24-48 Hour Delivery\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-badge\"\u003e\n\u003cdiv class=\"badge-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv class=\"badge-text\"\u003eSecure Checkout\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trust-badge\"\u003e\n\u003cdiv class=\"badge-icon\"\u003e💯\u003c\/div\u003e\n\u003cdiv class=\"badge-text\"\u003e5,177+ Happy Customers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Reviews --\u003e\n\u003cdiv class=\"reviews-section\"\u003e\n\u003ch3\u003e💬 What Our Customers Say\u003c\/h3\u003e\n\u003cdiv class=\"review-card\"\u003e\n\u003cdiv class=\"review-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n\u003cdiv class=\"review-text\"\u003e\"I couldn't stop laughing when I saw my little Beagle as a fierce gladiator! 'Maximus Snuggles' now hangs proudly in our living room. Absolutely brilliant work!\"\u003c\/div\u003e\n\u003cdiv class=\"review-author\"\u003e- Emma T., Verified Purchase\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-card\"\u003e\n\u003cdiv class=\"review-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n\u003cdiv class=\"review-text\"\u003e\"Ordered this for my husband's birthday - his Bulldog 'Tank the Destroyer' portrait had him in tears! The quality is amazing and it arrived super fast.\"\u003c\/div\u003e\n\u003cdiv class=\"review-author\"\u003e- Sarah M., Verified Purchase\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-card\"\u003e\n\u003cdiv class=\"review-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n\u003cdiv class=\"review-text\"\u003e\"Third portrait I've ordered from this company. The gladiator style is my favourite yet! My Golden Retriever looks absolutely majestic.\"\u003c\/div\u003e\n\u003cdiv class=\"review-author\"\u003e- David P., Verified Purchase\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch3\u003e❓ Frequently Asked Questions\u003c\/h3\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eHow does the gladiator portrait work?\u003c\/summary\u003e\n\u003cp\u003eAfter purchase, simply upload a clear photo of your dog's face. Our artists will expertly transform your pet into a fierce gladiator warrior, complete with armour and your chosen gladiator name. You'll receive your high-resolution digital portrait within 24-48 hours!\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eWhat photo works best?\u003c\/summary\u003e\n\u003cp\u003eA clear, front-facing photo with good lighting works best. Make sure your dog's face is clearly visible and not blurry. The clearer the photo, the more detailed your gladiator portrait will be!\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eCan I print this portrait?\u003c\/summary\u003e\n\u003cp\u003eAbsolutely! You receive a high-resolution digital file perfect for printing at any size - from small frames to large canvases. Many customers print theirs at A3 or A2 size!\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eWhat if I'm not 100% happy?\u003c\/summary\u003e\n\u003cp\u003eWe offer unlimited revisions until you're completely satisfied, or a full refund - no questions asked. Your happiness is guaranteed!\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\nconst gladiatorNames = [\n'Thunder Paws', 'Rex Maximus', 'Bark the Brave', 'Shadow Fang', 'Iron Snout',\n'Storm Howler', 'Titan Tail', 'Blaze Runner', 'Savage Paw', 'Wolf Heart',\n'Midnight Growl', 'Steel Bite', 'Nova Strike', 'Apex Hunter', 'Crimson Claw',\n'Ghost Runner', 'Rogue Fang', 'Valor Paws', 'Magnus Bark', 'Phoenix Howl',\n'Onyx Shadow', 'Glacier Bite', 'Ember Paw', 'Brutus Maximus', 'Fang Fury',\n'Spartacus Snout', 'Gladius Bark', 'Arena Champion', 'Colosseum King', 'Caesar Paws',\n'Maximus Flufficus', 'Draco the Mighty', 'Leonidas Woof', 'Achilles Paw', 'Hercules Hound'\n];\n\nconst variantId = '56977281614159';\nlet currentName = '';\n\nfunction generateName() {\nconst randomName = gladiatorNames[Math.floor(Math.random() * gladiatorNames.length)];\nconst nameInput = document.getElementById('gladiatorName');\nconst displayName = document.getElementById('displayName');\n\nif (nameInput \u0026\u0026 displayName) {\nnameInput.value = randomName;\ndisplayName.textContent = randomName;\ndisplayName.classList.remove('empty');\ncurrentName = randomName;\nupdateSummary();\n\n\/\/ Add a fun animation\ndisplayName.style.transform = 'scale(1.1)';\nsetTimeout(function() { displayName.style.transform = 'scale(1)'; }, 200);\n}\n}\n\nfunction updateSummary() {\nconst nameInput = document.getElementById('gladiatorName');\nconst displayName = document.getElementById('displayName');\nconst summary = document.getElementById('selectionSummary');\nconst btn = document.getElementById('addToCartBtn');\nif (!nameInput || !summary || !btn) return;\n\nconst name = nameInput.value.trim();\ncurrentName = name;\n\nif (displayName) {\nif (name) {\ndisplayName.textContent = name;\ndisplayName.classList.remove('empty');\n} else {\ndisplayName.textContent = 'Click to reveal your dog\\'s destiny...';\ndisplayName.classList.add('empty');\n}\n}\n\nif (name) {\nsummary.innerHTML = '⚔️ Gladiator Name: \u003cstrong\u003e\"' + name + '\"\u003c\/strong\u003e';\nbtn.disabled = false;\n} else {\nsummary.textContent = '👆 Choose a gladiator name above';\nbtn.disabled = true;\n}\n}\n\nfunction addToCart() {\nconst btn = document.getElementById('addToCartBtn');\nif (!btn || !currentName) return;\n\nbtn.disabled = true;\nbtn.textContent = '⏳ Adding to cart...';\n\nfetch('\/cart\/add.js', {\nmethod: 'POST',\nheaders: { 'Content-Type': 'application\/json' },\nbody: JSON.stringify({\nitems: [{\nid: variantId,\nquantity: 1,\nproperties: {\n'Gladiator Name': currentName\n}\n}]\n})\n})\n.then(function(response) { return response.json(); })\n.then(function(data) {\nwindow.location.href=\"\/fr\/cart\";\n})\n.catch(function(error) {\nconsole.error('Error:', error);\nalert('Something went wrong. Please try again.');\nbtn.disabled = false;\nbtn.textContent = '🏆 Create My Gladiator Portrait';\n});\n}\n\nfunction init() {\nvar generateBtn = document.getElementById('generateBtn');\nvar nameInput = document.getElementById('gladiatorName');\nvar addToCartBtn = document.getElementById('addToCartBtn');\n\nif (generateBtn) generateBtn.addEventListener('click', generateName);\nif (nameInput) nameInput.addEventListener('input', updateSummary);\nif (addToCartBtn) addToCartBtn.addEventListener('click', addToCart);\n}\n\nif (document.readyState === 'loading') {\ndocument.addEventListener('DOMContentLoaded', init);\n} else {\ninit();\n}\n})();\n\u003c\/script\u003e\n","brand":"The Family Portrait Company","offers":[{"title":"Default Title","offer_id":56977281614159,"sku":"GLAD-DOG-BRUTE","price":7.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0930\/0659\/4383\/files\/gladiator-dog-characters.png?v=1770379833","url":"https:\/\/compagniedesportraits.com\/fr\/products\/gladiator-dog-portrait","provider":"The Family Portrait Companys","version":"1.0","type":"link"}