Für Versicherer, Makler und Agenturen. Tarifrechner, was jeder Tarif in echten Situationen zahlt, Schadenmeldung, Produkte mit Paketrabatt und Beratersuche.
Marketing
Content
App
E-Commerce
Industries
Elements
Installv1.0.0
aiw add @ai-website/insuranceBringt mit utils, kit, button, icon, reveal, section, motion, input, textarea, slider
Usage
<Insurance variant="tariff-calculator" tariffs={[{ id, name, base, features, recommended }]} sumRange={[20000, 150000]} sumBase={60000} addons={[{ id, label, price }]} />Source
Was Versicherung mitbringt, aus Registry und Quellcode gelesen.
Die Schnittstelle InsuranceProps aus components/ui/insurance.tsx. Beschreibungen stammen aus den Kommentaren im Code und sind auf Englisch.
variantoptionalInsuranceVarianttariff-calculatorscenariosclaimproductsadvisor
eyebrowoptionalReact.ReactNodetitleoptionalReact.ReactNodedescriptionoptionalReact.ReactNodetariffsoptionalInsuranceTariff[]sumRangeoptional[number, number]tariff-calculator: the range of the sum insured and the reference sum the base prices belong to
sumBaseoptionalnumberaddonsoptional{ id: string; label: string; price: number }[]scenariosoptionalInsuranceScenario[]claimTypesoptional{ id: string; label: string; icon?: IconName }[]claim: kinds of damage
productsoptionalInsuranceProduct[]selectedoptionalstring[]products: ids picked at the start
bundleDiscountoptionalnumberproducts: percent off from three products
advisorsoptionalInsuranceAdvisor[]currencyoptionalstringonSubmitoptional(data: Record<string, string>) => voidDiese Texte schreibt Versicherung selbst. Die Sprache folgt dem KitProvider, über die Prop labels ersetzt du einzelne.
| Schlüssel | Englisch | Deutsch |
|---|---|---|
| sum | Englisch Sum insured | Deutsch Versicherungssumme |
| deductible | Englisch Excess | Deutsch Selbstbeteiligung |
| none | Englisch None | Deutsch Keine |
| age | Englisch Age | Deutsch Alter |
| years | Englisch {n} years | Deutsch {n} Jahre |
| addons | Englisch Add to every tariff | Deutsch Für jeden Tarif dazu |
| perMonth | Englisch / month | Deutsch / Monat |
| recommended | Englisch Recommended | Deutsch Empfohlen |
| choose | Englisch Choose {name} | Deutsch {name} wählen |
| yearly | Englisch Pay yearly and save 5% | Deutsch Jährlich zahlen und 5 % sparen |
| covered | Englisch Covered | Deutsch Versichert |
| notCovered | Englisch Not covered | Deutsch Nicht versichert |
| upTo | Englisch up to {price} | Deutsch bis {price} |
| pick | Englisch Pick a situation | Deutsch Situation wählen |
| tariffs | Englisch Tariffs | Deutsch Tarife |
| step | Englisch Step {n} of {total} | Deutsch Schritt {n} von {total} |
| what | Englisch What happened? | Deutsch Was ist passiert? |
| when | Englisch When did it happen? | Deutsch Wann ist es passiert? |
| describe | Englisch Tell us briefly | Deutsch Erzählen Sie kurz |
| describeHint | Englisch Where, how, and what is damaged. | Deutsch Wo, wie und was beschädigt ist. |
| photos | Englisch Photos | Deutsch Fotos |
| photosHint | Englisch Pictures of the damage help us pay faster. | Deutsch Bilder vom Schaden helfen uns, schneller zu zahlen. |
| policy | Englisch Policy number | Deutsch Versicherungsnummer |
| iban | Englisch IBAN for the payment | Deutsch IBAN für die Auszahlung |
| back | Englisch Back | Deutsch Zurück |
| next | Englisch Continue | Deutsch Weiter |
| submit | Englisch Report the claim | Deutsch Schaden melden |
| required | Englisch Please fill in this field. | Deutsch Bitte füllen Sie dieses Feld aus. |
| sent | Englisch Claim {id} received | Deutsch Schaden {id} eingegangen |
| sentText | Englisch Your case manager will be in touch within 24 hours. You can follow every step here. | Deutsch Ihre Sachbearbeiterin meldet sich innerhalb von 24 Stunden. Jeden Schritt können Sie hier verfolgen. |
| received | Englisch Received | Deutsch Eingegangen |
| review | Englisch In review | Deutsch In Prüfung |
| paid | Englisch Paid | Deutsch Ausgezahlt |
| bundle | Englisch Bundle discount | Deutsch Paketrabatt |
| bundleText | Englisch {n}% off from three products | Deutsch {n} % Rabatt ab drei Versicherungen |
| total | Englisch Together | Deutsch Zusammen |
| apply | Englisch Continue to the application | Deutsch Weiter zum Antrag |
| selected | Englisch {n} selected | Deutsch {n} gewählt |
| from | Englisch from {price} | Deutsch ab {price} |
| find | Englisch Find your advisor | Deutsch Berater finden |
| postcode | Englisch Postcode | Deutsch Postleitzahl |
| search | Englisch Search | Deutsch Suchen |
| noAdvisor | Englisch No advisor near {code} yet. Our phone team helps you right away. | Deutsch In der Nähe von {code} gibt es noch keine Beratung. Unser Telefonteam hilft sofort. |
| nextFree | Englisch Next free | Deutsch Nächster Termin |
| call | Englisch Call | Deutsch Anrufen |
| book | Englisch Book a meeting | Deutsch Termin buchen |
Aus dem Quellcode der Component abgeleitet.
Mit aiw add @ai-website/insurance. Der Befehl legt die Datei components/ui/insurance.tsx in dein Projekt, der Code gehört danach dir. Mit dabei sind button, icon, reveal, section, motion, input, textarea und slider. Weitere npm-Pakete braucht sie nicht.
5 Varianten, Tarifrechner, Echte Situationen, Schaden melden, Produkte und Paket und Beratersuche. Du wählst sie mit der Prop variant, zum Beispiel variant="scenarios".
Ja. Versicherung bringt 46 eigene Texte auf Deutsch und Englisch mit, etwa „Versicherungssumme“, „Selbstbeteiligung“ und „Keine“. Die Sprache folgt dem KitProvider, einzelne Texte ersetzt du über die Prop labels.
Ja. Über den MCP-Server der aiw CLI finden Claude, Cursor, GitHub Copilot, Windsurf, Codex und Gemini Versicherung mit aiw_components und installieren sie mit aiw_add @ai-website/insurance. Nenn im Prompt die Variante, etwa variant="tariff-calculator", dann schreibt der Assistent deine Inhalte direkt in die Props.
Ja, im Studio. Alle 5 Varianten lassen sich dort bearbeiten, Texte, Listen und Schalter. Das Studio schreibt den passenden Insurance-Code zum Kopieren.
Mehr aus Industries, demselben Bereich des Kits.
Sections, die auf einer Seite meist neben Versicherung stehen.
Quellcode lädt