126 lines
6.4 KiB
TypeScript
126 lines
6.4 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Zap, Server, Wifi, Lock, CheckCircle, Users, Brain, Phone, Mail, Shield } from "lucide-react";
|
|
|
|
export default function ServicesPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav" className="w-full">
|
|
<NavbarStyleApple
|
|
brandName="Datadiorama"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Contact", id: "/contact" },
|
|
{ name: "Imprint", id: "/imprint" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Services Overview */}
|
|
<div id="services-overview" data-section="services-overview" className="w-full py-20">
|
|
<FeatureBento
|
|
title="Complete IT Solutions"
|
|
description="Datadiorama offers a comprehensive range of IT services designed to meet the unique needs of businesses in Potsdam. From network infrastructure to system administration, we have the expertise to support your organization's growth."
|
|
features={[
|
|
{
|
|
title: "Network Installation & Optimization", description: "Professional network setup and continuous optimization for maximum performance and reliability.", bentoComponent: "orbiting-icons", centerIcon: Shield,
|
|
items: [
|
|
{ icon: Zap, ring: 1 },
|
|
{ icon: Server, ring: 2 },
|
|
{ icon: Wifi, ring: 2 },
|
|
],
|
|
},
|
|
{
|
|
title: "System Updates & Maintenance", description: "Regular updates and backups for PC and Apple systems ensuring data security and system stability.", bentoComponent: "timeline", heading: "Maintenance Schedule", subheading: "Regular system care", items: [
|
|
{ label: "Monthly Backups", detail: "Automated backup systems" },
|
|
{ label: "Quarterly Updates", detail: "System and security patches" },
|
|
{ label: "Annual Audit", detail: "Comprehensive system review" },
|
|
],
|
|
completedLabel: "Up to date"},
|
|
{
|
|
title: "Email & Communication Systems", description: "Professional email administration and telephone system management for seamless business communication.", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Mail, label: "Email Administration", value: "Enterprise Grade" },
|
|
{ icon: Phone, label: "Phone Systems", value: "Integrated" },
|
|
{ icon: Users, label: "User Management", value: "Full Support" },
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Additional Services */}
|
|
<div id="services-detailed" data-section="services-detailed" className="w-full py-20">
|
|
<FeatureBento
|
|
title="Additional Professional Services"
|
|
description="Beyond our core services, Datadiorama provides specialized solutions to address specific business challenges and infrastructure needs."
|
|
features={[
|
|
{
|
|
title: "IT Administration", description: "Comprehensive IT administration services with expert team trained through continuous professional development.", bentoComponent: "3d-stack-cards", items: [
|
|
{ icon: Lock, title: "Security", subtitle: "Protection", detail: "Advanced security protocols" },
|
|
{ icon: CheckCircle, title: "Reliability", subtitle: "Uptime", detail: "99.9% availability guaranteed" },
|
|
{ icon: Users, title: "Support", subtitle: "Expert Team", detail: "Continuously trained professionals" },
|
|
],
|
|
},
|
|
{
|
|
title: "Hardware Solutions", description: "Complete hardware inventory management and supply solutions for your office IT infrastructure.", bentoComponent: "globe"},
|
|
{
|
|
title: "Professional IT Consulting", description: "Expert IT consulting to optimize your business infrastructure and technology investments.", bentoComponent: "marquee", centerIcon: Brain,
|
|
variant: "text", texts: ["Strategic Planning", "Technology Assessment", "Cost Optimization", "System Architecture"],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Service Capabilities */}
|
|
<div id="service-capabilities" data-section="service-capabilities" className="w-full py-20">
|
|
<MetricCardTwo
|
|
title="Why Choose Datadiorama"
|
|
description="Experience and reliability you can count on"
|
|
metrics={[
|
|
{ id: "1", value: "12+", description: "Years in Business" },
|
|
{ id: "2", value: "500+", description: "Satisfied Clients" },
|
|
{ id: "3", value: "99.9%", description: "Uptime Guarantee" },
|
|
{ id: "4", value: "24/7", description: "Support Available" },
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer" className="w-full">
|
|
<FooterCard
|
|
logoText="Datadiorama"
|
|
copyrightText="© 2025 Datadiorama - IT Systemhaus für Potsdam. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |