Update src/app/services/page.tsx

This commit is contained in:
2026-03-27 07:40:06 +00:00
parent 583e050ad7
commit 1d6d4f85ce

View File

@@ -2,12 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { Facebook, Globe, Instagram, ShieldCheck, Truck, Twitter } from "lucide-react";
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import { Facebook, Instagram, Twitter } from "lucide-react";
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
@@ -22,85 +22,57 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Why Choose Us",
id: "/about",
},
{
name: "Careers",
id: "/careers",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="AXEN EXPRESS"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Why Choose Us", id: "/about" },
{ name: "Careers", id: "/careers" },
{ name: "Contact", id: "/contact" },
]}
brandName="AXEN EXPRESS"
/>
</div>
<div id="services-list" data-section="services-list">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Truck,
title: "Heavy-Duty Freight",
description: "Specialized transport for large-scale industrial and commercial cargo.",
},
{
icon: Globe,
title: "Cross-Border Logistics",
description: "Reliable shipping services connecting Somalia, Kenya, Ethiopia, and Djibouti.",
},
{
icon: ShieldCheck,
title: "Safe & Secure Cargo",
description: "Dedicated safety protocols ensuring your goods arrive intact every time.",
},
]}
title="Our Transportation Services"
description="Comprehensive freight solutions tailored to your unique logistical needs."
/>
</div>
<div id="services" data-section="services">
<FeatureCardSix
title="Freight Cargo Solutions"
description="Specialized logistics services connecting Somalia, Kenya, Ethiopia, and Djibouti with unmatched efficiency and security."
textboxLayout="split"
features={[
{
id: 1,
title: "Somalia Logistics Hub", description: "Strategic freight management and secure transport across all major Somali regions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/freight-truck-somalia-1774597055935-889ee869.png?_wi=1"
},
{
id: 2,
title: "Cross-Border Kenya Trade", description: "Seamless clearance and expedited transit services connecting Kenya to neighboring markets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/freight-cargo-kenya-1774597055935-789ee870.png?_wi=1"
},
{
id: 3,
title: "Ethiopian Export-Import", description: "Optimized heavy-duty transport routes for Ethiopia's growing commercial sector.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/freight-logistics-ethiopia-1774597055935-689ee871.png?_wi=1"
},
{
id: 4,
title: "Djibouti Port Access", description: "Direct, secure freight integration with major Djibouti transit ports for global shipping connectivity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/djibouti-port-logistics-1774597055935-589ee872.png?_wi=1"
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="AXEN EXPRESS"
copyrightText="© 2025 AXEN EXPRESS TRANSPORTATION"
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com",
ariaLabel: "Twitter",
},
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="AXEN EXPRESS"
copyrightText="© 2025 AXEN EXPRESS TRANSPORTATION"
socialLinks={[
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}