commit 8267ae3e8c483264956cfcbd17213cf8a8948fe0 Author: MBO-Tech-IT Date: Thu Apr 2 01:11:27 2026 +0200 chore: initial commit before website expansion diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3456a90 --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +node_modules/ +.next/ +.superpowers/ +.agents/ +.claude/ diff --git a/CLAUDE.md b/CLAUDE.md new file mode 100644 index 0000000..e69de29 diff --git a/app/datenschutz/page.tsx b/app/datenschutz/page.tsx new file mode 100644 index 0000000..c40212e --- /dev/null +++ b/app/datenschutz/page.tsx @@ -0,0 +1,321 @@ +import type { Metadata } from "next"; +import LegalLayout from "@/components/LegalLayout"; + +export const metadata: Metadata = { + title: "Datenschutzerklaerung | MBO-Tech-IT", + description: "Datenschutzerklaerung gemaess DSGVO / DS-GVO", + robots: "noindex, nofollow", +}; + +export default function DatenschutzPage() { + return ( + +
+

1. Datenschutz auf einen Blick

+

Allgemeine Hinweise

+

+ Die folgenden Hinweise geben einen einfachen Ueberblick darueber, was mit Ihren + personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene + Daten sind alle Daten, mit denen Sie persoenlich identifiziert werden koennen. + Ausfuehrliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem + Text aufgefuehrten Datenschutzerklaerung. +

+ +

Datenerfassung auf dieser Website

+

+ Wer ist verantwortlich fuer die Datenerfassung auf dieser Website?
+ Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen + Kontaktdaten koennen Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle“ + in dieser Datenschutzerklaerung entnehmen. +

+

+ Wie erfassen wir Ihre Daten?
+ Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen, z. B. durch + Eingabe in unser Kontaktformular. Andere Daten werden automatisch oder nach Ihrer + Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor + allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des + Seitenaufrufs). +

+

+ Wofuer nutzen wir Ihre Daten?
+ Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu + gewaehrleisten. Andere Daten koennen zur Analyse Ihres Nutzerverhaltens verwendet + werden. Sofern ueber die Website Vertraege geschlossen oder angebahnt werden koennen, + werden die uebermittelten Daten auch fuer Vertragsangebote, Bestellungen oder sonstige + Auftragsanfragen verarbeitet. +

+

+ Welche Rechte haben Sie bezueglich Ihrer Daten?
+ Sie haben jederzeit das Recht, unentgeltlich Auskunft ueber Herkunft, Emfpaenger und + Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben ausserdem ein + Recht, die Berichtigung oder Loeschung dieser Daten zu verlangen. Wenn Sie eine + Einwilligung zur Datenverarbeitung erteilt haben, koennen Sie diese Einwilligung + jederzeit fuer die Zukunft widerrufen. Ausserdem haben Sie das Recht, unter bestimmten + Umstaenden die Einschraenkung der Verarbeitung Ihrer personenbezogenen Daten zu + verlangen. +

+
+ +
+

2. Hosting

+

+ Wir hosten die Inhalte unserer Website bei folgendem Anbieter: +

+

Externes Hosting

+

+ Diese Website wird extern gehostet. Die personenbezogenen Daten, die auf dieser + Website erfasst werden, werden auf den Servern des Hosters / der Hoster gespeichert. + Hierbei kann es sich v. a. um IP-Adressen, Kontaktanfragen, Meta- und + Kommunikationsdaten, Vertragsdaten, Kontaktdaten, Namen, Websitezugriffe und sonstige + Daten, die ueber eine Website generiert werden, handeln. +

+

+ Das externe Hosting erfolgt zum Zwecke der Vertragserfullung gegenueber unseren + potenziellen und bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse + einer sicheren, schnellen und effizienten Bereitstellung unseres Online-Angebots + durch einen professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO). +

+

+ Unser(e) Hoster wird bzw. werden Ihre Daten nur insoweit verarbeiten, wie dies zur + Erfuellung seiner Leistungspflichten erforderlich ist und unsere Weisungen in Bezug + auf diese Daten befolgen. +

+

+ Wir setzen folgende(n) Hoster ein:
+ [HOSTING-ANBIETER, z.B. Hetzner Online GmbH, Industriestr. 25, 91710 Gunzenhausen] +

+
+ +
+

3. Allgemeine Hinweise und Pflichtinformationen

+ +

Datenschutz

+

+ Die Betreiber dieser Seiten nehmen den Schutz Ihrer persoenlichen Daten sehr ernst. + Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den + gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklaerung. +

+

+ Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. + Personenbezogene Daten sind Daten, mit denen Sie persoenlich identifiziert werden + koennen. Die vorliegende Datenschutzerklaerung erlaeutert, welche Daten wir erheben + und wofuer wir sie nutzen. Sie erlaeutert auch, wie und zu welchem Zweck das geschieht. +

+ +

Hinweis zur verantwortlichen Stelle

+

+ Die verantwortliche Stelle fuer die Datenverarbeitung auf dieser Website ist: +

+

+ Markus Butz
+ MBO-Tech-IT
+ Mörikestr. 2
+ 74564 Crailsheim

+ Telefon: +49 171 9345193
+ E-Mail: kontakt@mbo-tech-it.de +

+

+ Verantwortliche Stelle ist die natuerliche oder juristische Person, die allein oder + gemeinsam mit anderen ueber die Zwecke und Mittel der Verarbeitung von + personenbezogenen Daten entscheidet. +

+ +

Speicherdauer

+

+ Soweit innerhalb dieser Datenschutzerklaerung keine speziellere Speicherdauer genannt + wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck fuer die + Datenverarbeitung entfaellt. Wenn Sie ein berechtigtes Loeschersuchen geltend machen + oder eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten geloescht, + sofern wir keine anderen rechtlich zulaessigen Gruende fuer die Speicherung Ihrer + personenbezogenen Daten haben (z. B. steuer- oder handelsrechtliche + Aufbewahrungsfristen); im letztgenannten Fall erfolgt die Loeschung nach Fortfall + dieser Gruende. +

+ +

SSL- bzw. TLS-Verschluesselung

+

+ Diese Seite nutzt aus Sicherheitsgruenden und zum Schutz der Uebertragung + vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns + als Seitenbetreiber senden, eine SSL- bzw. TLS-Verschluesselung. Eine verschluesselte + Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von „http://“ + auf „https://“ wechselt und an dem Schloss-Symbol in Ihrer Browserzeile. +

+

+ Wenn die SSL- bzw. TLS-Verschluesselung aktiviert ist, koennen die Daten, die Sie an + uns uebermitteln, nicht von Dritten mitgelesen werden. +

+ +

Ihre Rechte als betroffene Person

+

Gemaess DSGVO haben Sie folgende Rechte:

+
    +
  • + Auskunftsrecht (Art. 15 DSGVO): Sie haben das Recht zu erfahren, + ob und welche Daten wir ueber Sie verarbeiten. +
    • +
  • + Recht auf Berichtigung (Art. 16 DSGVO): Sie koennen die + Berichtigung unrichtiger oder die Vervollstaendigung unvollstaendiger Daten verlangen. +
    • +
  • + Recht auf Loeschung (Art. 17 DSGVO): Sie koennen die Loeschung + Ihrer Daten verlangen, sofern keine gesetzliche Aufbewahrungspflicht entgegensteht. +
    • +
  • + Recht auf Einschraenkung (Art. 18 DSGVO): Sie koennen die + Einschraenkung der Verarbeitung Ihrer Daten verlangen. +
    • +
  • + Recht auf Datenuebertragbarkeit (Art. 20 DSGVO): Sie koennen Ihre + Daten in einem maschinenlesbaren Format erhalten oder an einen anderen + Verantwortlichen uebertragen lassen. +
    • +
  • + Widerspruchsrecht (Art. 21 DSGVO): Sie koennen der Verarbeitung + Ihrer Daten widersprechen, sofern diese auf Art. 6 Abs. 1 lit. e oder f DSGVO + beruht. +
    • +
  • + Widerrufsrecht: Erteilte Einwilligungen koennen Sie jederzeit mit + Wirkung fuer die Zukunft widerrufen. +
    • +
  • + Beschwerderecht (Art. 77 DSGVO): Sie haben das Recht, sich bei + einer Datenschutzaufsichtsbehoerde zu beschweren, insbesondere in dem + EU-Mitgliedstaat Ihres gewoehnlichen Aufenthalts, Ihres Arbeitsplatzes oder des + Orts des mutmaßlichen Verstosses. +
    • +
+

+ Fuer Anfragen zu Ihren Rechten wenden Sie sich bitte an:{" "} + kontakt@mbo-tech-it.de +

+
+ +
+

4. Datenerfassung auf dieser Website

+ +

Server-Log-Dateien

+

+ Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten + Server-Log-Dateien, die Ihr Browser automatisch an uns uebermittelt. Dies sind: +

+
    +
  • Browsertyp und Browserversion
    • +
  • Verwendetes Betriebssystem
    • +
  • Referrer URL
    • +
  • Hostname des zugreifenden Rechners
    • +
  • Uhrzeit der Serveranfrage
    • +
  • IP-Adresse (anonymisiert)
    • +
+

+ Eine Zusammenfuehrung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. + Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. + Der Websitebetreiber hat ein berechtigtes Interesse an der technisch fehlerfreien + Darstellung und der Optimierung seiner Website – hierzu muessen die Server-Log-Files + erfasst werden. +

+ +

Kontaktformular

+

+ Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus + dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks + Bearbeitung der Anfrage und fuer den Fall von Anschlussfragen bei uns gespeichert. + Diese Daten geben wir nicht ohne Ihre Einwilligung weiter. +

+

+ Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, + sofern Ihre Anfrage mit der Erfuellung eines Vertrags zusammenhaengt oder zur + Durchfuehrung vorvertraglicher Massnahmen erforderlich ist. In allen uebrigen Faellen + beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven + Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf + Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO), sofern diese abgefragt wurde. +

+

+ Die von Ihnen im Kontaktformular eingegebenen Daten verbleiben bei uns, bis Sie uns + zur Loeschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck + fuer die Datenspeicherung entfaellt (z. B. nach abgeschlossener Bearbeitung Ihrer + Anfrage). Zwingende gesetzliche Bestimmungen – insbesondere Aufbewahrungsfristen + – bleiben unberuehrt. +

+ +

Anfrage per E-Mail oder Telefon

+

+ Wenn Sie uns per E-Mail oder Telefon kontaktieren, wird Ihre Anfrage inklusive aller + daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der + Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben + wir nicht ohne Ihre Einwilligung weiter. +

+

+ Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, + sofern Ihre Anfrage mit der Erfuellung eines Vertrags zusammenhaengt oder zur + Durchfuehrung vorvertraglicher Massnahmen erforderlich ist. In allen uebrigen Faellen + beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven + Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO). +

+

+ Die von Ihnen an uns per Kontaktanfragen uebersandten Daten verbleiben bei uns, bis + Sie uns zur Loeschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder + der Zweck fuer die Datenspeicherung entfaellt. Zwingende gesetzliche Bestimmungen + – insbesondere gesetzliche Aufbewahrungsfristen – bleiben unveraendert. +

+
+ +
+

5. Analyse-Tools und Werbung

+

+ Auf dieser Website werden keine Analyse-Tools (wie z. B. Google + Analytics, Matomo o. ae.) eingesetzt. Es werden keine Tracking-Cookies gesetzt und + keine Nutzerprofile erstellt. Es findet kein Retargeting und keine Weitergabe Ihrer + Daten an Werbenetzwerke statt. +

+
+ +
+

6. Plugins und Tools

+

Google Fonts (lokales Einbinden)

+

+ Diese Seite nutzt zur einheitlichen Darstellung von Schriftarten so genannte Google + Fonts, die von Google bereitgestellt werden. Die Google Fonts sind lokal installiert + bzw. werden ueber den CDN-Dienst von Google eingebunden. Eine Verbindung zu Servern + von Google findet dabei statt. +

+

+ Weitere Informationen zu Google Fonts finden Sie unter{" "} + + https://developers.google.com/fonts/faq + {" "} + und in der Datenschutzerklaerung von Google:{" "} + + https://policies.google.com/privacy + + . +

+

+ Empfehlung: Um den Datenschutz zu maximieren, koennen die Schriftarten + lokal eingebunden werden, sodass keine Verbindung zu Google-Servern aufgebaut wird. +

+
+ +
+

7. Aenderungen dieser Datenschutzerklaerung

+

+ Wir behalten uns vor, diese Datenschutzerklaerung anzupassen, damit sie stets den + aktuellen rechtlichen Anforderungen entspricht oder um Aenderungen unserer Leistungen + in der Datenschutzerklaerung umzusetzen, z. B. bei der Einfuehrung neuer Services. + Fuer Ihren erneuten Besuch gilt dann die neue Datenschutzerklaerung. +

+

+ Stand: {new Date().toLocaleDateString("de-DE", { month: "long", year: "numeric" })} +

+
+ + ); +} diff --git a/app/globals.css b/app/globals.css new file mode 100644 index 0000000..20ea66e --- /dev/null +++ b/app/globals.css @@ -0,0 +1,196 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap'); + +:root { + --color-orange: #f97316; + --color-orange-light: #fb923c; + --color-blue: #2563eb; + --color-blue-light: #60a5fa; + --color-dark: #18212f; + --color-darker: #111925; +} + +* { + box-sizing: border-box; +} + +html { + scroll-behavior: smooth; +} + +body { + background-color: #18212f; + color: #f1f5f9; + font-family: 'Inter', system-ui, sans-serif; + -webkit-font-smoothing: antialiased; +} + +@layer components { + /* Primary button – orange, darkens on hover */ + .btn-primary { + @apply inline-flex items-center justify-center rounded-xl + bg-orange-500 text-white font-bold + transition-all duration-200 + hover:bg-orange-600 hover:scale-[1.03] + hover:shadow-lg hover:shadow-orange-900/40 + active:scale-[0.98]; + } + + /* Secondary button – outlined, fills subtly on hover */ + .btn-secondary { + @apply inline-flex items-center justify-center rounded-xl + border border-gray-600 text-slate-300 font-semibold + transition-all duration-200 + hover:bg-white/5 hover:border-gray-400 hover:text-white + active:scale-[0.98]; + } + + /* Small nav button */ + .btn-nav { + @apply px-4 py-2 rounded-lg bg-orange-500 text-white text-sm font-bold + transition-all duration-200 + hover:bg-orange-600 hover:shadow-md hover:shadow-orange-900/30 + active:scale-[0.97]; + } +} + +@layer utilities { + .text-gradient { + @apply bg-gradient-to-r from-blue-400 to-blue-600 bg-clip-text text-transparent; + } + + .text-gradient-orange { + @apply bg-gradient-to-r from-orange-400 to-orange-500 bg-clip-text text-transparent; + } + + /* Dot matrix – default background pattern */ + .bg-grid { + background-image: radial-gradient(rgba(249, 115, 22, 0.15) 1px, transparent 1px); + background-size: 28px 28px; + } + + /* Alt: subtle line grid */ + .bg-grid-lines { + background-image: linear-gradient(rgba(249, 115, 22, 0.05) 1px, transparent 1px), + linear-gradient(90deg, rgba(249, 115, 22, 0.05) 1px, transparent 1px); + background-size: 60px 60px; + } + + /* Alt: diagonal hatching */ + .bg-diagonal { + background-image: repeating-linear-gradient( + -45deg, + rgba(249, 115, 22, 0.04) 0px, + rgba(249, 115, 22, 0.04) 1px, + transparent 1px, + transparent 14px + ); + } + + .card-hover { + @apply transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:shadow-orange-500/10; + } +} + +/* Tagline ticker animation */ +@keyframes ticker-scroll { + 0% { transform: translateX(0); } + 100% { transform: translateX(-50%); } +} + +.animate-ticker { + animation: ticker-scroll 25s linear infinite; +} + +/* Legal pages content styling */ +.legal-content section { + margin-bottom: 2.5rem; +} +.legal-content h2 { + font-size: 1.25rem; + font-weight: 700; + color: #f1f5f9; + margin-bottom: 0.75rem; + margin-top: 2rem; + padding-bottom: 0.5rem; + border-bottom: 1px solid #2d3748; +} +.legal-content h3 { + font-size: 0.95rem; + font-weight: 600; + color: #fb923c; + margin-top: 1.25rem; + margin-bottom: 0.4rem; + text-transform: uppercase; + letter-spacing: 0.05em; +} +.legal-content p { + color: #94a3b8; + line-height: 1.8; + margin-bottom: 0.75rem; + font-size: 0.925rem; +} +.legal-content ul { + list-style: none; + padding: 0; + margin: 0.75rem 0 1rem 0; +} +.legal-content ul li { + color: #94a3b8; + font-size: 0.925rem; + line-height: 1.75; + padding-left: 1.25rem; + position: relative; + margin-bottom: 0.5rem; +} +.legal-content ul li::before { + content: ''; + position: absolute; + left: 0; + top: 0.65rem; + width: 6px; + height: 6px; + border-radius: 50%; + background: #f97316; +} +.legal-content a { + color: #60a5fa; + text-decoration: underline; + text-underline-offset: 3px; +} +.legal-content a:hover { + color: #fb923c; +} +.legal-content strong { + color: #e2e8f0; + font-weight: 600; +} +.legal-content .note { + background: #1e2a3d; + border-left: 3px solid #f97316; + padding: 0.75rem 1rem; + border-radius: 0 0.5rem 0.5rem 0; + margin: 0.75rem 0; +} +.legal-content .note p { + margin-bottom: 0; + font-size: 0.875rem !important; +} + +/* Scrollbar */ +::-webkit-scrollbar { + width: 6px; +} +::-webkit-scrollbar-track { + background: #18212f; +} +::-webkit-scrollbar-thumb { + background: #2d3748; + border-radius: 3px; +} +::-webkit-scrollbar-thumb:hover { + background: #f97316; +} diff --git a/app/impressum/page.tsx b/app/impressum/page.tsx new file mode 100644 index 0000000..675aebe --- /dev/null +++ b/app/impressum/page.tsx @@ -0,0 +1,124 @@ +import type { Metadata } from "next"; +import LegalLayout from "@/components/LegalLayout"; + +export const metadata: Metadata = { + title: "Impressum | MBO-Tech-IT", + description: "Impressum und Anbieterkennzeichnung gemäß §5 TMG", + robots: "noindex, nofollow", +}; + +export default function ImpressumPage() { + return ( + +
+

Angaben gemäß §5 TMG

+

+ Markus Butz
+ MBO-Tech-IT
+ Mörikestr. 2
+ 74564 Crailsheim
+ Deutschland +

+
+ +
+

Kontakt

+

+ Telefon: +49 171 9345193
+ E-Mail: kontakt@mbo-tech-it.de +

+
+ +
+

Umsatzsteuer-ID

+

+ Umsatzsteuer-Identifikationsnummer gemäß §27a Umsatzsteuergesetz:
+ DE417140014 +

+
+ +
+

Verantwortlich für den Inhalt nach §55 Abs. 2 RStV

+

+ Markus Butz
+ Mörikestr. 2
+ 74564 Crailsheim +

+
+ +
+

EU-Streitschlichtung

+

+ Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) + bereit:{" "} + + https://ec.europa.eu/consumers/odr/ + +

+

+ Unsere E-Mail-Adresse finden Sie oben im Impressum. Wir sind nicht bereit oder + verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle + teilzunehmen. +

+
+ +
+

Haftung für Inhalte

+

+ Als Diensteanbieter sind wir gemäß §7 Abs. 1 TMG für eigene Inhalte auf diesen + Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§8 bis 10 TMG sind wir + als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte + fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine + rechtswidrige Tätigkeit hinweisen. +

+

+ Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den + allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist + jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. + Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte + umgehend entfernen. +

+
+ +
+

Haftung für Links

+

+ Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir + keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine + Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige + Anbieter oder Betreiber der Seiten verantwortlich. +

+

+ Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche + Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der + Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten + Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. + Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen. +

+
+ +
+

Urheberrecht

+

+ Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten + unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, + Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes + bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. + Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen + Gebrauch gestattet. +

+

+ Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die + Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche + gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam + werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von + Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen. +

+
+ + ); +} diff --git a/app/layout.tsx b/app/layout.tsx new file mode 100644 index 0000000..8a410a2 --- /dev/null +++ b/app/layout.tsx @@ -0,0 +1,31 @@ +import type { Metadata } from "next"; +import "./globals.css"; + +export const metadata: Metadata = { + title: "MBO-Tech-IT | Docker, Kubernetes & Cloud-Infrastruktur", + description: + "Ihr Experte fur Docker-Installationen, Kubernetes-Orchestrierung, Proxmox-Virtualisierung und Hetzner Cloud-Infrastruktur. IT-Losungen fur Hard- und Software.", + keywords: [ + "Docker", + "Kubernetes", + "Proxmox", + "Hetzner", + "Cloud", + "IT", + "Virtualisierung", + "Container", + "DevOps", + ], +}; + +export default function RootLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( + + {children} + + ); +} diff --git a/app/page.tsx b/app/page.tsx new file mode 100644 index 0000000..9420766 --- /dev/null +++ b/app/page.tsx @@ -0,0 +1,28 @@ +import Header from "@/components/Header"; +import Hero from "@/components/Hero"; +import TaglineBanner from "@/components/TaglineBanner"; +import Services from "@/components/Services"; +import Technologies from "@/components/Technologies"; +import DataSovereignty from "@/components/DataSovereignty"; +import About from "@/components/About"; +import Contact from "@/components/Contact"; +import Footer from "@/components/Footer"; + +export default function Home() { + return ( +
+
+ + + + + + + + + + +
+
+ ); +} diff --git a/app/pakete/page.tsx b/app/pakete/page.tsx new file mode 100644 index 0000000..7131cd5 --- /dev/null +++ b/app/pakete/page.tsx @@ -0,0 +1,358 @@ +import type { Metadata } from "next"; +import Link from "next/link"; +import Logo from "@/components/Logo"; + +export const metadata: Metadata = { + title: "Pakete & Preise | MBO-Tech-IT", + description: + "Konkrete IT-Pakete: Nextcloud + Paperless-ngx auf Docker/Kubernetes/Proxmox – inkl. Preise für Installation, Hosting und Wartung.", +}; + +const packages = [ + { + name: "Starter", + subtitle: "Nextcloud + Paperless", + tag: "Docker auf Hetzner CX22", + price: "174", + setup: "Einmalig", + monthly: "ab 12", + highlight: false, + specs: { + server: "Hetzner CX22 (2 vCPU, 4 GB RAM)", + storage: "40 GB SSD + optionale Storage Box", + os: "Ubuntu 24.04 LTS", + stack: "Docker + Docker Compose", + }, + includes: [ + "Nextcloud Installation & Konfiguration", + "Paperless-ngx Dokumentenmanagement", + "PostgreSQL Datenbank (Docker)", + "Redis Cache (Docker)", + "Traefik Reverse Proxy + SSL (Let's Encrypt)", + "Automatische Backups (Hetzner Snapshot)", + "Basis-Monitoring", + "1 Monat Support inklusive", + ], + monthly_costs: [ + { label: "Hetzner CX22 Server", price: "4,35 €" }, + { label: "20 GB Snapshot-Backup", price: "0,60 €" }, + { label: "Gesamt Serverkosten", price: "~5 €" }, + ], + }, + { + name: "Professional", + subtitle: "Nextcloud + Paperless", + tag: "Docker + Traefik auf Hetzner CAX21", + price: "384", + setup: "Einmalig", + monthly: "ab 22", + highlight: true, + specs: { + server: "Hetzner CAX21 ARM64 (4 vCPU, 8 GB RAM)", + storage: "80 GB SSD + BX21 Storage Box (1 TB)", + os: "Ubuntu 24.04 LTS", + stack: "Docker Compose + Watchtower (Auto-Updates)", + }, + includes: [ + "Alles aus Starter-Paket", + "Nextcloud All-in-One Instanz", + "Nextcloud Office (Collabora/OnlyOffice)", + "Paperless-ngx mit OCR (deutsch & englisch)", + "Nextcloud Talk (Videokommunikation)", + "Externe Storage Box für Dokumente (1 TB)", + "Automatische Nextcloud-Updates via Watchtower", + "E-Mail-Benachrichtigungen bei Systemereignissen", + "SMTP-Integration für Nextcloud", + "3 Monate Support inklusive", + ], + monthly_costs: [ + { label: "Hetzner CAX21 Server", price: "7,69 €" }, + { label: "BX21 Storage Box (1 TB)", price: "3,20 €" }, + { label: "Backup-Snapshot", price: "0,80 €" }, + { label: "Gesamt Serverkosten", price: "~12 €" }, + ], + }, + { + name: "Enterprise", + subtitle: "Nextcloud + Paperless Cluster", + tag: "Kubernetes auf Proxmox / Hetzner CAX41", + price: "1.049", + setup: "Einmalig", + monthly: "ab 55", + highlight: false, + specs: { + server: "Hetzner CAX41 (16 vCPU, 32 GB RAM) oder Proxmox Cluster", + storage: "160 GB SSD + BX31 Storage Box (5 TB)", + os: "Ubuntu 24.04 LTS / Proxmox VE 8", + stack: "Kubernetes (k3s) + Helm Charts + Longhorn Storage", + }, + includes: [ + "Alles aus Professional-Paket", + "Kubernetes Cluster (k3s) Setup", + "Helm-basiertes Nextcloud-Deployment", + "Horizontal Pod Autoscaling", + "Longhorn Distributed Storage", + "Grafana + Prometheus Monitoring", + "Zentrales Logging (Loki)", + "GitLab CI/CD Pipeline für Updates", + "Hochverfügbarkeit (HA) Konfiguration", + "SLA: 99,9% Uptime-Garantie", + "12 Monate Priority-Support inklusive", + ], + monthly_costs: [ + { label: "Hetzner CAX41 Server", price: "30,99 €" }, + { label: "BX31 Storage Box (5 TB)", price: "10,90 €" }, + { label: "Load Balancer", price: "5,54 €" }, + { label: "Monitoring-Stack", price: "~8 €" }, + { label: "Gesamt Serverkosten", price: "~55 €" }, + ], + }, +]; + +const maintenancePlans = [ + { + name: "Basic Wartung", + price: "27", + interval: "/ Monat", + features: [ + "Monatliche System-Updates", + "Docker-Image Updates", + "Backup-Kontrolle", + "E-Mail-Support (5 Werktage Reaktionszeit)", + ], + }, + { + name: "Standard Wartung", + price: "62", + interval: "/ Monat", + features: [ + "Wöchentliche Updates & Patches", + "Sicherheits-Monitoring 24/7", + "Performance-Checks", + "Telefon- & E-Mail-Support (2 Werktage)", + "Monatlicher Status-Report", + "1 Std. Anpassungen inklusive", + ], + }, + { + name: "Premium Wartung", + price: "132", + interval: "/ Monat", + features: [ + "Tägliche Updates & Monitoring", + "Sofortiger Incident-Response", + "Proaktive Performance-Optimierung", + "Priority-Support (4 Std. Reaktionszeit)", + "Wöchentlicher Status-Report", + "3 Std. Anpassungen inklusive", + "Quartalsweise Sicherheits-Audits", + ], + }, +]; + +export default function PaketePage() { + return ( +
+ {/* Header */} +
+
+ + +
+ + MBO-TECH-IT + + + Digital Denken. Lokal Handeln. + +
+ + + + + + Zurück + +
+
+ +
+ + {/* Hero */} +
+ + Beispiel-Paket + +

+ Nextcloud + Paperless-ngx +

+

+ Ihr persönliches Cloud-Büro: Datei-Management mit Nextcloud und + digitales Dokumentenarchiv mit Paperless-ngx – sicher selbst gehostet + auf Hetzner Cloud. +

+
+ + {/* What is it */} +
+
+
+ + + +
+

Nextcloud

+

+ Die freie Alternative zu Dropbox & Google Drive. Dateien, Kalender, + Kontakte, Videokonferenzen und Office-Dokumente – alles auf Ihrem + eigenen Server. Volle DSGVO-Konformität, keine Drittanbieter. +

+
+
+
+ + + +
+

Paperless-ngx

+

+ Digitales Dokumentenmanagementsystem mit OCR-Texterkennung. Rechnungen, + Verträge, Briefe – alles durchsuchbar archiviert. Automatische + Klassifizierung und Tagging von Dokumenten. +

+
+
+ + {/* Packages */} +

+ Installations-Pakete +

+
+ {packages.map((pkg) => ( +
+ {pkg.highlight && ( +
+ EMPFOHLEN +
+ )} + +
+ {pkg.tag} +

{pkg.name}

+

{pkg.subtitle}

+
+ + {/* Setup price */} +
+ ab + {pkg.price} € + {pkg.setup} +
+

+ + Serverkosten {pkg.monthly} €/Monat (Hetzner direkt) +

+ + {/* Server specs */} +
+

# Server-Konfiguration

+

{pkg.specs.server}

+

Storage: {pkg.specs.storage}

+

Stack: {pkg.specs.stack}

+
+ + {/* Monthly costs breakdown */} +
+

Laufende Serverkosten

+ {pkg.monthly_costs.map((c) => ( +
+ {c.label} + + {c.price} + +
+ ))} +
+ + {/* Includes */} +
    + {pkg.includes.map((item) => ( +
  • + + + + + + {item} +
    • + ))} +
+ + + Paket anfragen + +
+ ))} +
+ + {/* Maintenance */} +

Wartungsvertrag

+

+ Nach der Installation können Sie optional einen Wartungsvertrag abschließen. + Wir kümmern uns um Updates, Sicherheit und Betrieb. +

+
+ {maintenancePlans.map((plan) => ( +
+

{plan.name}

+
+ ab + {plan.price} € + {plan.interval} +
+
    + {plan.features.map((f) => ( +
  • + + {f} +
    • + ))} +
+
+ ))} +
+ + {/* Note */} +
+

+ Hinweis: Die Serverkosten bei Hetzner werden + direkt von Ihnen bezahlt – wir installieren und warten, Sie behalten die volle + Kontrolle. Alle Preise zzgl. gesetzl. MwSt. Individuelle Angebote auf Anfrage. +

+ + Kostenloses Erstgespräch anfragen + +
+
+
+ ); +} diff --git a/components/About.tsx b/components/About.tsx new file mode 100644 index 0000000..bc44a31 --- /dev/null +++ b/components/About.tsx @@ -0,0 +1,102 @@ +const highlights = [ + { + icon: "01", + title: "Analyse & Planung", + description: + "Wir analysieren Ihre bestehende Infrastruktur und planen die optimale Lösung für Ihre Anforderungen.", + }, + { + icon: "02", + title: "Implementierung", + description: + "Professionelle Umsetzung mit bewährten technischen Methoden und modernsten Tools.", + }, + { + icon: "03", + title: "Betrieb & Support", + description: + "Zuverlässiger Betrieb, Monitoring und Support – damit Ihre Systeme immer laufen.", + }, +]; + +export default function About() { + return ( +
+
+ +
+
+ {/* Left: Text */} +
+ + Über uns + +

+ IT-Expertise,{" "} + die Sie weiterbringt +

+

+ MBO-Tech-IT steht für über 30 Jahre IT-Erfahrung — + angefangen bei der einfachen Hardware-Wartung, über den Aufbau großer + Client-Server-Netzwerke, bis hin zu mehr als 20 Jahren Spezialisierung + in der IT-Security. +

+

+ Heute liegt der Fokus auf modernen Container-Technologien, Cloud-nativer + Infrastruktur und Virtualisierung. Dieses breite Fundament ermöglicht es, + Lösungen zu entwickeln, die nicht nur funktionieren — sondern auch + sicher und langfristig tragfähig sind. +

+ + {/* Tagline callout */} +
+

+ Digital Denken. Lokal Handeln. +

+

+ Globales Know-how — persönlicher Service. +

+
+ + {/* Key points */} +
+ {[ + "30+ Jahre IT-Erfahrung – von Hardware bis Cloud", + "20+ Jahre IT-Security & Netzwerk-Expertise", + "Spezialisiert auf Docker, Kubernetes & Proxmox", + "Transparente Kommunikation & faire Preise", + ].map((point) => ( +
+
+ + + +
+ {point} +
+ ))} +
+
+ + {/* Right: Process steps */} +
+ {highlights.map((item) => ( +
+
+ {item.icon} +
+
+

{item.title}

+

{item.description}

+
+
+ ))} +
+
+
+
+ ); +} diff --git a/components/Contact.tsx b/components/Contact.tsx new file mode 100644 index 0000000..1f37602 --- /dev/null +++ b/components/Contact.tsx @@ -0,0 +1,124 @@ +const contactItems = [ + { + icon: ( + + + + ), + label: "Telefon", + value: "+49 171 9345193", + href: "tel:+4917193451093", + }, + { + icon: ( + + + + ), + label: "E-Mail", + value: "kontakt@mbo-tech-it.de", + href: "mailto:kontakt@mbo-tech-it.de", + }, +]; + +export default function Contact() { + return ( +
+
+
+
+ +
+ {/* Header */} +
+ + Kontakt + +

+ Projekt anfragen +

+

+ Sie haben ein IT-Projekt oder eine Frage? Schreiben Sie uns — + wir melden uns schnellstmöglich bei Ihnen. +

+
+ + {/* Contact form */} +
+
+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ +