143 lines
6.9 KiB
TypeScript
143 lines
6.9 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Sparkles, Rocket } from "lucide-react";
|
|
|
|
export default function ServicesPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Why Us", id: "#why-us" },
|
|
{ name: "Contact", id: "#contact" },
|
|
];
|
|
|
|
const navButton = {
|
|
text: "Request Consultation", href: "#contact"};
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Solutions", items: [
|
|
{ label: "Mobile Communication", href: "#mobile" },
|
|
{ label: "Fire Systems", href: "#fire-systems" },
|
|
{ label: "Internet Infrastructure", href: "#internet" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Impressum", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={navItems}
|
|
button={navButton}
|
|
brandName="Langreiter"
|
|
/>
|
|
</div>
|
|
|
|
{/* Detailed Services Features */}
|
|
<div id="services-detail" data-section="services-detail">
|
|
<FeatureCardTwentySeven
|
|
title="Comprehensive Telecommunications Solutions"
|
|
description="Explore our complete range of professional communication services engineered for reliability and precision"
|
|
features={[
|
|
{
|
|
id: "mobile-basement", title: "Basement Mobile Coverage", description: "Eliminate dead zones in underground spaces. Our advanced DAS (Distributed Antenna System) technology delivers seamless 4G/5G coverage in basements, sub-levels, and concrete structures. Perfect for parking garages, storage facilities, and underground transit systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfeHsK11qzLNNhUMgX9OU4AhXH/seamless-mobile-network-coverage-visuali-1772988080271-1bd885ca.png?_wi=2", imageAlt: "Mobile network coverage basement visualization"},
|
|
{
|
|
id: "fire-emergency", title: "Emergency Communication Systems", description: "Critical infrastructure for safety and compliance. Our fire communication systems integrate with emergency alert networks, providing professional-grade emergency response communication. Full compliance with German safety standards and regulations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfeHsK11qzLNNhUMgX9OU4AhXH/professional-fire-communication-system-i-1772988080159-4706713c.png?_wi=2", imageAlt: "Fire communication emergency system"},
|
|
{
|
|
id: "fiber-internet", title: "Enterprise Fiber Internet", description: "Lightning-fast connectivity for your business. High-speed fiber-optic installations with 99.9% uptime SLA. Ideal for data centers, enterprise offices, and industrial facilities requiring mission-critical network performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfeHsK11qzLNNhUMgX9OU4AhXH/high-speed-fiber-optic-and-internet-infr-1772988080413-9d12bace.png?_wi=2", imageAlt: "Enterprise fiber optic infrastructure"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Detailed Services"
|
|
tagIcon={Sparkles}
|
|
buttons={[{ text: "Back to Home", href: "/" }]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Service Benefits */}
|
|
<div id="service-benefits" data-section="service-benefits">
|
|
<MetricCardSeven
|
|
title="Service Excellence"
|
|
description="What sets our services apart from competitors"
|
|
metrics={[
|
|
{
|
|
id: "design", value: "Custom", title: "Design & Planning", items: [
|
|
"Site surveys included", "Customized solutions", "Future-proof design", "Cost optimization"],
|
|
},
|
|
{
|
|
id: "installation", value: "Professional", title: "Installation & Setup", items: [
|
|
"Certified technicians", "Zero downtime", "Quality assurance", "Documentation"],
|
|
},
|
|
{
|
|
id: "maintenance", value: "Proactive", title: "Maintenance & Support", items: [
|
|
"24/7 monitoring", "Preventive care", "Rapid response", "Performance tuning"],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact for Services */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Request Service"
|
|
title="Let's Discuss Your Needs"
|
|
description="Our telecommunications experts are ready to analyze your requirements and propose tailored solutions. Contact us today for a free consultation and site assessment."
|
|
tagIcon={Rocket}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@company.de"
|
|
buttonText="Schedule Consultation"
|
|
termsText="We'll review your information and contact you within 24 hours to discuss your project."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Langreiter GmbH & Co. KG. German Telecommunications Excellence."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |