From a4a364d435c7936ad9e0f3009f5427fb14c69765 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 19:47:41 +0000 Subject: [PATCH 1/6] Update src/app/about/page.tsx --- src/app/about/page.tsx | 380 ++++++++++++++--------------------------- 1 file changed, 128 insertions(+), 252 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index c1a7828..5c24e7a 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -1,22 +1,23 @@ "use client"; -import { ThemeProvider } from "@/components/theme-provider"; -import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; -import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; -import MediaAbout from "@/components/sections/about/MediaAbout"; -import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve"; -import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow"; -import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen"; -import TeamCardTwo from "@/components/sections/team/TeamCardTwo"; -import ContactCTA from "@/components/sections/contact/ContactCTA"; -import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; -import { Mail } from "lucide-react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"; +import SplitAbout from "@/components/sections/about/SplitAbout"; +import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour"; +import TimelinePhoneView from "@/components/cardStack/layouts/timelines/TimelinePhoneView"; +import MetricCardOne from "@/components/sections/metrics/MetricCardOne"; +import TeamCardSix from "@/components/sections/team/TeamCardSix"; +import ContactCenter from "@/components/sections/contact/ContactCenter"; +import FooterBase from "@/components/sections/footer/FooterBase"; +import { Mail, TrendingUp, Users, Award, Zap, Shield } from "lucide-react"; const navItems = [ { name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, + { name: "Why Choose Us", id: "/why-choose-us" }, ]; export default function AboutPage() { @@ -33,94 +34,76 @@ export default function AboutPage() { secondaryButtonStyle="glass" headingFontWeight="bold" > - +
-
-
- {} }, - { text: "Contact", href: "contact" }, - ], - }, + id: "reliability", title: "Reliability - Dependable Service You Can Trust", author: "Core Value", description: + "On-time delivery guarantee with 24/7 operational excellence and consistent quality standards.", tags: ["Reliability", "Quality"], + imageSrc: + "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop", imageAlt: "Reliability"}, { - id: "innovation", label: "Innovation", title: "Cutting-edge logistics technology", items: [ - "Real-time tracking systems", "AI-powered route optimization", "Digital documentation", "Continuous improvement culture" - ], - buttons: [ - { text: "Our Tech", onClick: () => {} }, - { text: "Learn More", href: "services" }, - ], - }, + id: "innovation", title: "Innovation - Cutting-Edge Logistics Technology", author: "Core Value", description: + "Real-time tracking systems, AI-powered route optimization, and continuous improvement culture.", tags: ["Innovation", "Technology"], + imageSrc: + "https://images.unsplash.com/photo-1493976040803-5d82ec434371?w=800&h=600&fit=crop", imageAlt: "Innovation"}, { - id: "sustainability", label: "Sustainability", title: "Committed to environmental responsibility", items: [ - "Carbon-efficient routing", "Fleet modernization", "Eco-friendly packaging", "Regional economic growth" - ], - buttons: [ - { text: "Green Initiative", onClick: () => {} }, - { text: "Details", href: "#" }, - ], - }, - { - id: "people", label: "People-Centric", title: "Empowering our team and communities", items: [ - "Professional development programs", "Fair employment practices", "Community investments", "Diverse & inclusive culture" - ], - buttons: [ - { text: "Careers", onClick: () => {} }, - { text: "Join Us", href: "#" }, - ], - }, + id: "sustainability", title: "Sustainability - Environmental Responsibility", author: "Core Value", description: + "Carbon-efficient routing, fleet modernization, and eco-friendly packaging for a better future.", tags: ["Sustainability", "Environment"], + imageSrc: + "https://images.unsplash.com/photo-1578881289490-85f3f96aa2fb?w=800&h=600&fit=crop", imageAlt: "Sustainability"}, ]} animationType="slide-up" title="Our Core Values" @@ -131,258 +114,151 @@ export default function AboutPage() {
- - ), - content: ( + trigger: "trigger-1", content: (

Regional Expansion

-

Establish operations in 15+ African countries and create a seamless pan-African logistics network.

-
    -
  • - → - Open regional hubs in key markets -
    • -
  • - → - Build strategic partnerships -
    • -
  • - → - Invest in local infrastructure -
    • -
+

+ Establish operations in 15+ African countries +

), - }, + imageOne: + "https://images.unsplash.com/photo-1578881289490-85f3f96aa2fb?w=500&h=500&fit=crop", imageAltOne: "Expansion", imageTwo: + "https://images.unsplash.com/photo-1493976040803-5d82ec434371?w=500&h=500&fit=crop", imageAltTwo: "Growth"}, { - id: "2", reverse: true, - media: ( - Technology - ), - content: ( + trigger: "trigger-2", content: (

Technology Leadership

-

Implement AI and IoT solutions for predictive logistics and enhanced customer experience.

-
    -
  • - → - Deploy advanced tracking systems -
    • -
  • - → - Develop mobile platform -
    • -
  • - → - Enable blockchain transparency -
    • -
+

Implement AI and IoT solutions for logistics

), - }, + imageOne: + "https://images.unsplash.com/photo-1493976040803-5d82ec434371?w=500&h=500&fit=crop", imageAltOne: "Technology", imageTwo: + "https://images.unsplash.com/photo-1531996516928-45c3bd7b5f00?w=500&h=500&fit=crop", imageAltTwo: "Innovation"}, { - id: "3", reverse: false, - media: ( - Capacity - ), - content: ( + trigger: "trigger-3", content: (

Capacity Enhancement

-

Double fleet capacity and warehouse space to serve growing demand across Africa.

-
    -
  • - → - Modernize vehicle fleet -
    • -
  • - → - Build new warehousing facilities -
    • -
  • - → - Expand team capacity -
    • -
+

Double fleet capacity and warehouse space

), - }, + imageOne: + "https://images.unsplash.com/photo-1531996516928-45c3bd7b5f00?w=500&h=500&fit=crop", imageAltOne: "Capacity", imageTwo: + "https://images.unsplash.com/photo-1587863882176-e58e87a00d38?w=500&h=500&fit=crop", imageAltTwo: "Expansion"}, { - id: "4", reverse: true, - media: ( - Sustainability - ), - content: ( + trigger: "trigger-4", content: (

Sustainability & Impact

-

Achieve carbon neutrality and create positive social impact across African communities.

-
    -
  • - → - Transition to green vehicles -
    • -
  • - → - Support local employment -
    • -
  • - → - Reduce environmental impact -
    • -
+

Achieve carbon neutrality and create positive impact

), - }, + imageOne: + "https://images.unsplash.com/photo-1587863882176-e58e87a00d38?w=500&h=500&fit=crop", imageAltOne: "Sustainability", imageTwo: + "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAltTwo: "Impact"}, ]} />
- -
- -
- null, - url: "https://linkedin.com" - }, - ], - }, - { - id: "2", name: "Maria Costa", role: "COO", description: - "Operations expert with proven track record in scaling logistics operations across multiple African markets.", imageSrc: - "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop", socialLinks: [ - { - icon: () => null, - url: "https://linkedin.com" - }, - ], - }, - { - id: "3", name: "Samuel Okafor", role: "Technology Lead", description: - "Tech innovator specializing in logistics automation and IoT solutions for African supply chains.", imageSrc: - "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=500&h=500&fit=crop", socialLinks: [ - { - icon: () => null, - url: "https://linkedin.com" - }, - ], - }, - { - id: "4", name: "Amara Diallo", role: "Regional Manager", description: - "Strategic leader managing operations across West and Central Africa with deep regional knowledge.", imageSrc: - "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop", socialLinks: [ - { - icon: () => null, - url: "https://linkedin.com" - }, - ], - }, - ]} - title="Our Leadership Team" - description="Experienced professionals dedicated to transforming African logistics" - gridVariant="four-items-2x2-equal-grid" + gridVariant="uniform-all-items-equal" animationType="slide-up" + title="Our Impact in Numbers" + description="Key metrics that showcase our growth and excellence" + tag="Growth Metrics" textboxLayout="default" useInvertedBackground={false} />
-
- {} }, +
+
- + console.log("Email submitted:", email)} + /> +
+ + ); -- 2.49.1 From a359680af564ae976220cddb242bc4f684e738a6 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 19:47:42 +0000 Subject: [PATCH 2/6] Update src/app/contact/page.tsx --- src/app/contact/page.tsx | 352 +++++++++------------------------------ 1 file changed, 77 insertions(+), 275 deletions(-) diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 0572f95..33aac02 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -1,297 +1,99 @@ -'use client'; +"use client"; -import { ThemeProvider } from '@/providers/theme-provider'; -import { NavbarLayoutFloatingInline } from '@/components/navbar/NavbarLayoutFloatingInline'; -import { TextBox } from '@/components/Textbox'; -import { Input } from '@/components/form/Input'; -import { ButtonDirectionalHover } from '@/components/button/ButtonDirectionalHover/ButtonDirectionalHover'; -import { FooterMedia } from '@/components/sections/footer/FooterMedia'; -import { Mail, Phone, MapPin, Linkedin, Twitter, Globe } from 'lucide-react'; -import { useState } from 'react'; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"; +import ContactCenter from "@/components/sections/contact/ContactCenter"; +import FooterBase from "@/components/sections/footer/FooterBase"; +import { Mail } from "lucide-react"; const navItems = [ - { name: 'Home', id: '/' }, - { name: 'About', id: '#about' }, - { name: 'Contact', id: '/contact' }, - { name: 'Services', id: '#services' }, + { name: "Home", id: "/" }, + { name: "Services", id: "/services" }, + { name: "About", id: "/about" }, + { name: "Contact", id: "/contact" }, + { name: "Why Choose Us", id: "/why-choose-us" }, ]; -const footerColumns = [ - { - title: 'Product', - items: [ - { label: 'Features', href: '#services' }, - { label: 'Pricing', href: '#' }, - { label: 'Security', href: '#' }, - { label: 'Roadmap', href: '#' }, - ], - }, - { - title: 'Company', - items: [ - { label: 'About', href: '#about' }, - { label: 'Blog', href: '#' }, - { label: 'Careers', href: '#' }, - { label: 'Press', href: '#' }, - ], - }, - { - title: 'Resources', - items: [ - { label: 'Documentation', href: '#' }, - { label: 'Community', href: '#' }, - { label: 'Contact', href: '/contact' }, - { label: 'Support', href: '#' }, - ], - }, -]; - -interface FormData { - name: string; - email: string; - subject: string; - message: string; -} - export default function ContactPage() { - const [formData, setFormData] = useState({ - name: '', - email: '', - subject: '', - message: '', - }); - - const [submitted, setSubmitted] = useState(false); - - const handleInputChange = (field: keyof FormData, value: string) => { - setFormData((prev) => ({ - ...prev, - [field]: value, - })); - }; - - const handleSubmit = (e: React.FormEvent) => { - e.preventDefault(); - console.log('Form submitted:', formData); - setSubmitted(true); - setFormData({ name: '', email: '', subject: '', message: '' }); - setTimeout(() => setSubmitted(false), 3000); - }; - return ( - - -
-
- {/* Header Section */} -
- -
- - {/* Main Content Grid */} -
- {/* Contact Form */} -
-
-

Send us a Message

- -
-
- - handleInputChange('name', value)} - type="text" - placeholder="Your name" - required - /> -
- -
- - handleInputChange('email', value)} - type="email" - placeholder="your.email@example.com" - required - /> -
- -
- - handleInputChange('subject', value)} - type="text" - placeholder="How can we help?" - required - /> -
- -
- -