{"title":"Banner","description":null,"products":[{"product_id":"storefront-hero-banner-desktop-mobile","title":"Storefront Hero-Banner","description":"\u003cstyle\u003e\n  .plx-banner-wrap {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    color: #f1f5f9;\n    line-height: 1.6;\n  }\n  .plx-card {\n    background: #262626;\n    border: 1px solid #404040;\n    border-radius: 8px;\n    padding: 20px;\n    margin-bottom: 16px;\n    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n    position: relative;\n  }\n  .plx-card:hover {\n    transform: translateY(-3px);\n    border-color: #00FFAA;\n    box-shadow: 0 8px 24px rgba(0, 255, 170, 0.12);\n  }\n  .plx-card-featured {\n    background: #1e1e1e;\n    border: 1px solid rgba(0, 255, 170, 0.45);\n    box-shadow: 0 0 15px rgba(0, 255, 170, 0.08);\n  }\n  .plx-card-featured:hover {\n    transform: translateY(-3px);\n    border-color: #00FFAA;\n    box-shadow: 0 10px 30px rgba(0, 255, 170, 0.25);\n  }\n  .plx-badge {\n    display: inline-block;\n    font-size: 10px;\n    letter-spacing: 0.12em;\n    font-weight: 800;\n    text-transform: uppercase;\n    color: #00FFAA;\n    background: rgba(0, 255, 170, 0.1);\n    border: 1px solid rgba(0, 255, 170, 0.3);\n    padding: 3px 8px;\n    border-radius: 4px;\n    margin-bottom: 8px;\n  }\n  .plx-price {\n    font-weight: 700;\n    color: #00FFAA;\n    font-size: 18px;\n    white-space: nowrap;\n    margin-left: auto;\n    text-shadow: 0 0 10px rgba(0, 255, 170, 0.3);\n  }\n\n  \/* STABILE AKKORDEONS *\/\n  .plx-banner-wrap details {\n    background: #262626 !important;\n    border: 1px solid #404040 !important;\n    border-radius: 6px !important;\n    margin-bottom: 12px !important;\n    max-height: none !important;\n    height: auto !important;\n    overflow: visible !important;\n  }\n  .plx-banner-wrap details[open] {\n    border-color: #00FFAA !important;\n  }\n  .plx-banner-wrap summary {\n    padding: 14px 18px !important;\n    font-weight: 600 !important;\n    cursor: pointer !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    user-select: none !important;\n    list-style: none !important;\n    color: #ffffff !important;\n    background: #262626 !important;\n    border-radius: 6px !important;\n    transition: background-color 0.2s ease, color 0.2s ease !important;\n  }\n  .plx-banner-wrap summary::-webkit-details-marker {\n    display: none !important;\n  }\n  .plx-banner-wrap summary:hover {\n    background: #2d2d2d !important;\n    color: #00FFAA !important;\n  }\n  .plx-banner-wrap details[open] summary {\n    border-bottom: 1px solid #383838 !important;\n    border-bottom-left-radius: 0 !important;\n    border-bottom-right-radius: 0 !important;\n  }\n  .plx-acc-body {\n    padding: 16px 18px 20px 18px !important;\n    color: #cbd5e1 !important;\n    font-size: 13.5px !important;\n    line-height: 1.7 !important;\n    height: auto !important;\n    max-height: none !important;\n    overflow: visible !important;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"plx-banner-wrap\"\u003e\n\n  \u003c!-- Intro Hook --\u003e\n  \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n    \u003cp style=\"font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: #94a3b8; font-weight: 700; margin: 0 0 5px 0;\"\u003ePAWLOQX™ \/\/ FIRST-FOLD CONVERSION ARCHITECTURE\u003c\/p\u003e\n    \u003ch3 style=\"font-size: 20px; font-weight: 700; margin: 0 0 10px 0; color: #ffffff;\"\u003eMaximale visuelle Durchschlagskraft \u0026amp; kompromisslose Mobile-UX.\u003c\/h3\u003e\n    \u003cp style=\"margin: 0; font-size: 15px; color: #cbd5e1;\"\u003e\n      Der Hero-Banner ist der erste Berührungspunkt in deinem Store: Er entscheidet innerhalb von 3 Sekunden über Weiterscrollen oder Absprung. Wir gestalten professionelle, conversion-starke Keyvisuals – nativ aufgeteilt in separate Desktop- und Mobile-Formate, damit kein Text auf dem Smartphone abgeschnitten oder unleserlich verkleinert wird.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003chr style=\"border: 0; border-top: 1px solid #475569; margin: 25px 0;\"\u003e\n\n  \u003c!-- 2 Varianten im Kartenformat --\u003e\n  \u003ch4 style=\"font-size: 16px; font-weight: 700; color: #ffffff; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.05em;\"\u003eWähle dein Banner-Paket:\u003c\/h4\u003e\n\n  \u003c!-- Paket 1 --\u003e\n  \u003cdiv class=\"plx-card\"\u003e\n    \u003cdiv style=\"display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-bottom: 8px;\"\u003e\n      \u003cstrong style=\"font-size: 15px; color: #ffffff; flex: 1 1 200px;\"\u003e01 \/\/ SINGLE HERO-SET\u003c\/strong\u003e\n      \u003cspan class=\"plx-price\"\u003e79 €\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"font-size: 13px; color: #94a3b8; margin: 0 0 10px 0;\"\u003eIdeal für einen einzelnen starken Hero-Einstieg oder gezielte Kampagnen.\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding-left: 20px; font-size: 13px; color: #e2e8f0; line-height: 1.7;\"\u003e\n      \u003cli\u003e1 Banner-Konzept als natives Dual-Asset (1x Desktop-Breitbild + 1x separates Mobile-Format)\u003c\/li\u003e\n      \u003cli\u003eConversion-fokussierte Hierarchie (klare Headline, Subline \u0026amp; CTA-Fokus)\u003c\/li\u003e\n      \u003cli\u003ePageSpeed-optimierte Dateiauslieferung (.WebP \u0026amp; verlustfreies .PNG\/.JPG)\u003c\/li\u003e\n      \u003cli\u003e1 Revisionsschleife inklusive\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Paket 2 --\u003e\n  \u003cdiv class=\"plx-card plx-card-featured\"\u003e\n    \u003cdiv class=\"plx-badge\"\u003eBestseller \/\/ Slider \u0026amp; Storytelling\u003c\/div\u003e\n    \u003cdiv style=\"display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-bottom: 8px;\"\u003e\n      \u003cstrong style=\"font-size: 15px; color: #ffffff; flex: 1 1 200px;\"\u003e02 \/\/ MULTI \/ SLIDER-SET\u003c\/strong\u003e\n      \u003cspan class=\"plx-price\"\u003e139 €\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"font-size: 13px; color: #94a3b8; margin: 0 0 10px 0;\"\u003eFür Stores mit mehreren Kategorien, USP-Slidern oder saisonalen Aktionen.\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding-left: 20px; font-size: 13px; color: #e2e8f0; line-height: 1.7;\"\u003e\n      \u003cli\u003e2 abgestimmte Banner-Motive (insgesamt 4 Assets: 2x Desktop + 2x Mobile)\u003c\/li\u003e\n      \u003cli\u003eEinheitliche Designsprache für ein harmonisches Slider-Erlebnis\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong style=\"color: #00FFAA;\"\u003eShopify Theme-Integration:\u003c\/strong\u003e Wir binden die Grafiken auf Wunsch direkt sauber in deinem Theme-Editor ein!\u003c\/li\u003e\n      \u003cli\u003e1 Revisionsschleife pro Banner-Motiv inklusive\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003chr style=\"border: 0; border-top: 1px solid #475569; margin: 25px 0;\"\u003e\n\n  \u003c!-- AKKORDEONS --\u003e\n\n  \u003c!-- Akkordeon 1: Details --\u003e\n  \u003cdetails\u003e\n    \u003csummary\u003e\n      \u003cspan\u003e⚙️ Technische Details \u0026amp; Dual-Asset Strategie\u003c\/span\u003e\n      \u003cspan style=\"color: #00FFAA; font-size: 12px;\"\u003e▼\u003c\/span\u003e\n    \u003c\/summary\u003e\n    \u003cdiv class=\"plx-acc-body\"\u003e\n      \u003cul style=\"margin: 0; padding-left: 18px; line-height: 1.8;\"\u003e\n        \u003cli\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eDesktop-Version:\u003c\/strong\u003e Perfekt austariertes Breitbildformat für hohe Bildschirmauflösungen mit Berücksichtigung von Sicherheitszonen für Menüleisten und Theme-Overlays.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eMobile-Version:\u003c\/strong\u003e Speziell auf Smartphone-Screens optimiertes Hoch- oder Quadratformat – kein seitliches Abschneiden und gestochen scharfe Botschaften auf 375px bis 430px Viewports.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003ePerformance-Kompression:\u003c\/strong\u003e Next-Gen Web-Kompression (.WebP) für blitzschnelle Ladezeiten, besseres SEO-Ranking und geringe Absprungraten.\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003c!-- Akkordeon 2: Add-ons --\u003e\n  \u003cdetails\u003e\n    \u003csummary\u003e\n      \u003cspan\u003e⚡ Optionale Upgrades \u0026amp; Add-ons\u003c\/span\u003e\n      \u003cspan style=\"color: #00FFAA; font-size: 12px;\"\u003e▼\u003c\/span\u003e\n    \u003c\/summary\u003e\n    \u003cdiv class=\"plx-acc-body\"\u003e\n      \u003cul style=\"margin: 0; padding-left: 18px; line-height: 1.8;\"\u003e\n        \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eExpress-Abwicklung (+45 €):\u003c\/strong\u003e Fertigstellung deiner ersten Entwürfe innerhalb von 24 bis 48 Stunden.\u003c\/li\u003e\n        \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eZusätzliches Banner-Motiv (+60 €):\u003c\/strong\u003e Weiteres Motiv-Duo (Desktop + Mobile) z. B. für Sales oder spezifische Kollektionen.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eGrafik-Quelldateien (+30 €):\u003c\/strong\u003e Übergabe der offenen Designdateien (Figma) zur uneingeschränkten Weiterbearbeitung.\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003c!-- Akkordeon 3: Ablauf --\u003e\n  \u003cdetails\u003e\n    \u003csummary\u003e\n      \u003cspan\u003e⏱️ Ablauf nach deiner Buchung\u003c\/span\u003e\n      \u003cspan style=\"color: #00FFAA; font-size: 12px;\"\u003e▼\u003c\/span\u003e\n    \u003c\/summary\u003e\n    \u003cdiv class=\"plx-acc-body\"\u003e\n      \u003col style=\"margin: 0; padding-left: 18px; line-height: 1.8;\"\u003e\n        \u003cli\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eDownload Onboarding-Guide:\u003c\/strong\u003e Du erhältst sofort nach Kauf deinen offiziellen Onboarding-Guide (.PDF).\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eBriefing ausfüllen:\u003c\/strong\u003e Über den Link reichst du deine Produktbilder, Logo, USP-Texte und Shop-URL ein (ca. 5 Minuten).\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eDesign \u0026amp; Ausrichtung:\u003c\/strong\u003e Wir layouten die Banner präzise nach den Abmessungen und Spezifikationen deines Shopify-Themes.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong style=\"color: #ffffff;\"\u003eFreigabe \u0026amp; Übergabe:\u003c\/strong\u003e Nach deinem Feedback erhältst du die fertigen Web-Assets (oder wir binden sie beim Multi-Set direkt im Backend ein).\u003c\/li\u003e\n      \u003c\/ol\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003c!-- Support Note --\u003e\n  \u003cdiv style=\"margin-top: 25px; padding: 12px 16px; background: #262626; border: 1px solid #404040; border-radius: 4px; font-size: 12px; color: #94a3b8;\"\u003e\n    Fragen zu Theme-Maßen oder Formaten? Kontaktiere uns direkt unter: \u003cstrong style=\"color: #ffffff;\"\u003esupport@pawloqx.com\u003c\/strong\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"PawLoqX™","offers":[{"title":"Single Hero-Set \/ Standard (3–4 Werktage)","offer_id":59291864334684,"sku":"PLX-S02-GFX-SGL-STD","price":79.0,"currency_code":"EUR","in_stock":true},{"title":"Single Hero-Set \/ Express (24–48 Stunden)","offer_id":59291864367452,"sku":"PLX-S02-GFX-SGL-EXP","price":124.0,"currency_code":"EUR","in_stock":false},{"title":"Slider \/ Multi-Banner Set \/ Standard (3–4 Werktage)","offer_id":59291864400220,"sku":"PLX-S02-GFX-MLT-STD","price":159.0,"currency_code":"EUR","in_stock":true},{"title":"Slider \/ Multi-Banner Set \/ Express (24–48 Stunden)","offer_id":59291864432988,"sku":"PLX-S02-GFX-MLT-EXP","price":204.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0980\/4795\/1196\/files\/Gemini_Generated_Image_xtt7t2xtt7t2xtt7_2f14bdff-46af-4f26-810e-50a9b382fca4.jpg?v=1790498111"}],"url":"https:\/\/pawloqx.com\/collections\/banner.oembed","provider":"PawLoqX™","version":"1.0","type":"link"}