bender/4ec9f5b9-ab03-4e20-8bc5-1b21f040c3a0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 4 commits from version_2 into main 2026-03-27 07:40:10 +00:00
Conversation 0 Commits 4 Files Changed 4 +178 -259
4 changed files with 178 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
src/app/careers/page.tsx
View File

@@ -2,13 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import { Facebook, Instagram, Twitter, ChevronRight } from "lucide-react";
export default function LandingPage() {
export default function CareersPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
@@ -23,144 +22,45 @@ 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: "/why-choose-us" },
{ name: "Careers", id: "/careers" },
{ name: "Contact", id: "/contact" },
]}
brandName="AXEN EXPRESS"
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "1",
name: "Sarah Jenkins",
role: "Logistics Coordinator",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/group-of-professional-logistics-workers--1774597054556-4052268a.png?_wi=1",
},
{
id: "2",
name: "Mark Sterling",
role: "Fleet Manager",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/professional-heavy-duty-freight-cargo-tr-1774597055935-989ee868.png?_wi=2",
},
{
id: "3",
name: "Elena Rodriguez",
role: "Supply Chain Analyst",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/a-large-cargo-container-being-loaded-ont-1774597054045-d66a6ea3.png?_wi=1",
},
]}
title="Join the Axen Express Team"
description="We are looking for passionate professionals to help us redefine the future of logistics and global freight."
/>
</div>
<div id="careers" data-section="careers">
<FeatureCardTwentySix
title="Build Your Future at Axen Express"
description="We're looking for passionate individuals to join our team and help us shape the future of logistics in East Africa."
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Professional Driver", description: "Drive our modern fleet and ensure safe transport for our clients.", buttonIcon: ChevronRight },
{ title: "Logistics Coordinator", description: "Manage complex routes and communication across our regional network.", buttonIcon: ChevronRight },
{ title: "Operations Manager", description: "Oversee daily operations and team performance in our logistics hubs.", buttonIcon: ChevronRight }
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Competitive Benefits",
description: "Industry-leading health coverage, retirement planning, and paid time off to ensure you and your family are taken care of.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/group-of-professional-logistics-workers--1774597054556-4052268a.png?_wi=2",
},
{
id: 2,
title: "Growth Opportunities",
description: "We invest in your professional development with training programs, certifications, and clear career progression paths.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/a-large-cargo-container-being-loaded-ont-1774597054045-d66a6ea3.png?_wi=2",
},
]}
title="Why Work With Us?"
description="At Axen Express, we believe in empowering our employees through continuous growth and a supportive environment."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do you offer remote work opportunities?",
content: "Yes, for many of our corporate and analyst roles, we provide flexible hybrid work arrangements.",
},
{
id: "2",
title: "How can I apply for an open position?",
content: "Simply browse our current openings, upload your resume, and fill out our online application form.",
},
]}
title="Frequently Asked Questions"
description="Everything you need to know about starting your career with the leader in freight logistics."
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Careers",
href: "/careers",
},
],
},
{
title: "Resources",
items: [
{
label: "Support",
href: "/contact",
},
{
label: "Privacy Policy",
href: "/privacy",
},
],
},
]}
copyrightText="© 2025 | Axen Express"
/>
</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>
);
}
}

56
src/app/page.tsx
View File

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { Facebook, Instagram, Twitter } from "lucide-react";
import { Facebook, Instagram, Twitter, MessageCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -26,25 +26,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Services",
id: "/services",
},
name: "Services", id: "/services"},
{
name: "Why Choose Us",
id: "/about",
},
name: "Why Choose Us", id: "/about"},
{
name: "Careers",
id: "/careers",
},
name: "Careers", id: "/careers"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
brandName="AXEN EXPRESS"
/>
@@ -53,23 +43,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Axen Express: Your Trusted Freight Partner"
description="Leading heavy-duty cargo transportation solutions across Somalia, Kenya, Ethiopia, and Djibouti. Professional, safe, and on-time delivery."
description="Leading heavy-duty cargo transportation solutions across Somalia, Kenya, Ethiopia, and Djibouti. Professional, safe, and on-time delivery.\n\n📍 Holwadaag District, Mogadishu\n📞 +252 682 382 838\n✉️ axenexpress@gmail.com\n🕒 Sat-Thu: 8am-5pm"
kpis={[
{
value: "15+",
label: "Years Experience",
},
value: "15+", label: "Years Experience"},
{
value: "24/7",
label: "Operations Support",
},
value: "24/7", label: "Operations Support"},
{
value: "100%",
label: "Delivery Reliability",
},
value: "100%", label: "Delivery Reliability"},
]}
enableKpiAnimation={true}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/professional-heavy-duty-freight-cargo-tr-1774597055935-989ee868.png?_wi=1"
@@ -82,25 +65,22 @@ export default function LandingPage() {
logoText="AXEN EXPRESS"
copyrightText="© 2025 AXEN EXPRESS TRANSPORTATION"
socialLinks={[
{
icon: MessageCircle,
href: "https://wa.me/252682382838", ariaLabel: "WhatsApp"},
{
icon: Twitter,
href: "https://twitter.com",
ariaLabel: "Twitter",
},
href: "https://twitter.com", ariaLabel: "Twitter"},
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
href: "https://instagram.com", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook",
},
href: "https://facebook.com", ariaLabel: "Facebook"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

132
src/app/services/page.tsx
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>
);
}
}

67
src/app/why-choose-us/page.tsx Normal file
View File

@@ -0,0 +1,67 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { Facebook, Instagram, Twitter, ShieldCheck, Clock, Award } from "lucide-react";
export default function WhyChooseUsPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="small"
sizing="mediumLarge"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Why Choose Us", id: "/why-choose-us" },
{ name: "Careers", id: "/careers" },
{ name: "Contact", id: "/contact" },
]}
brandName="AXEN EXPRESS"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
title="Why Choose Axen Express"
description="We are dedicated to providing unparalleled logistics solutions across East Africa with a focus on reliability, efficiency, and safety."
textboxLayout="split"
useInvertedBackground={false}
bulletPoints={[
{ title: "Reliable Freight Services", description: "Our fleet and network ensure your goods are handled with the utmost care.", icon: ShieldCheck },
{ title: "Always On-Time", description: "With 24/7 operations, we guarantee timely deliveries across all routes.", icon: Clock },
{ title: "Expert Solutions", description: "15+ years of industry experience providing customized transportation for your needs.", icon: Award }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFWxJy9IxLHihXNXgeItzuwF3/professional-heavy-duty-freight-cargo-tr-1774597055935-989ee868.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>
</ReactLenis>
</ThemeProvider>
);
}