Files
56ed24ff-d1d0-4a7d-9aef-01d…/src/app/services/page.tsx
2026-03-05 08:43:32 +00:00

162 lines
6.9 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import SplitAbout from "@/components/sections/about/SplitAbout";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Thermometer, Building2, Network, Globe, Zap, Clock, BarChart3, TrendingUp } from "lucide-react";
export default function ServicesPage() {
const navItems = [
{ name: "Services", id: "services" },
{ name: "Industries", id: "industries" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Call Now", id: "https://tel:+919876543210" },
];
const footerColumns = [
{
title: "Platform",
items: [
{ label: "Services", href: "/services" },
{ label: "How It Works", href: "/services" },
{ label: "Industries", href: "/industries" },
{ label: "Request Quote", href: "/contact" },
],
},
{
title: "Company",
items: [
{ label: "About Celcius", href: "/about" },
{ label: "Industries", href: "/industries" },
{ label: "Contact Us", href: "/contact" },
{ label: "Blog", href: "/" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "/" },
{ label: "Terms of Service", href: "/" },
{ label: "Cookie Policy", href: "/" },
{ label: "Compliance", href: "/" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="grid"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleApple brandName="Celcius" navItems={navItems} />
</div>
<div id="services-detail" data-section="services-detail">
<FeatureBorderGlow
title="Our Cold Chain Logistics Services"
description="Comprehensive solutions for transporting temperature-sensitive goods with reliability, precision, and industry-leading expertise. Each service is designed to meet the specific demands of perishable goods transportation."
features={[
{
icon: Thermometer,
title: "Advanced Temperature Control",
description: "Real-time monitoring and precision temperature management for pharmaceuticals, food, and dairy products. Maintains exact temperature ranges with redundant backup systems.",
},
{
icon: Building2,
title: "Enterprise Logistics Solutions",
description: "Scalable infrastructure supporting multi-location shipments, recurring deliveries, and complex supply chain requirements for enterprise clients across India.",
},
{
icon: Network,
title: "Smart Load Matching Technology",
description: "AI-powered system that intelligently matches your shipment requirements with available refrigerated vehicles, optimizing routes and minimizing transit time.",
},
{
icon: Globe,
title: "Pan-India Cold Chain Network",
description: "Access to a nationwide network of refrigerated vehicles, cold storage facilities, and logistics partners. Ensure consistent service delivery across all major cities and regions.",
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Get Started", href: "/contact" }]}
/>
</div>
<div id="service-benefits" data-section="service-benefits">
<SplitAbout
title="Why Our Services Stand Out"
description="Celcius combines cutting-edge technology with industry expertise to deliver logistics services that exceed expectations. Our commitment to temperature precision and on-time delivery sets us apart."
bulletPoints={[
{
icon: Clock,
title: "24/7 Real-Time Tracking",
description: "Monitor your shipment's location and temperature status in real-time through our advanced logistics dashboard.",
},
{
icon: Zap,
title: "Lightning-Fast Dispatch",
description: "Get matched with available refrigerated trucks within minutes. No more waiting for transport solutions.",
},
{
icon: BarChart3,
title: "Transparent Cost Model",
description: "Pay only for services rendered with our clear, itemized pricing. No hidden fees or surprise charges.",
},
{
icon: TrendingUp,
title: "Continuous Optimization",
description: "Our AI-powered system learns from each delivery to continuously improve efficiency and reduce your costs.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/female-warehouse-staff-overseeing-order-fulfillment-with-ai-brain-support_482257-129608.jpg"
imageAlt="Enterprise logistics operations with AI support"
mediaAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
imagePosition="left"
/>
</div>
<div id="services-cta" data-section="services-cta">
<ContactSplit
tag="Service Inquiry"
title="Ready for Premium Cold Chain Logistics?"
description="Let Celcius handle your temperature-sensitive shipments. Our team is ready to provide customized logistics solutions for your specific needs."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/smart-factory-expert-using-digital-device-app-test-automated-systems-closeup_482257-126768.jpg"
imageAlt="Smart logistics technology for cold chain management"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Request Service"
inputPlaceholder="Enter your business email"
termsText="We respect your privacy and will only contact you regarding your logistics inquiry."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Celcius"
copyrightText="© 2025 Celcius Cold Chain Logistics | All rights reserved"
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}