https://oxid-esales.com/assets/OpalVersandverwaltungPage-3ZcJE81l.js

1import{j as e}from"./vendor-ui-srD7R-Zr.js";import{r as b}from"./vendor-i18n-DtlmU0Vb.js";import{S as w}from"./SEOHead-CyikkYAr.js";import{J as v}from"./JsonLd-Cw8Iu0a7.js";import{u as k,d as m,B as s,A as h,k as y,j as u}from"./index-D4hcfD-a.js";import{C as o,c as l}from"./card-Bh0mbQd0.js";import{A as j,a as N,b as A,c as L}from"./accordion-C5wMOwuW.js";import{A as i}from"./AnimatedSection-BrTxaeeR.js";import{S as P}from"./StaggeredAnimation-CHD3kroF.js";import{S as O}from"./StandardHero-Cza48sy0.js";import{B as S}from"./BrevoContactForm-D2phOWMU.js";import{o as B}from"./oxid-opal-grafik-BoYE_KV9.js";import{B as R}from"./BlueprintSection-CFnEeXjR.js";import{S as D}from"./shield-DY-lds3u.js";import{Z as z}from"./zap-Bejhsedk.js";import{L as d}from"./vendor-react-4t1c1o1L.js";import"./vendor-recharts-BMEKEyEe.js";import"./input-2krL8zRW.js";import"./label-pPzGjwyK.js";import"./circle-alert-tef2dqs_.js";import"./send-BnfXElJS.js";const V=[D,z,m],C={de:{seoTitle:"Versandverwaltung für OXID eShop – Regelkonflikte stoppen",seoDescription:"Erkennt Konflikte bei Versandoptionen, bevor der Kunde zahlt, und stoppt fehlerhafte Versandkonfigurationen direkt im Admin. Baustein direkt von OXID.",heroHighlight:"Versandverwaltung",heroSubtitle:"Versandarten und Regeln auf einem Bildschirm. Konflikte erkennst du im Admin, nicht erst im Checkout.",requestOpal:"OPAL anfragen",viewFeatures:"Funktionen ansehen",trust:["Für OXID eShop 7.4","Direkt vom Plattform-Hersteller"],introHeading:"Versandregeln entspannt im Griff",introText:"Versandarten, Zuschläge und Länderzuweisungen lassen sich mit der Zeit aufbauen – neue Dienstleister, Aktionen, Zielmärkte. Der OPAL zeigt alle Regeln auf einem Bildschirm, erkennt Überschneidungen und verwaiste Einträge automatisch. Du behältst den Überblick, egal wie groß das Regelwerk wird.",introButton:"OPAL anfragen",solvesHeading:"Was der OPAL für dich löst",solves:["Versandarten und Regeln auf einem Bildschirm, statt ständig zwischen zwei Admin-Bereichen zu wechseln.","Automatische Warnung bei Regelüberschneidungen und verwaisten Regeln – erkennbar im Admin, bevor sie im Checkout ankommen.","Zuordnungen für Länder, Zahlarten und Benutzergruppen per Checkbox setzen – kein Seitenneuladen."],beforeAfterHeading:"Vorher / Nachher",beforeLabel:"Vorher",afterLabel:"Nachher",vorherNachher:[{vorher:"Zwischen Versandarten- und Regelseite hin und her klicken, den Kontext bei jedem Wechsel verlieren.",nachher:"Versandart links auswählen, Regeln in der Mitte sehen, Details rechts bearbeiten. Alles auf einem Bildschirm."},{vorher:"Eine neue Aktionsregel anlegen, speichern und erst mit dem Launch merken, ob sie mit einer bestehenden Regel überlappt.",nachher:"Beim Speichern der neuen Aktionsregel erscheint die Warnung sofort. Der Konflikt wird gelöst, bevor die Aktion live geht."},{vorher:"In der Regelübersicht stehen Einträge, bei denen keiner mehr genau weiß, welcher Versandart sie zugehören.",nachher:"Nicht zugeordnete Regeln sind als solche markiert. In der Gesamtansicht lassen sie sich gezielt bereinigen."}],familyLabel:"Teil der OPAL-Familie",familyText:"OPALe sind vorgefertigte Projektbeschleuniger von OXID eSales, die als solide Basis dienen und an deine Systemlandschaft angepasst werden müssen.",discoverAll:"Alle OPALe entdecken",featuresHeading:"Funktionen im Überblick",featuresLeft:[{title:"Versandarten und Regeln in einer Ansicht",description:"Links die Versandarten, in der Mitte die zugehörigen Regeln, rechts die Details. Ein Klick auf eine Versandart bringt das passende Regelwerk sofort daneben, ohne Seitenwechsel."},{title:"Regel-Editor direkt nebenan",description:"Bedingung, Bereich, Preis und Berechnungsmodus in einer Maske, nebeneinander mit der Regelübersicht. Status, Bedingung und Preis auf einen Blick."},{title:"Zuordnungen per Checkbox, sofort gespeichert",description:"Länder, Zahlarten und Benutzergruppen per Checkbox anhaken – jede Auswahl ist sofort gespeichert, kein Datenverlust beim Weiterklicken."},{title:"Benutzer und Artikel per Suche zuordnen",description:"Benutzer nach Vorname, Nachname oder E-Mail finden, Artikel nach Nummer oder Titel – mit Paginierung auch in großen Shops. Bereits zugeordnete Einträge sind markiert."}],featuresRight:[{title:"Warnung bei Regelüberschneidungen",description:"Wenn eine neue Regel denselben Bedingungsbereich abdeckt wie eine bestehende, erscheint beim Speichern sofort eine Warnung. Der Konfigurationsfehler fällt im Admin auf, nicht im Checkout."},{title:"Verwaiste Regeln sichtbar",description:'Regeln ohne Versandart-Zuordnung werden als „Nicht zugeordnet" markiert. Eine eigene Gesamtansicht listet sie auf, damit sie gezielt bereinigt werden können.'},{title:"Wirkungslose Zuordnungen erkennen",description:'Ist ein Benutzer einer Regel zugeordnet, aber nicht in der eingeschränkten Benutzergruppe der Versandart, zeigt der OPAL den Hinweis „nicht in Gruppe" direkt an der Zuordnung.'},{title:"Ungültige Regeln abfangen",description:"Fehlende Pflichtfelder, nicht-numerische Preise, ein Von-Wert größer als der Bis-Wert: wird beim Speichern spezifisch gemeldet und blockiert die Speicherung."}],featuresBottomText:"Kurzgesagt: Versandarten, Regeln und Zuordnungen auf einem Bildschirm – Länder, Zahlarten und Gruppen per Checkbox, Benutzer und Artikel per Suche. Regelüberschneidungen und verwaiste oder wirkungslose Zuordnungen werden direkt beim Speichern gemeldet. Kategorien erscheinen als eingerückter Baum, Mehrsprachigkeit ist eingebaut, und beim Löschen einer Versandart gehen alle zugehörigen Regeln automatisch mit.",personaHeading:"Für wen ist der OPAL gedacht?",personas:[{id:"shopbetreiber",label:"Shop-Betreiber",title:"Shop-Betreiber / E-Commerce Manager",scenario:"Du legst kurz vor Kampagnenstart eine neue Aktionsregel an – in einem Regelwerk, das über Monate gewachsen ist und von dem du nicht jeden Eintrag im Kopf hast.",benefit:"Im Standard liegen Versandarten und Regeln auf zwei getrennten Seiten, beim Wechsel verlierst du den Kontext. Der OPAL bringt beides auf einen Bildschirm und prüft beim Speichern, ob die neue Regel eine bestehende überlappt. Eine Checkbox genügt, um Länder, Zahlarten oder Gruppen zuzuordnen, und sie ist sofort gespeichert. Und du siehst auf einen Blick, welche Regeln in deinem Shop seit Monaten mitlaufen, ohne jemals zu greifen.",cta:"OPAL anfragen"},{id:"entwickler",label:"Entwickler",title:"Entwickler",scenario:"Du bewertest, ob für die Versandkonfiguration eines Kunden eine fertige Admin-Erweiterung taugt oder ob ihr selbst entwickeln müsst – und wer die Lösung anschließend pflegt.",benefit:"Du musst keine Eigenentwicklung betreuen, um die Versandverwaltung für deinen Kunden zu vereinfachen. Der OPAL folgt OXID-7-Konventionen, bindet sich per Composer ein und lässt sich genauso sauber wieder entfernen. Er legt keine eigenen Datenbanktabellen an, sondern arbeitet auf den bestehenden Versandtabellen des Shops. Die Prüflogik für Überschneidungen und Orphan-Erkennung läuft serverseitig und ist damit auch in Deployment-Pipelines nachvollziehbar testbar.",cta:"OPAL anfragen"},{id:"partner",label:"Partner / Agentur",title:"Partner / Agenturen",scenario:"Beim Kickoff eines OXID-7-Projekts mit mehreren Dienstleistern, Staffelpreisen und Ländertarifen – der Punkt, an dem im Team sonst eigene Übersichten und Checklisten entstehen, weil die Standardverwaltung zu träge ist.",benefit:"Du setzt in jedem OXID-7-Projekt mit komplexerem Versand denselben Baustein ein, statt individuelle Helper zu pflegen. Deine Kunden arbeiten nach der Einführung eigenständig im Admin, was deinen Support-Aufwand nach dem Go-Live senkt. Für euch als Agentur ist das ein wiederverwendbarer Standardbaustein, den ihr in euer Projekt-Template auf

1nehmen könnt.",cta:"OPAL anfragen"},{id:"marketing",label:"Marketing",title:"Marketing",scenario:"Du planst eine Aktion mit Versandkostenfreiheit und willst wissen, ob im Checkout wirklich gilt, was in der Kampagne steht.",benefit:"Du kannst dich darauf verlassen, dass das, was in eurer Kampagne steht, auch im Checkout gilt. Aktionsregeln werden schon beim Anlegen auf Überschneidungen mit bestehenden Regeln geprüft – gegengeprüft wird also vor dem Launch, nicht danach. Für internationale Kampagnen siehst du sofort, welche Versandarten in den Zielsprachen noch keinen übersetzten Namen haben.",cta:"OPAL anfragen"}],faqHeading:"Häufige Fragen",faq:[{question:"Wir kommen doch mit dem Standard klar. Warum sollten wir wechseln?",answer:"Solange ihr keine Kundenbeschwerden zu Versandkosten habt und euer Regelwerk überschaubar bleibt, braucht ihr nicht zu wechseln. Sobald das eine oder andere kippt, spart die Erweiterte Versandverwaltung mehr Ärger, als sie Aufwand erzeugt."},{question:"Funktioniert das mit unseren bestehenden Versandarten und Regeln?",answer:"Ja. Die Erweiterte Versandverwaltung zeigt euren aktuellen Stand direkt in der neuen Oberfläche an. Es gibt keine Migration, keine Umstellung und keine Datenveränderung."}],priceHeading:"Preis",price:"20 €/Monat",pricingNotePre:"OPALe sind auch in ",pricingNoteLink:"Abonnement-Paketen",pricingNotePost:" erhältlich.",questionsHeading:"Noch Fragen?",finalCtaHeading:"OPAL Versandverwaltung anfragen",finalCtaText:"Versandarten und Regeln auf einem Bildschirm. Konflikte erkennst du im Admin, nicht erst im Checkout.",toOverview:"Zur OPAL Übersicht"},en:{seoTitle:"Shipping Management for OXID eShop – stop rule conflicts",seoDescription:"Detects conflicts in shipping options before the customer pays and stops faulty shipping configurations directly in the administration area. A building block directly from OXID.",heroHighlight:"Shipping Management",heroSubtitle:"Shipping methods and rules on one screen. You spot conflicts in the administration area, not first at checkout.",requestOpal:"Request OPAL",viewFeatures:"View features",trust:["For OXID eShop 7.4","Directly from the platform vendor"],introHeading:"Shipping rules calmly under control",introText:"Shipping methods, surcharges and country assignments build up over time – new service providers, campaigns, target markets. The OPAL shows all rules on one screen and detects overlaps and orphaned entries automatically. You keep the overview, no matter how large the rule set becomes.",introButton:"Request OPAL",solvesHeading:"What the OPAL solves for you",solves:["Shipping methods and rules on one screen, instead of constantly switching between two administration areas.","Automatic warning for rule overlaps and orphaned rules – visible in the administration area before they reach the checkout.","Set assignments for countries, payment methods and user groups via checkbox – no page reload."],beforeAfterHeading:"Before / After",beforeLabel:"Before",afterLabel:"After",vorherNachher:[{vorher:"Clicking back and forth between the shipping method page and the rule page, losing context with every switch.",nachher:"Select the shipping method on the left, see the rules in the middle, edit the details on the right. All on one screen."},{vorher:"Creating a new campaign rule, saving it and only noticing at launch whether it overlaps with an existing rule.",nachher:"When you save the new campaign rule, the warning appears immediately. The conflict is resolved before the campaign goes live."},{vorher:"The rule overview contains entries where no one knows exactly which shipping method they belong to.",nachher:"Unassigned rules are marked as such. In the overall view they can be cleaned up in a targeted way."}],familyLabel:"Part of the OPAL family",familyText:"OPALs are prebuilt project accelerators from OXID eSales that serve as a solid foundation and need to be adapted to your system landscape.",discoverAll:"Discover all OPALs",featuresHeading:"Features at a glance",featuresLeft:[{title:"Shipping methods and rules in one view",description:"Shipping methods on the left, the associated rules in the middle, the details on the right. A click on a shipping method brings the matching rule set right next to it, with no page change."},{title:"Rule editor right next to it",description:"Condition, range, price and calculation mode in one form, side by side with the rule overview. Status, condition and price at a glance."},{title:"Assignments via checkbox, saved instantly",description:"Tick countries, payment methods and user groups via checkbox – every selection is saved instantly, no data loss when clicking on."},{title:"Assign users and products via search",description:"Find users by first name, last name or email, products by number or title – with pagination even in large shops. Already assigned entries are marked."}],featuresRight:[{title:"Warning for rule overlaps",description:"When a new rule covers the same condition range as an existing one, a warning appears immediately on saving. The configuration error is noticed in the administration area, not at checkout."},{title:"Orphaned rules made visible",description:'Rules without a shipping method assignment are marked as "Not assigned". A dedicated overall view lists them so they can be cleaned up in a targeted way.'},{title:"Spot ineffective assignments",description:'If a user is assigned to a rule but not in the restricted user group of the shipping method, the OPAL shows the note "not in group" right at the assignment.'},{title:"Catch invalid rules",description:"Missing mandatory fields, non-numeric prices, a from-value greater than the to-value: reported specifically on saving and blocks the save."}],featuresBottomText:"In short: shipping methods, rules and assignments on one screen – countries, payment methods and groups via checkbox, users and products via search. Rule overlaps and orphaned or ineffective assignments are reported directly on saving. Categories appear as an indented tree, multilingualism is built in, and when a shipping method is deleted, all associated rules go with it automatically.",personaHeading:"Who is this OPAL for?",personas:[{id:"shopbetreiber",label:"Shop operator",title:"Shop operator / e-commerce manager",scenario:"Shortly before a campaign start you create a new campaign rule – in a rule set that has grown over months and of which you don't remember every entry.",benefit:"In the standard, shipping methods and rules live on two separate pages, and you lose context when switching. The OPAL brings both onto one screen and checks on saving whether the new rule overlaps an existing one. A single checkbox is enough to assign countries, payment methods or groups, and it is saved instantly. And you see at a glance which rules have been running along in your shop for months without ever taking effect.",cta:"Request OPAL"},{id:"entwickler",label:"Developer",title:"Developer",scenario:"You assess whether a prebuilt admin extension is suitable for a customer's shipping configuration or whether you have to develop it yourselves – and who maintains the solution afterwards.",benefit:"You don't have to maintain an in-house development to simplify shipping management for your customer. The OPAL follows OXID 7 conventions, integrates via Composer and can be removed just as cleanly. It creates no database tables of its own but works on the shop's existing shipping tables. The check logic for overlaps and orphan detection runs server-side and is therefore verifiably testable in deployment pipelines too.",cta:"Request OPAL"},{id:"partner",label:"Partner / agency",title:"Partners / agencies",scenario:"At the kickoff of an OXID 7 project with several service providers, tiered prices and country tariffs – the point at which the team would otherwise create its own overviews and checklists because the standard management is too sluggish.",benefit:"In every OXID 7 project with more complex shipping you use the same building block instead of maintaining custom helpers. After the rollout your customers work independently in the administration area, which lowers your support effort after go-live. For you as an agency it is a reusable standard building block that you can add to your project template.",cta:"Request OPAL"},{id:"marketing",label:"Marketing",title:"Marketing",scenario:"You are planning a campaign with free shipping and want to know whether what the campaign says really applies at checkout.",benefit:"You can rely on what your campaign says also applying at checkout. Campaign rules are checked for overlaps with existing rules as soon as they are created – so the cross-check happens before the launch, not after. For international campaigns you immediately see which shipping methods still have no translated name in the target languages.",cta:"Request OPAL"}],faqHeading:"Frequently asked questions",faq:[{question:"We manage fine with the standard. Why should we switch?",answer:"As long as you have no customer complaints about shipping costs and your rule set stays manageable, you don't need to switch. As soon as one or the other tips over, the Advanced Shipping Management saves more hassle than it creates effort."},{question:"Does this work with our existing shipping methods and rules?",answer:"Yes. The Advanced Shipping Management shows your current state directly in the new interface. There is no migration, no changeover and no data alteration."}],priceHeading:"Price",price:"€20/month",pricingNotePre:"OPALs are also available in ",pricingNoteLink:"subscription packages",pricingNotePost:".",questions

1Heading:"Any questions?",finalCtaHeading:"Request OPAL Shipping Management",finalCtaText:"Shipping methods and rules on one screen. You spot conflicts in the administration area, not first at checkout.",toOverview:"To the OPAL overview"}},ie=()=>{const{lang:g}=k(),n=C[g==="en"?"en":"de"],[c,p]=b.useState("shopbetreiber"),r=n.personas.find(t=>t.id===c),x=u().includes("/loesungen/opal")||u().includes("/solutions/opal");return e.jsxs(e.Fragment,{children:[e.jsx(w,{title:n.seoTitle,description:n.seoDescription}),e.jsx(v,{data:[{"@context":"https://schema.org","@type":"Product",name:"Versandverwaltung",description:"Erkennt Konflikte bei Versandoptionen, bevor der Kunde zahlt, und stoppt fehlerhafte Versandkonfigurationen direkt im Admin. Baustein direkt von OXID.",brand:{"@type":"Brand",name:"OXID eSales"},url:"https://oxid-esales.com/loesungen/opal/versandverwaltung",offers:{"@type":"Offer",priceCurrency:"EUR",price:"20.00",availability:"https://schema.org/InStock",url:"https://oxid-esales.com/loesungen/opal/versandverwaltung",priceSpecification:{"@type":"UnitPriceSpecification",price:20,priceCurrency:"EUR",unitCode:"MON"}}},{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Startseite",item:"https://oxid-esales.com/"},{"@type":"ListItem",position:2,name:"OPAL",item:"https://oxid-esales.com/loesungen/opal"},{"@type":"ListItem",position:3,name:"Versandverwaltung",item:"https://oxid-esales.com/loesungen/opal/versandverwaltung"}]}]}),e.jsx(O,{title:"OPAL",titleHighlight:n.heroHighlight,subtitle:n.heroSubtitle,primaryButton:{label:n.requestOpal,onClick:()=>{var t;return(t=document.getElementById("opal-request-form"))==null?void 0:t.scrollIntoView({behavior:"smooth"})}},secondaryButton:{label:n.viewFeatures,href:"#features"}}),e.jsx("section",{className:"py-4 bg-background border-b",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsx("div",{className:"flex flex-wrap items-center justify-center gap-x-8 gap-y-2 text-sm text-muted-foreground",children:n.trust.map((t,a)=>e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(m,{className:"h-4 w-4 text-primary"}),t]},a))})})}),e.jsxs("section",{className:"py-20 bg-gradient-to-br from-primary to-accent relative overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute top-1/4 left-1/4 w-96 h-96 bg-white/5 rounded-full blur-3xl"}),e.jsx("div",{className:"absolute bottom-1/4 right-1/4 w-64 h-64 bg-white/5 rounded-full blur-3xl"})]}),e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative",children:e.jsxs(i,{animation:"fade-in-up",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-white mb-6 font-alexandria",children:n.introHeading}),e.jsx("p",{className:"text-white/90 text-lg max-w-3xl mb-8",children:n.introText}),e.jsx(s,{size:"lg",className:"bg-white text-primary hover:bg-white/90",onClick:()=>{var t;return(t=document.getElementById("opal-request-form"))==null?void 0:t.scrollIntoView({behavior:"smooth"})},children:n.introButton})]})})]}),e.jsx("section",{className:"py-20 bg-background",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(i,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-12 font-alexandria text-center",children:n.solvesHeading})}),e.jsx(P,{animation:"fade-in-up",staggerDelay:.15,className:"grid md:grid-cols-3 gap-8 max-w-5xl mx-auto",children:n.solves.map((t,a)=>{const f=V[a];return e.jsx(o,{className:"bg-card rounded-2xl border-0 shadow-[0_0_20px_rgba(0,0,0,0.12)] h-full hover:shadow-xl transition-all duration-300",children:e.jsxs(l,{className:"p-8",children:[e.jsx("div",{className:"w-12 h-12 bg-oxid-red/10 rounded-xl flex items-center justify-center mb-5",children:e.jsx(f,{className:"h-6 w-6 text-oxid-red"})}),e.jsxs("p",{className:"text-foreground text-lg leading-relaxed",children:[e.jsxs("span",{className:"font-bold text-primary mr-2",children:[a+1,"."]}),t]})]})},a)})})]})}),e.jsx("section",{className:"py-20 bg-secondary",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(i,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-12 font-alexandria text-center",children:n.beforeAfterHeading})}),e.jsx("div",{className:"space-y-6 max-w-5xl mx-auto",children:n.vorherNachher.map((t,a)=>e.jsx(i,{animation:"fade-in-up",delay:a*.1,children:e.jsxs("div",{className:"grid md:grid-cols-2 gap-0 rounded-2xl overflow-hidden shadow-[0_0_20px_rgba(0,0,0,0.12)]",children:[e.jsxs("div",{className:"bg-card p-6 md:p-8 border-b md:border-b-0 md:border-r border-border",children:[e.jsx("span",{className:"inline-block text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-3 bg-muted px-3 py-1 rounded-full",children:n.beforeLabel}),e.jsx("p",{className:"text-muted-foreground",children:t.vorher})]}),e.jsxs("div",{className:"bg-card p-6 md:p-8",children:[e.jsx("span",{className:"inline-block text-xs font-semibold uppercase tracking-wider text-primary mb-3 bg-primary/10 px-3 py-1 rounded-full",children:n.afterLabel}),e.jsx("p",{className:"text-foreground",children:t.nachher})]})]})},a))})]})}),!x&&e.jsx("section",{className:"py-10 bg-gradient-to-b from-secondary from-[67%] to-background to-[67%]",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsx(i,{animation:"fade-in-up",children:e.jsxs("div",{className:"rounded-3xl bg-gradient-to-r from-primary to-accent relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_30%_50%,rgba(255,255,255,0.1),transparent_60%)]"}),e.jsxs("div",{className:"relative grid grid-cols-1 lg:grid-cols-2 gap-0",children:[e.jsxs("div",{className:"p-8 lg:p-12 flex flex-col justify-center",children:[e.jsx("p",{className:"text-white/70 text-sm mb-1",children:n.familyLabel}),e.jsx("p",{className:"text-white font-medium max-w-xl mb-6",children:n.familyText}),e.jsx("div",{children:e.jsxs(d,{to:"/loesungen/opal",className:"h-12 px-6 rounded-2xl font-semibold border-2 border-white/70 text-white hover:bg-white/20 backdrop-blur-sm text-sm transition-all duration-300 inline-flex items-center justify-center gap-2",children:[n.discoverAll,e.

1jsx(h,{className:"w-4 h-4"})]})})]}),e.jsxs("div",{className:"hidden lg:block relative min-h-[240px]",children:[e.jsx("img",{src:B,alt:"OXID OPAL Module",className:"absolute inset-0 w-full h-full object-cover rounded-r-3xl",loading:"lazy"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-primary/40 via-primary/10 to-transparent rounded-r-3xl"})]})]})]})})})}),e.jsx("section",{id:"features",className:"py-20 bg-background overflow-visible",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 overflow-visible",children:[e.jsx(i,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-12 font-alexandria text-center",children:n.featuresHeading})}),e.jsx(R,{featuresLeft:n.featuresLeft,featuresRight:n.featuresRight}),e.jsx(i,{animation:"fade-in-up",delay:.15,children:e.jsx("p",{className:"text-center text-muted-foreground mt-10 max-w-2xl mx-auto text-sm",children:n.featuresBottomText})})]})}),e.jsx("section",{className:"py-20 bg-background",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(i,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-8 font-alexandria text-center",children:n.personaHeading})}),e.jsx("div",{className:"flex flex-wrap justify-center gap-2 mb-10",children:n.personas.map(t=>e.jsx("button",{onClick:()=>p(t.id),className:`px-4 py-2 rounded-full text-sm font-medium transition-all ${c===t.id?"bg-primary text-white shadow-lg":"bg-card text-muted-foreground hover:bg-muted shadow-[0_0_10px_rgba(0,0,0,0.08)]"}`,children:t.label},t.id))}),e.jsx("div",{className:"max-w-4xl mx-auto",children:e.jsx(o,{className:"bg-card rounded-2xl border-0 shadow-[0_0_20px_rgba(0,0,0,0.12)]",children:e.jsxs(l,{className:"p-8 md:p-10",children:[e.jsx("h3",{className:"text-2xl font-bold text-foreground font-alexandria mb-4",children:r.title}),e.jsx("p",{className:"text-muted-foreground italic mb-6",children:r.scenario}),e.jsx("p",{className:"text-muted-foreground mb-6",children:r.benefit}),e.jsxs(s,{onClick:()=>{var t;return(t=document.getElementById("opal-request-form"))==null?void 0:t.scrollIntoView({behavior:"smooth"})},className:"gap-2",children:[r.cta,e.jsx(h,{className:"h-4 w-4"})]})]})})})]})}),e.jsx("section",{className:"py-20 bg-secondary",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(i,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-12 font-alexandria text-center",children:n.faqHeading})}),e.jsx(i,{animation:"fade-in-up",delay:.1,children:e.jsx("div",{className:"max-w-3xl mx-auto",children:e.jsx(j,{type:"single",collapsible:!0,className:"space-y-4",children:n.faq.map((t,a)=>e.jsxs(N,{value:`faq-${a}`,className:"bg-card rounded-2xl border-0 shadow-[0_0_20px_rgba(0,0,0,0.12)] px-6 data-[state=open]:shadow-md transition-all hover:shadow-sm",children:[e.jsx(A,{className:"font-semibold hover:no-underline py-6 text-foreground",children:t.question}),e.jsx(L,{className:"text-muted-foreground pb-6 pt-0",children:t.answer})]},a))})})})]})}),e.jsx("section",{className:"py-20 bg-background",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(i,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-12 font-alexandria text-center",children:n.priceHeading})}),e.jsx(i,{animation:"fade-in-up",delay:.1,children:e.jsxs("div",{className:"max-w-sm mx-auto",children:[e.jsx(o,{className:"bg-card rounded-2xl border-0 shadow-[0_0_20px_rgba(0,0,0,0.12)]",children:e.jsx(l,{className:"p-8 text-center",children:e.jsx("p",{className:"text-4xl font-bold text-foreground font-alexandria mb-1",children:n.price})})}),e.jsxs("p",{className:"text-sm text-muted-foreground text-center mt-4",children:[n.pricingNotePre,e.jsx(d,{to:"/loesungen/opal#opal-pricing",className:"text-primary hover:underline font-medium",children:n.pricingNoteLink}),n.pricingNotePost]})]})})]})}),e.jsx("section",{id:"opal-request-form",className:"py-20 bg-background",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(i,{animation:"fade-in-up",children:e.jsx("div",{className:"text-center mb-10",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-4 font-alexandria",children:n.questions

1Heading})})}),e.jsx(S,{hideHeader:!0,interesseAn:"Versandverwaltung",formType:"opal-detail"})]})}),e.jsx("section",{className:"py-20 bg-gradient-to-br from-primary to-accent",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsx(i,{animation:"fade-in-up",children:e.jsxs("div",{className:"max-w-3xl mx-auto text-center",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-white mb-6 font-alexandria",children:n.finalCtaHeading}),e.jsx("p",{className:"text-xl text-white/90 mb-8",children:n.finalCtaText}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center",children:[e.jsxs(s,{size:"lg",className:"bg-white text-primary hover:bg-white/90 gap-2",onClick:()=>{var t;return(t=document.getElementById("opal-request-form"))==null?void 0:t.scrollIntoView({behavior:"smooth"})},children:[e.jsx(y,{className:"h-4 w-4"}),n.requestOpal]}),e.jsx(d,{to:"/loesungen/opal",children:e.jsx(s,{size:"lg",variant:"outline",className:"bg-transparent border-white/80 text-white hover:bg-white/20",children:n.toOverview})})]})]})})})})]})};export{ie as default};