loepperts/doing-it-website
1
1
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
loepperts
2025-11-27 11:44:23 +01:00
commit 989253c72f
32 changed files with 4983 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

236
app/unternehmen/it-infrastrukturanalyse/page.tsx Executable file
View File

@@ -0,0 +1,236 @@
'use client'
import { motion } from 'framer-motion'
import Link from 'next/link'
import Navigation from '@/components/Navigation'
import Footer from '@/components/Footer'
export default function ITInfrastrukturanalyse() {
return (
<>
<Navigation />
<main>
<section className="page-hero">
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8 }}
className="container"
>
<h1>IT-Infrastrukturanalyse</h1>
<p className="page-hero-subtitle">
Der erste Schritt zu mehr IT-Kompetenz
</p>
</motion.div>
</section>
<section className="page-content">
<div className="container">
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6 }}
className="content-block"
>
<h2>Was wird untersucht?</h2>
<p>
Unsere umfassende IT-Infrastrukturanalyse gibt Ihnen Klarheit über den aktuellen
Zustand Ihrer IT und zeigt konkrete Handlungsfelder auf.
</p>
</motion.div>
<div className="features-grid" style={{ marginTop: '60px' }}>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6, delay: 0.1 }}
className="feature-card-large"
>
<div className="feature-icon">🔍</div>
<h3>Infrastruktur-Erfassung</h3>
<p>
Wir dokumentieren Ihre gesamte IT-Landschaft: Server, Netzwerke,
Software-Landschaft, Cloud-Services und Endgeräte. Dabei erstellen wir eine
vollständige IST-Dokumentation Ihrer IT-Infrastruktur.
</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6, delay: 0.2 }}
className="feature-card-large"
>
<div className="feature-icon">🛡️</div>
<h3>Sicherheitsanalyse</h3>
<p>
Wir identifizieren Sicherheitslücken, veraltete Systeme und
Compliance-Probleme. Unser Schwachstellenbericht zeigt Ihnen genau, wo
Handlungsbedarf besteht.
</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6, delay: 0.3 }}
className="feature-card-large"
>
<div className="feature-icon">📊</div>
<h3>Schulungsbedarfs-Analyse</h3>
<p>
Wir ermitteln den konkreten Schulungsbedarf Ihrer Mitarbeiter. Welche
Kompetenzen fehlen? Wo gibt es Wissenslücken? Diese Analyse bildet die Basis
für maßgeschneiderte Schulungskonzepte.
</p>
</motion.div>
</div>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6 }}
className="content-block"
style={{ marginTop: '80px' }}
>
<h2>Welche Methoden werden eingesetzt?</h2>
<p>
Wir nutzen bewährte Methoden und Tools für eine gründliche Analyse:
</p>
</motion.div>
<div className="features-grid" style={{ marginTop: '40px' }}>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6, delay: 0.1 }}
className="feature-card"
>
<h3>Vor-Ort-Begehungen</h3>
<p>Persönliche Inspektion Ihrer IT-Infrastruktur</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6, delay: 0.2 }}
className="feature-card"
>
<h3>Interviews mit Mitarbeitern</h3>
<p>Gespräche zur Ermittlung des Wissensstands</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6, delay: 0.3 }}
className="feature-card"
>
<h3>Technische Scans</h3>
<p>Automatisierte Analyse von Systemen und Netzwerken</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6, delay: 0.4 }}
className="feature-card"
>
<h3>Dokumentenanalyse</h3>
<p>Auswertung bestehender Dokumentationen</p>
</motion.div>
</div>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6 }}
className="content-block"
style={{ marginTop: '80px' }}
>
<h2>Konkrete Ergebnisse</h2>
<p>
Nach der Analyse erhalten Sie:
</p>
</motion.div>
<div className="features-grid" style={{ marginTop: '40px', gridTemplateColumns: '1fr' }}>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6 }}
className="feature-card-large"
style={{ textAlign: 'left' }}
>
<h3 style={{ marginBottom: '20px' }}>IST-Dokumentation</h3>
<p style={{ fontSize: '17px', lineHeight: '1.7' }}>
Eine vollständige Dokumentation Ihrer aktuellen IT-Infrastruktur mit allen
Systemen, Komponenten und Abhängigkeiten. Diese Dokumentation dient als Basis
für alle weiteren Schritte.
</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6 }}
className="feature-card-large"
style={{ textAlign: 'left' }}
>
<h3 style={{ marginBottom: '20px' }}>Schwachstellenbericht</h3>
<p style={{ fontSize: '17px', lineHeight: '1.7' }}>
Ein detaillierter Bericht über identifizierte Sicherheitslücken, veraltete
Systeme und Risiken. Jede Schwachstelle wird mit Priorität und Handlungsempfehlung
versehen.
</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6 }}
className="feature-card-large"
style={{ textAlign: 'left' }}
>
<h3 style={{ marginBottom: '20px' }}>Handlungsempfehlungen</h3>
<p style={{ fontSize: '17px', lineHeight: '1.7' }}>
Konkrete, priorisierte Empfehlungen für die nächsten Schritte. Diese umfassen
sowohl technische Maßnahmen als auch Schulungsbedarfe für Ihre Mitarbeiter.
</p>
</motion.div>
</div>
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6 }}
className="cta-section"
>
<h2>Starten Sie mit der Analyse</h2>
<p>Kontaktieren Sie uns für eine unverbindliche Beratung</p>
<Link href="/kontakt" className="btn btn-primary">
IT-Analyse anfordern
</Link>
</motion.div>
</div>
</section>
</main>
<Footer />
</>
)
}