Bauunternehmen Website Sections
Für Bauunternehmen und Generalunternehmer. Leistungen mit gezeichnetem Gebäude, Referenzen mit Kennzahlen, der Bauablauf, der Baustellen-Fortschritt und eine Anfrage zum Bauvorhaben.
Kategorie wechseln
Marketing
- Hero17
- Features19
- Logo Clouds8
- Stats12
- Pricing11
- Testimonials15
- Call to Action11
- FAQ7
- Newsletter12
- Banners14
- Popups und Consent7
- Services7
- Use Cases6
- Security und Trust12
- Changelog und Roadmap10
- Launch und Waitlist14
- Product Tour6
- Press und Awards15
- AI Features6
- App Download5
- Spenden und Unterstützen4
- Problem und Lösung5
- Einwände5
- Rechner10
- Quiz und Produktberater5
- Kostenlos testen5
- Empfehlung und Partner10
- Community5
- Open Source5
- Manifest5
- Angebot5
- Lead-Magnet4
- Scroll-Geschichten20
- Scroll-Reisen13
- Scroll-Effekte13
- Scroll-Reveals und Übergänge15
Content
- Blog16
- Artikel-Bausteine20
- Gallery7
- Team8
- About11
- Content16
- Process7
- Contact8
- Comparison9
- Integrations9
- Error Pages5
- Careers7
- Case Studies6
- Portfolio6
- Events und Webinars10
- Help Center6
- Rechtstexte5
- Dokumentation4
- Suchergebnisse5
- Ressourcen und Downloads4
- Podcast4
- Redaktion15
- Autoren und Interviews10
- Glossar5
- Rezepte5
- Datengeschichten10
- Long Reads5
- Umfragen und Feedback14
- Formularzustände12
- Anfrageformulare16
- Bewerbungen und Anmeldungen13
- Adresse, Zahlung und Einwilligung12
App
- Auth9
- Dashboards6
- Analysen und Berichte10
- Tables6
- Settings5
- AI und Chat24
- Calendar5
- Inbox und Messages5
- Notifications6
- Files11
- Projects6
- Aufgaben und Planung20
- CRM und Rechnungen10
- Team und Zusammenarbeit20
- Karten und Orte4
- Profiles6
- Onboarding6
- Billing und Usage10
- Developer Settings15
- Security und Zugriff10
- Import, Export und Verlauf15
- Automation und Builder14
- KI-Antworten22
- KI-Schreiben und Erstellen22
- KI-Einrichtung18
- KI-Assistenten9
E-Commerce
Industries
- Menus7
- Appointments6
- Listings6
- Courses6
- Rooms und Stays5
- Classes und Schedules6
- Arztpraxis5
- Kanzlei5
- Salon und Spa5
- Autohaus5
- Reisen5
- Sportverein5
- Coworking5
- Museum5
- Kino5
- Schule5
- Handwerk5
- Versicherung5
- Bank5
- Personal Brand15
- Speaker und Media Kits10
- Creator15
- Coaching und Beratung10
- Kunst und Musik15
- Zahnarztpraxis5
- Tierarztpraxis5
- Therapiepraxis5
- Hochzeiten und Events5
- Architekturbüro5
- Steuerberatung5
- Immobilienmakler5
- Blumenladen5
- Weingut5
- Kita5
- Fahrschule5
- Pflege5
- Festival5
- Bauunternehmen5
- Solarbetrieb5
- Spedition und Logistik5
- Hotel4
- Verein und Hilfsorganisation5
- Apotheke5
- Optiker5
- Physiotherapie5
- Kreativagentur5
- Finanz-App5
- Restaurant4
- Club und Bar4
- Bäckerei4
- Yogastudio4
Elements
- Buttons35
- Forms und Inputs45
- Picker und Auswahlfelder29
- Spezielle Eingabefelder24
- Cards10
- Overlays44
- Navigation21
- Menüleisten und Umschalter14
- Data Display35
- Fortschritt und Zustände18
- Listen, Bäume und Timelines17
- Charts39
- Vergleichs-Charts34
- Statistik-Charts24
- KPI-, Live- und Karten-Charts26
- Text Effects15
- Textakzente16
- Backgrounds19
- Beams, Partikel und Bewegung18
- Media27
- Code und JSON8
- Panels und Splitter4
Von der ersten Zeichnung bis zur Übergabe
Bauherren wählen ein Bauunternehmen danach, was es gebaut hat und wie verlässlich es liefert. Diese Sections zeigen beides, Referenzen mit echten Kennzahlen, einen Bauablauf, dem jeder folgen kann, und den Fortschritt laufender Baustellen. Das gezeichnete Haus und die Zahlen bauen sich beim Scrollen auf.
„Leistungen“ lässt ein Haus Etage für Etage wachsen und wechselt zwischen Rohbau, schlüsselfertig, Sanierung und Gewerbebau, mit den Leistungen Zeile für Zeile. „Referenzen“ zeigt Projekte mit Fläche, Bauzeit und einer dritten Kennzahl, gefiltert nach Art, die Summen oben folgen dem Filter. Der „Bauablauf“ zeigt die Phasen als Balken auf einer Wochenachse, jede mit Aufgaben, dem Teil des Bauherrn und dem Meilenstein. „Baustellen-Fortschritt“ zählt einen Ring bis zum Stand hoch, füllt die Gewerke und ergänzt das Bautagebuch Eintrag für Eintrag. Die „Bauanfrage“ fragt Art, Grundstück, Fläche, Baubeginn und Budget ab, mit Zusammenfassung und typischer Bauzeit daneben.
Stell die Referenzen nach vorn, drei Projekte mit Kennzahlen sagen mehr als eine Liste von Leistungen. Nutze den Bauablauf im ersten Gespräch und verlinke den Baustellen-Fortschritt für laufende Projekte, Bauherren schauen dort öfter nach, als sie anrufen. Halte die Anfrage kurz, die Details folgen im Gespräch.
Bauunternehmen
Baustellen-FortschrittNeu in 1.2
Eine Baustelle wählen. Der Ring zählt bis zum Fortschritt, die Gewerke füllen sich als Balken nacheinander, das Bautagebuch kommt Eintrag für Eintrag und neben dem Datum des Fotos pulsiert ein Punkt.
Installv1.0.0
aiw add @ai-website/constructionBringt mit utils, kit, button, icon, section, motion, input, textarea, slider
Usage
<Construction variant="site-progress" sites={[{ id, name, location, percent, handover, asOf, media, trades: [{ label, percent }], diary: [{ date, text }], next: { label, date } }]} />Source
Details
Was Bauunternehmen mitbringt, aus Registry und Quellcode gelesen.
- Bereich
- Industries
- Variants
- 5
- Version
- 1.0.0 · seit 1.2.0
- Datei
- components/ui/construction.tsx
- npm-Pakete
- Keine
- Sprachen
- Englisch und Deutsch, 54 eigene Texte
- Studio
- Im Code anpassen
- Mit KI bauen
- Per MCP in Claude, Cursor, Copilot und Codex
Props
Die Schnittstelle ConstructionProps aus components/ui/construction.tsx. Beschreibungen stammen aus den Kommentaren im Code und sind auf Englisch.
variantoptionalConstructionVariantservicesprojectsschedulesite-progressinquiry
eyebrowoptionalReact.ReactNodetitleoptionalReact.ReactNodedescriptionoptionalReact.ReactNodeservicesoptionalConstructionService[]services
projectsoptionalConstructionProject[]projects
phasesoptionalConstructionPhase[]schedule
sitesoptionalConstructionSite[]site-progress
kindsoptionalConstructionKind[]inquiry: project kinds and budget ranges
budgetsoptionalstring[]replyDaysoptionalnumberinquiry: working days until the first answer
onSubmitoptional(data: ConstructionInquiry) => voidlinksoptional{ inquiry?: string }Jump targets, the inquiry form by default
idoptionalstringId of the inquiry section, the target of links.inquiry
Eingebaute Texte
Diese Texte schreibt Bauunternehmen selbst. Die Sprache folgt dem KitProvider, über die Prop labels ersetzt du einzelne.
Alle 54 Texte anzeigen
| Schlüssel | Englisch | Deutsch |
|---|---|---|
| services | Englisch Services | Deutsch Leistungen |
| includes | Englisch Included | Deutsch Inklusive |
| talk | Englisch Discuss your project | Deutsch Vorhaben besprechen |
| filter | Englisch Project type | Deutsch Projektart |
| all | Englisch All | Deutsch Alle |
| area | Englisch Floor area | Deutsch Fläche |
| sqm | Englisch {n} m² | Deutsch {n} m² |
| buildTime | Englisch Build time | Deutsch Bauzeit |
| monthsN | Englisch {n} months | Deutsch {n} Monate |
| projectsN | Englisch Projects | Deutsch Projekte |
| builtArea | Englisch Built floor area | Deutsch Gebaute Fläche |
| avgTime | Englisch Average build time | Deutsch Bauzeit im Schnitt |
| phases | Englisch Phases | Deutsch Phasen |
| weeksN | Englisch {n} wk | Deutsch {n} Wo. |
| weeksLong | Englisch {n} weeks | Deutsch {n} Wochen |
| weekAxis | Englisch Weeks from the start | Deutsch Wochen ab Start |
| weekTick | Englisch {n} | Deutsch {n} |
| weOn | Englisch What we do | Deutsch Das machen wir |
| yours | Englisch Your part | Deutsch Ihr Part |
| milestone | Englisch At the end | Deutsch Am Ende steht |
| total | Englisch Overall about {n} weeks | Deutsch Insgesamt etwa {n} Wochen |
| site | Englisch Building site | Deutsch Baustelle |
| done | Englisch complete | Deutsch fertig |
| trades | Englisch Trades | Deutsch Gewerke |
| diary | Englisch Site diary | Deutsch Bautagebuch |
| next | Englisch Next milestone | Deutsch Nächster Meilenstein |
| kind | Englisch What do you want to build? | Deutsch Was möchten Sie bauen? |
| plot | Englisch The plot | Deutsch Das Grundstück |
| plotOwn | Englisch Plot is ready | Deutsch Grundstück ist da |
| plotSearch | Englisch Still looking | Deutsch Noch auf der Suche |
| plotExisting | Englisch Existing building | Deutsch Bestandsgebäude |
| size | Englisch Living or floor area | Deutsch Wohn- oder Nutzfläche |
| start | Englisch Start of construction | Deutsch Baubeginn |
| startSoon | Englisch Within 6 months | Deutsch Innerhalb von 6 Monaten |
| startYear | Englisch In 6 to 12 months | Deutsch In 6 bis 12 Monaten |
| startLater | Englisch Later | Deutsch Später |
| budget | Englisch Budget | Deutsch Budget |
| name | Englisch Name | Deutsch Name |
| phone | Englisch Phone | Deutsch Telefon |
| Englisch Email | Deutsch E-Mail | |
| place | Englisch Building site, town or postcode | Deutsch Bauort oder Postleitzahl |
| message | Englisch What should we know? | Deutsch Was sollten wir wissen? |
| messageHint | Englisch Plans, wishes, special features of the plot | Deutsch Pläne, Wünsche, Besonderheiten des Grundstücks |
| required | Englisch Please fill in this field. | Deutsch Bitte füllen Sie dieses Feld aus. |
| invalidEmail | Englisch Please enter a valid email address. | Deutsch Bitte geben Sie eine gültige E-Mail-Adresse ein. |
| summary | Englisch Your project | Deutsch Ihr Vorhaben |
| estimate | Englisch Typical build time | Deutsch Übliche Bauzeit |
| estimateRange | Englisch {lo} to {hi} months | Deutsch {lo} bis {hi} Monate |
| estimateNote | Englisch A guide value from our last projects. You get a firm schedule with the offer. | Deutsch Ein Richtwert aus unseren letzten Projekten. Den festen Bauzeitenplan bekommen Sie mit dem Angebot. |
| reply | Englisch We reply within {n} working days with a first assessment and a date for a meeting. | Deutsch Wir melden uns innerhalb von {n} Werktagen mit einer ersten Einschätzung und einem Terminvorschlag. |
| send | Englisch Send project inquiry | Deutsch Bauanfrage senden |
| sent | Englisch Thank you, your inquiry is with us | Deutsch Danke, Ihre Anfrage ist bei uns |
| sentText | Englisch Your site manager looks at it and calls you to arrange a first meeting. | Deutsch Ihre Bauleitung sieht sie sich an und ruft Sie für ein erstes Gespräch an. |
| again | Englisch Send another inquiry | Deutsch Weitere Anfrage senden |
Barrierefreiheit
Aus dem Quellcode der Component abgeleitet.
- Bauunternehmen reagiert selbst auf die Tasten Pfeil hoch, Pfeil runter, Pfeil links, Pfeil rechts und Leertaste.
- Setzt aria-checked, aria-invalid, aria-label und aria-live, damit Screenreader Zweck und Zustand ansagen.
- Nutzt die Rollen radio, radiogroup und status.
- Meldet Änderungen über eine Live-Region, ohne den Fokus zu verschieben.
- Zeigt bei Bedienung mit der Tastatur einen sichtbaren Fokusring.
- Der Server rendert den Startzustand vollständig, JavaScript ergänzt nur die Interaktion.
Bewegung
- Bringt eigene Animationen mit, ruhig getaktet und ohne Wackeln.
- Bei reduzierter Bewegung (prefers-reduced-motion) bleibt sie ruhig. 3 Stellen im Code schalten Bewegung dann ab.
Häufige Fragen
Wie installiere ich Bauunternehmen?
Mit aiw add @ai-website/construction. Der Befehl legt die Datei components/ui/construction.tsx in dein Projekt, der Code gehört danach dir. Mit dabei sind button, icon, section, motion, input, textarea und slider. Weitere npm-Pakete braucht sie nicht.
Welche Varianten hat Bauunternehmen?
5 Varianten, Leistungen, Referenzen, Bauablauf, Baustellen-Fortschritt und Bauanfrage. Du wählst sie mit der Prop variant, zum Beispiel variant="projects".
Kann ich die Texte von Bauunternehmen übersetzen?
Ja. Bauunternehmen bringt 54 eigene Texte auf Deutsch und Englisch mit, etwa „Leistungen“, „Inklusive“ und „Vorhaben besprechen“. Die Sprache folgt dem KitProvider, einzelne Texte ersetzt du über die Prop labels.
Kann ein KI-Assistent Bauunternehmen einbauen?
Ja. Über den MCP-Server der aiw CLI finden Claude, Cursor, GitHub Copilot, Windsurf, Codex und Gemini Bauunternehmen mit aiw_components und installieren sie mit aiw_add @ai-website/construction. Nenn im Prompt die Variante, etwa variant="services", dann schreibt der Assistent deine Inhalte direkt in die Props.
Ähnliche Components, Wird oft kombiniert mit
Ähnliche Components
Mehr aus Industries, demselben Bereich des Kits.
- FestivalLine-up als Plakat, Timetable nach Bühne, Tickets mit Preisphasen, Geländeplan und Anreise.
- SolarbetriebErsparnis-Schätzung, Ablauf bis zur Inbetriebnahme, Förderung und Finanzierung, Anlagenpakete und Live-Ertrag.
- PflegeHilfe nach Bedarf, Pflegegrad-Check, Heimkosten, ein Tag mit Besuchen und Beratung.
- Spedition und LogistikSendungsverfolgung, Standortnetz, Flotte mit Maßen, Frachtanfrage und Laufzeiten.
- Alles aus IndustriesFertige Sections für Praxen, Restaurants, Handwerk, Hotels, Schulen, Vereine und Creator.
Wird oft kombiniert mit
Sections, die auf einer Seite meist neben Bauunternehmen stehen.
Quellcode lädt