Update src/app/why-choose-us/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,266 @@
+"use client";
+
+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() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={navItems}
+          brandName="Webild"
+          bottomLeftText="Global Community"
+          bottomRightText="hello@webild.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          background={{ variant: "radial-gradient" }}
+          title="About Webild Logistics"
+          description="Our mission, vision, and values shaping the future of African logistics"
+          tag="Our Story"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2"
+          imageAlt="Team collaboration"
+          buttons={[
+            { text: "Learn More", href: "mission" },
+            { text: "Contact Us", href: "contact-cta" },
+          ]}
+        />
+      </div>
+
+      <div id="mission" data-section="mission">
+        <SplitAbout
+          title="Our Mission & Vision"
+          description="We are committed to transforming logistics across Africa by providing reliable, innovative, and customer-focused transportation solutions that connect businesses and drive economic growth."
+          tag="Vision 2030"
+          bulletPoints={[
+            {
+              title: "Reliability",              description: "Dependable service you can trust",              icon: Shield,
+            },
+            {
+              title: "Innovation",              description: "Cutting-edge logistics technology",              icon: Zap,
+            },
+            {
+              title: "Sustainability",              description: "Committed to environmental responsibility",              icon: TrendingUp,
+            },
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=800&fit=crop&_wi=2"
+          imageAlt="Our vision for African logistics"
+          mediaAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Our Values", href: "values" },
+            { text: "Get Started", href: "contact-cta" },
+          ]}
+        />
+      </div>
+
+      <div id="values" data-section="values">
+        <FeatureCardTwentyFour
+          features={[
+            {
+              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&_wi=3",              imageAlt: "Reliability"},
+            {
+              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&_wi=2",              imageAlt: "Innovation"},
+            {
+              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&_wi=2",              imageAlt: "Sustainability"},
+          ]}
+          animationType="slide-up"
+          title="Our Core Values"
+          description="The principles that guide everything we do"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="objectives" data-section="objectives">
+        <TimelinePhoneView
+          title="Strategic Objectives"
+          description="Our roadmap to becoming Africa's leading logistics provider"
+          tag="2024-2030"
+          textboxLayout="default"
+          animationType="slide-up"
+          items={[
+            {
+              trigger: "trigger-1",              content: (
+                <div className="space-y-4">
+                  <h3 className="text-2xl font-bold">Regional Expansion</h3>
+                  <p className="text-lg">
+                    Establish operations in 15+ African countries
+                  </p>
+                </div>
+              ),
+              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"},
+            {
+              trigger: "trigger-2",              content: (
+                <div className="space-y-4">
+                  <h3 className="text-2xl font-bold">Technology Leadership</h3>
+                  <p className="text-lg">Implement AI and IoT solutions for logistics</p>
+                </div>
+              ),
+              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"},
+            {
+              trigger: "trigger-3",              content: (
+                <div className="space-y-4">
+                  <h3 className="text-2xl font-bold">Capacity Enhancement</h3>
+                  <p className="text-lg">Double fleet capacity and warehouse space</p>
+                </div>
+              ),
+              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"},
+            {
+              trigger: "trigger-4",              content: (
+                <div className="space-y-4">
+                  <h3 className="text-2xl font-bold">Sustainability & Impact</h3>
+                  <p className="text-lg">Achieve carbon neutrality and create positive impact</p>
+                </div>
+              ),
+              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"},
+          ]}
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardOne
+          metrics={[
+            {
+              id: "1",              value: "50k",              title: "Shipments",              description:
+                "Successful shipments delivered across Africa annually",              icon: TrendingUp,
+            },
+            {
+              id: "2",              value: "99.2%",              title: "On-Time",              description:
+                "On-time delivery rate maintaining consistent excellence",              icon: Shield,
+            },
+            {
+              id: "3",              value: "500+",              title: "Team",              description:
+                "Professional team members dedicated to customer success",              icon: Users,
+            },
+            {
+              id: "4",              value: "12",              title: "Countries",              description:
+                "African countries served with established operations",              icon: Award,
+            },
+          ]}
+          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}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardSix
+          members={[
+            {
+              id: "1",              name: "João Silva",              role: "Founder & CEO",              imageSrc:
+                "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=3"},
+            {
+              id: "2",              name: "Maria Costa",              role: "COO",              imageSrc:
+                "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop&_wi=3"},
+            {
+              id: "3",              name: "Samuel Okafor",              role: "Technology Lead",              imageSrc:
+                "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=500&h=500&fit=crop&_wi=3"},
+            {
+              id: "4",              name: "Amara Diallo",              role: "Regional Manager",              imageSrc:
+                "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop&_wi=2"},
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          title="Our Leadership Team"
+          description="Experienced professionals dedicated to transforming African logistics"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact-cta" data-section="contact-cta">
+        <ContactCenter
+          tag="Get in Touch"
+          tagIcon={Mail}
+          title="Join Our Journey"
+          description="Whether you are a customer looking for logistics solutions or interested in joining our team, we would love to hear from you."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          onSubmit={(email) => console.log("Email submitted:", email)}
+        />
+      </div>
+
+      <FooterBase
+        logoText="Webild Logistics"
+        columns={[
+          {
+            title: "Navigation",            items: [
+              { label: "Home", href: "/" },
+              { label: "Services", href: "/services" },
+              { label: "About", href: "/about" },
+            ],
+          },
+          {
+            title: "Company",            items: [
+              { label: "Our Mission", href: "mission" },
+              { label: "Our Values", href: "values" },
+              { label: "Leadership", href: "team" },
+            ],
+          },
+          {
+            title: "Legal",            items: [
+              { label: "Privacy", href: "#" },
+              { label: "Terms", href: "#" },
+              { label: "Contact", href: "contact-cta" },
+            ],
+          },
+        ]}
+        copyrightText="© 2025 Webild Logistics. All rights reserved."
+      />
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,99 @@
+"use client";
+
+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: "Services", id: "/services" },
+  { name: "About", id: "/about" },
+  { name: "Contact", id: "/contact" },
+  { name: "Why Choose Us", id: "/why-choose-us" },
+];
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={navItems}
+          brandName="Webild"
+          bottomLeftText="Global Community"
+          bottomRightText="hello@webild.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          background={{ variant: "radial-gradient" }}
+          title="Get in Touch With Webild"
+          description="We're here to help with your logistics needs. Reach out to our team and we'll respond within 24 hours."
+          tag="Contact Us"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop"
+          imageAlt="Contact us"
+          buttons={[
+            { text: "Send Email", href: "contact-form" },
+            { text: "Learn More", href: "/services" },
+          ]}
+        />
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactCenter
+          tag="Contact Information"
+          tagIcon={Mail}
+          title="Let's Connect"
+          description="Send us a message and join hundreds of African businesses already benefiting from Webild's logistics solutions."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email address"
+          buttonText="Get in Touch"
+          onSubmit={(email) => console.log("Contact email submitted:", email)}
+        />
+      </div>
+
+      <FooterBase
+        logoText="Webild Logistics"
+        columns={[
+          {
+            title: "Quick Links",            items: [
+              { label: "Home", href: "/" },
+              { label: "Services", href: "/services" },
+              { label: "About", href: "/about" },
+            ],
+          },
+          {
+            title: "Company",            items: [
+              { label: "Blog", href: "#" },
+              { label: "Careers", href: "#" },
+              { label: "Press", href: "#" },
+            ],
+          },
+          {
+            title: "Legal",            items: [
+              { label: "Privacy Policy", href: "#" },
+              { label: "Terms of Service", href: "#" },
+              { label: "Contact", href: "contact-form" },
+            ],
+          },
+        ]}
+        copyrightText="© 2025 Webild Logistics. All rights reserved."
+      />
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -1,450 +1,296 @@
 "use client";
 
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
-import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
-import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
-import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import ContactFaq from "@/components/sections/contact/ContactFaq";
-import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import {
-  Truck,
-  Shield,
-  Package,
-  TrendingUp,
-  Star,
-  Building2,
-  Phone,
-  Users,
-  Award,
-  CheckCircle,
-} from "lucide-react";
-import Link from "next/link";
+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 PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import TeamCardSix from "@/components/sections/team/TeamCardSix";
+import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
+import FaqBase from "@/components/sections/faq/FaqBase";
+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 HomePage() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Sobre Nós", id: "/sobre" },
-    { name: "Serviços", id: "services" },
-    { name: "Diferenciais", id: "features" },
-    { name: "Contacto", id: "contact-section" },
-  ];
-
   return (
     <ThemeProvider
-      defaultButtonVariant="bounce-effect"
-      defaultTextAnimation="background-highlight"
-      borderRadius="soft"
-      contentWidth="mediumLarge"
-      sizing="mediumLargeSizeLargeTitles"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
       background="circleGradient"
-      cardStyle="inset"
-      primaryButtonStyle="double-inset"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="medium"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
-          brandName="AJS Transporte"
+        <NavbarStyleFullscreen
           navItems={navItems}
-          button={{
-            text: "Solicitar Orçamento",            href: "#contact-section"
-          }}
+          brandName="Webild"
+          bottomLeftText="Global Community"
+          bottomRightText="hello@webild.com"
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitDoubleCarousel
-          title="Soluções Logísticas Integradas para Angola e Região"
-          description="Transporte rodoviário, armazenagem, distribuição e gestão de cadeias de abastecimento com excelência operacional e cumprimento de prazos."
+        <HeroBillboardScroll
           background={{ variant: "plain" }}
-          tag="Líder em Logística"
-          tagIcon={Truck}
-          tagAnimation="slide-up"
-          leftCarouselItems={[
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/side-view-man-looking-truck_23-2149426499.jpg",              imageAlt: "Operações de logística e armazenagem"
-            },
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/white-semi-truck-driving-highway-sunset_23-2151998715.jpg",              imageAlt: "Frota de transporte profissional"
-            },
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics-together_23-2149128316.jpg",              imageAlt: "Gestão de stock e armazenagem"
-            },
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-uses-cad-software-tablet-optimize-layouts_482257-118039.jpg",              imageAlt: "Operações de carga e distribuição"
-            },
-          ]}
-          rightCarouselItems={[
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/white-semi-truck-driving-highway-sunset_23-2151998715.jpg",              imageAlt: "Transporte de mercadorias rodoviário"
-            },
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics-together_23-2149128316.jpg",              imageAlt: "Armazenagem integrada"
-            },
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-uses-cad-software-tablet-optimize-layouts_482257-118039.jpg",              imageAlt: "Distribuição e logística"
-            },
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/side-view-man-looking-truck_23-2149426499.jpg",              imageAlt: "Centro de operações logísticas"
-            },
-          ]}
+          title="African Logistics Reimagined"
+          description="Connecting businesses across Africa with reliable, innovative, and customer-focused transportation solutions."
+          tag="Next Generation Logistics"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=1"
+          imageAlt="Logistics operations"
           buttons={[
-            {
-              text: "Conhecer Serviços",              href: "services"
-            },
-            {
-              text: "Solicitar Orçamento",              href: "contact-section"
-            },
+            { text: "Get Started", href: "contact-cta" },
+            { text: "Learn More", href: "about" },
           ]}
-          buttonAnimation="slide-up"
-          carouselPosition="right"
         />
       </div>
 
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout
-          heading={[
+        <SplitAbout
+          title="About Webild Logistics"
+          description="We are committed to transforming logistics across Africa by providing reliable, innovative, and customer-focused transportation solutions."
+          tag="Our Mission"
+          bulletPoints={[
             {
-              type: "text",              content: "AJS Transporte e Logística: "
+              title: "Reliable Delivery",              description: "On-time delivery guarantee with 24/7 operational excellence",              icon: TrendingUp,
             },
             {
-              type: "text",              content:
-                "Compromisso com Excelência Operacional e Confiabilidade"
+              title: "Innovation First",              description: "Real-time tracking and AI-powered route optimization",              icon: Zap,
+            },
+            {
+              title: "Trusted Partners",              description: "Serving 12+ African countries with consistent excellence",              icon: Shield,
             },
           ]}
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=800&fit=crop&_wi=1"
+          imageAlt="About Webild"
+          mediaAnimation="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
-            {
-              text: "Sobre a Empresa",              href: "/sobre"
-            },
+            { text: "Our Story", href: "services" },
+            { text: "Contact Us", href: "contact-cta" },
           ]}
         />
       </div>
 
-      <div id="features" data-section="features">
-        <FeatureCardSix
-          title="Por Que Escolher a AJS"
-          description="Diferenciais que consolidam nossa liderança no setor de transporte e logística em Angola e na região africana."
-          tag="Vantagens Competitivas"
-          tagIcon={Shield}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          features={[
-            {
-              id: 1,
-              title: "Segurança Operacional",              description:
-                "Conformidade com os mais rigorosos padrões de segurança e protocolos operacionais. Frota regularizada e equipes certificadas.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/parked-cars-aerial-views_23-2148959682.jpg",              imageAlt: "Gestão de frotas segura"
-            },
-            {
-              id: 2,
-              title: "Eficiência de Processos",              description:
-                "Sistemas integrados de gestão que garantem rastreamento em tempo real e otimização de rotas para máxima eficiência.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/parked-cars-aerial-views_23-2148959682.jpg",              imageAlt: "Sistema de rastreamento"
-            },
-            {
-              id: 3,
-              title: "Responsabilidade Ambiental",              description:
-                "Compromisso com práticas sustentáveis e redução de impacto ambiental. Gestão responsável de recursos.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/aerial-view-busy-highway-intersection-full-traffic-daytime_181624-46287.jpg",              imageAlt: "Transporte sustentável"
-            },
-            {
-              id: 4,
-              title: "Cumprimento de Prazos",              description:
-                "Histórico comprovado de entregas pontuais e confiáveis. Compromisso absoluto com os prazos acordados.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-with-packs_23-2149035885.jpg",              imageAlt: "Entrega garantida"
-            },
-          ]}
-          buttons={[
-            {
-              text: "Contacte-nos",              href: "contact-section"
-            },
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
       <div id="services" data-section="services">
-        <ProductCardFour
-          title="Serviços Logísticos Completos"
-          description="Soluções integradas cobrindo toda a cadeia logística para garantir eficiência, segurança e qualidade operacional."
-          tag="Serviços Principais"
-          tagIcon={Package}
-          tagAnimation="slide-up"
+        <FeatureCardTwentyFour
+          features={[
+            {
+              id: "1",              title: "Express Logistics Solutions Across Africa",              author: "Webild Team",              description:
+                "Fast and reliable freight services connecting major African cities with real-time tracking and predictive delivery.",              tags: ["Express", "Regional"],
+              imageSrc:
+                "https://images.unsplash.com/photo-1493976040803-5d82ec434371?w=800&h=600&fit=crop&_wi=1",              imageAlt: "Express logistics service"},
+            {
+              id: "2",              title: "Warehouse Management & Distribution",              author: "Webild Team",              description:
+                "Strategic warehouse placement and inventory management for optimized supply chain efficiency across the continent.",              tags: ["Warehouse", "Distribution"],
+              imageSrc:
+                "https://images.unsplash.com/photo-1578881289490-85f3f96aa2fb?w=800&h=600&fit=crop&_wi=1",              imageAlt: "Warehouse management"},
+            {
+              id: "3",              title: "Last-Mile Delivery Excellence",              author: "Webild Team",              description:
+                "Specialized last-mile solutions ensuring packages reach their final destination safely and on schedule.",              tags: ["Delivery", "Last-Mile"],
+              imageSrc:
+                "https://images.unsplash.com/photo-1531996516928-45c3bd7b5f00?w=800&h=600&fit=crop&_wi=1",              imageAlt: "Last-mile delivery"},
+          ]}
+          animationType="slide-up"
+          title="Our Services"
+          description="Comprehensive logistics solutions tailored to your African business needs"
           textboxLayout="default"
           useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardEight
+          plans={[
+            {
+              id: "1",              badge: "Starter",              price: "$299/mo",              subtitle: "Perfect for small businesses",              buttons: [{ text: "Get Started", href: "contact-cta" }],
+              features: [
+                "Up to 100 shipments/month",                "Basic tracking",                "Email support",                "Standard delivery times"],
+            },
+            {
+              id: "2",              badge: "Most Popular",              badgeIcon: Award,
+              price: "$799/mo",              subtitle: "Best for growing companies",              buttons: [{ text: "Get Started", href: "contact-cta" }],
+              features: [
+                "Unlimited shipments",                "Real-time tracking",                "Priority support",                "Custom routes",                "API access"],
+            },
+            {
+              id: "3",              badge: "Enterprise",              price: "Custom",              subtitle: "For large-scale operations",              buttons: [{ text: "Contact Sales", href: "contact-cta" }],
+              features: [
+                "Unlimited everything",                "Dedicated account manager",                "24/7 phone support",                "Custom integrations",                "White-label options"],
+            },
+          ]}
+          title="Simple, Transparent Pricing"
+          description="Choose the plan that fits your business needs"
+          tag="Pricing Plans"
+          textboxLayout="default"
           animationType="slide-up"
-          gridVariant="three-columns-all-equal-width"
-          products={[
-            {
-              id: "1",              name: "Transporte Rodoviário",              price: "Consultoria",              variant: "Cobertura: Angola e África Regional",              imageSrc:
-                "http://img.b2bpic.net/free-photo/aerial-view-busy-highway-intersection-full-traffic-daytime_181624-46287.jpg",              imageAlt: "Transporte rodoviário profissional"
-            },
-            {
-              id: "2",              name: "Armazenagem e Gestão de Stock",              price: "Consultoria",              variant: "Facilidades Modernas e Seguras",              imageSrc:
-                "http://img.b2bpic.net/free-photo/african-american-shipment-manager-dancing-warehouse-aisle_482257-77628.jpg",              imageAlt: "Armazenagem integrada"
-            },
-            {
-              id: "3",              name: "Logística de Distribuição",              price: "Consultoria",              variant: "Entregas Door-to-Door Garantidas",              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-with-packs_23-2149035885.jpg",              imageAlt: "Serviço de distribuição"
-            },
-            {
-              id: "4",              name: "Gestão de Frotas",              price: "Consultoria",              variant: "Rastreamento e Otimização",              imageSrc:
-                "http://img.b2bpic.net/free-photo/parked-cars-aerial-views_23-2148959682.jpg",              imageAlt: "Gestão de frotas"
-            },
-            {
-              id: "5",              name: "Cadeia de Abastecimento",              price: "Consultoria",              variant: "Soluções Personalizadas",              imageSrc:
-                "http://img.b2bpic.net/free-photo/global-logistics-international-shipping_23-2151989541.jpg",              imageAlt: "Gestão de cadeia de abastecimento"
-            },
-          ]}
-          buttons={[
-            {
-              text: "Explorar Serviços",              href: "services"
-            },
-          ]}
-          buttonAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="metrics" data-section="metrics">
         <MetricCardOne
-          title="Nossa Força de Mercado"
-          description="Indicadores que demonstram liderança, crescimento sustentado e confiabilidade no sector logístico angolano."
-          tag="Estatísticas"
-          tagIcon={TrendingUp}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
           metrics={[
             {
-              id: "1",              value: "501+",              title: "Colaboradores",              description: "Equipa qualificada e dedicada ao serviço",              icon: Users,
+              id: "1",              value: "50k",              title: "Shipments",              description: "Delivered annually across Africa",              icon: TrendingUp,
             },
             {
-              id: "2",              value: "25+",              title: "Anos de Experiência",              description: "Liderança reconhecida no sector",              icon: Award,
+              id: "2",              value: "99.2%",              title: "On-Time",              description: "Delivery rate maintained consistently",              icon: Shield,
             },
             {
-              id: "3",              value: "99%",              title: "Cumprimento de Prazos",              description: "Compromisso absoluto com entregas",              icon: CheckCircle,
+              id: "3",              value: "500+",              title: "Team Members",              description: "Dedicated to customer success",              icon: Users,
             },
             {
-              id: "4",              value: "8+",              title: "Países Atendidos",              description: "Cobertura regional expandida",              icon: Award,
+              id: "4",              value: "12",              title: "Countries",              description: "Served with established operations",              icon: Award,
             },
           ]}
-          buttons={[
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          title="Our Impact"
+          description="Key metrics that showcase our growth and excellence"
+          tag="Performance"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardSix
+          members={[
             {
-              text: "Sobre a AJS",              href: "/sobre"
-            },
+              id: "1",              name: "João Silva",              role: "Founder & CEO",              imageSrc:
+                "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=1"},
+            {
+              id: "2",              name: "Maria Costa",              role: "COO",              imageSrc:
+                "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop&_wi=1"},
+            {
+              id: "3",              name: "Samuel Okafor",              role: "Technology Lead",              imageSrc:
+                "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=500&h=500&fit=crop&_wi=1"},
+            {
+              id: "4",              name: "Amara Diallo",              role: "Regional Manager",              imageSrc:
+                "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&h=500&fit=crop&_wi=1"},
           ]}
-          buttonAnimation="slide-up"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          title="Our Leadership Team"
+          description="Experienced professionals dedicated to transforming African logistics"
+          tag="Team"
+          textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSixteen
-          title="Histórias de Confiança e Sucesso"
-          description="Clientes satisfeitos que confiam nos nossos serviços logísticos integrados e excelência operacional."
-          tag="Testemunhos"
-          tagIcon={Star}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
           testimonials={[
             {
-              id: "1",              name: "João Silva",              role: "Director Geral",              company: "Empresa de Mineração Angola",              rating: 5,
+              id: "1",              name: "Kofi Mensah",              role: "Founder",              company: "TechStart Lagos",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-business-leader-looking-through-window_1262-5623.jpg",              imageAlt: "João Silva"
-            },
+                "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=2"},
             {
-              id: "2",              name: "Maria Santos",              role: "Responsável Logística",              company: "Grupo Comercial Regional",              rating: 5,
+              id: "2",              name: "Zainab Hassan",              role: "Supply Chain Manager",              company: "African Traders",              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",              imageAlt: "Maria Santos"
-            },
+                "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop&_wi=2"},
             {
-              id: "3",              name: "Carlos Oliveira",              role: "VP Operações",              company: "Distribuidor Regional",              rating: 5,
+              id: "3",              name: "David Osei",              role: "Business Owner",              company: "Quality Goods Ghana",              rating: 4,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",              imageAlt: "Carlos Oliveira"
-            },
-            {
-              id: "4",              name: "Ana Costa",              role: "Coordenadora Supply Chain",              company: "Empresa de Retail Angola",              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79278.jpg",              imageAlt: "Ana Costa"
-            },
+                "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=500&h=500&fit=crop&_wi=2"},
           ]}
           kpiItems={[
-            {
-              value: "500+",              label: "Clientes Satisfeitos"
-            },
-            {
-              value: "98%",              label: "Taxa de Retenção"
-            },
-            {
-              value: "10M+",              label: "Toneladas Transportadas"
-            },
+            { value: "180+", label: "Companies served" },
+            { value: "96%", label: "Client satisfaction" },
+            { value: "15+", label: "Years experience" },
           ]}
-          buttons={[
-            {
-              text: "Ver Mais Histórias",              href: "contact-section"
-            },
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="social-proof" data-section="social-proof">
-        <SocialProofOne
-          title="Parceiros de Confiança"
-          description="Empresas líderes em Angola e na região que confiam nos nossos serviços de transporte e logística."
-          tag="Clientes Corporativos"
-          tagIcon={Building2}
-          tagAnimation="slide-up"
+          animationType="slide-up"
+          title="What Our Clients Say"
+          description="Hear from businesses transforming with Webild"
           textboxLayout="default"
-          useInvertedBackground={true}
-          names={[
-            "Acme Corp",            "TechFlow",            "Innovate Inc",            "CloudSync"
-          ]}
-          logos={[
-            "http://img.b2bpic.net/free-vector/modern-money-logo-concept_23-2147886023.jpg",            "http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150045660.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-power-outage-labels_23-2149253384.jpg",            "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827310.jpg",            "http://img.b2bpic.net/free-vector/mechanical-repair-logo-template-design_23-2149995090.jpg",            "http://img.b2bpic.net/free-vector/gradient-technology-logo_23-2148162306.jpg",            "http://img.b2bpic.net/free-vector/global-economy-money-business_24877-50958.jpg",            "http://img.b2bpic.net/free-vector/gradient-labor-day-labels-collection_23-2149040031.jpg"
-          ]}
-          speed={40}
-          showCard={true}
+          useInvertedBackground={false}
         />
       </div>
 
-      <div id="contact-section" data-section="contact-section">
-        <ContactFaq
+      <div id="faq" data-section="faq">
+        <FaqBase
           faqs={[
             {
-              id: "1",              title: "Quais são os tempos de entrega?",              content:
-                "Os tempos de entrega variam conforme a rota e tipo de carga. Para entregas regionais em Angola, operamos com prazos de 2-5 dias úteis. Para operações na região africana, consulte-nos para prazos específicos."
-            },
+              id: "1",              title: "How do I track my shipment?",              content:
+                "All shipments include real-time GPS tracking. You can monitor your delivery via our mobile app or website dashboard with live updates."},
             {
-              id: "2",              title: "Como rastreio a minha carga?",              content:
-                "Oferecemos rastreamento em tempo real através do nosso sistema integrado. Todos os clientes recebem acesso a um portal onde podem acompanhar o status da sua carga durante todo o trajeto."
-            },
+              id: "2",              title: "What regions do you serve?",              content:
+                "We currently operate in 12 African countries including Nigeria, Ghana, Kenya, Tanzania, South Africa, and more. Check our coverage map for your location."},
             {
-              id: "3",              title: "Que tipos de carga transportam?",              content:
-                "Transportamos uma ampla variedade de cargas, incluindo mercadorias perigosas (ADR), carga geral, carga unitizada, e produtos especializados. Dispomos de equipamento apropriado para cada tipo de carga."
-            },
+              id: "3",              title: "What is your delivery guarantee?",              content:
+                "We guarantee 99.2% on-time delivery. If your shipment is late, we offer a full refund or service credit to your account."},
             {
-              id: "4",              title: "Oferecem soluções customizadas?",              content:
-                "Sim, a AJS oferece soluções logísticas completamente personalizadas. Trabalhamos com cada cliente para desenhar um plano logístico que se adeque às suas necessidades específicas e orçamento."
-            },
+              id: "4",              title: "Do you offer international shipping?",              content:
+                "Currently, we focus on intra-African logistics. International shipping is available for select routes. Contact our sales team for details."},
           ]}
-          ctaTitle="Agende Sua Consultoria"
-          ctaDescription="Entre em contacto connosco para discutir as suas necessidades logísticas e encontrar a solução ideal."
-          ctaButton={{
-            text: "Contactar Agora",            href: "/sobre"
-          }}
-          ctaIcon={Phone}
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about our logistics services"
+          tag="Help"
+          textboxLayout="default"
           useInvertedBackground={false}
-          animationType="slide-up"
+          faqsAnimation="slide-up"
         />
       </div>
 
-      <div id="footer" data-section="footer">
-        <FooterBaseCard
-          logoText="AJS Transporte"
-          copyrightText="© 2025 AJS Transporte e Logística. Todos os direitos reservados."
-          columns={[
-            {
-              title: "Empresa",              items: [
-                {
-                  label: "Sobre Nós",                  href: "/sobre"
-                },
-                {
-                  label: "Missão, Visão e Valores",                  href: "/sobre"
-                },
-                {
-                  label: "Equipa",                  href: "/sobre"
-                },
-                {
-                  label: "Carreiras",                  href: "#"
-                },
-              ],
-            },
-            {
-              title: "Serviços",              items: [
-                {
-                  label: "Transporte Rodoviário",                  href: "#services"
-                },
-                {
-                  label: "Armazenagem",                  href: "#services"
-                },
-                {
-                  label: "Distribuição",                  href: "#services"
-                },
-                {
-                  label: "Gestão de Frotas",                  href: "#services"
-                },
-              ],
-            },
-            {
-              title: "Contacto",              items: [
-                {
-                  label: "Telefone",                  href: "tel:+244929102270"
-                },
-                {
-                  label: "Email",                  href: "mailto:info@ajstransporte.ao"
-                },
-                {
-                  label: "Endereço",                  href: "#"
-                },
-                {
-                  label: "Formulário",                  href: "#contact-section"
-                },
-              ],
-            },
-            {
-              title: "Redes Sociais",              items: [
-                {
-                  label: "Facebook",                  href: "https://facebook.com"
-                },
-                {
-                  label: "LinkedIn",                  href: "https://linkedin.com"
-                },
-                {
-                  label: "Instagram",                  href: "https://instagram.com"
-                },
-                {
-                  label: "Twitter",                  href: "https://twitter.com"
-                },
-              ],
-            },
-            {
-              title: "Legal",              items: [
-                {
-                  label: "Política de Privacidade",                  href: "#"
-                },
-                {
-                  label: "Termos e Condições",                  href: "#"
-                },
-                {
-                  label: "Política de Cookies",                  href: "#"
-                },
-                {
-                  label: "Declaração de Conformidade",                  href: "#"
-                },
-              ],
-            },
-          ]}
+      <div id="contact-cta" data-section="contact-cta">
+        <ContactCenter
+          tag="Get in Touch"
+          tagIcon={Mail}
+          title="Ready to Transform Your Logistics?"
+          description="Join hundreds of African businesses already benefiting from Webild's innovative logistics solutions."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttonText="Start Free Trial"
+          inputPlaceholder="Enter your email"
+          onSubmit={(email) => console.log("Email submitted:", email)}
         />
       </div>
+
+      <FooterBase
+        logoText="Webild Logistics"
+        columns={[
+          {
+            title: "Product",            items: [
+              { label: "Features", href: "services" },
+              { label: "Pricing", href: "pricing" },
+              { label: "Security", href: "#" },
+            ],
+          },
+          {
+            title: "Company",            items: [
+              { label: "About", href: "about" },
+              { label: "Blog", href: "#" },
+              { label: "Careers", href: "#" },
+            ],
+          },
+          {
+            title: "Support",            items: [
+              { label: "Contact", href: "contact-cta" },
+              { label: "Help Center", href: "#" },
+              { label: "Status", href: "#" },
+            ],
+          },
+        ]}
+        copyrightText="© 2025 Webild Logistics. All rights reserved."
+      />
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,190 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Mail, TrendingUp, Zap, Shield, Award } 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 ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={navItems}
+          brandName="Webild"
+          bottomLeftText="Global Community"
+          bottomRightText="hello@webild.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          background={{ variant: "radial-gradient" }}
+          title="Comprehensive Logistics Services"
+          description="Tailored solutions for every stage of your supply chain across Africa"
+          tag="Our Services"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop"
+          imageAlt="Services overview"
+          buttons={[
+            { text: "Learn More", href: "services-list" },
+            { text: "Get Started", href: "contact-cta" },
+          ]}
+        />
+      </div>
+
+      <div id="services-list" data-section="services-list">
+        <FeatureCardTwentyFour
+          features={[
+            {
+              id: "1",              title: "Express Logistics Solutions",              author: "Webild Services",              description:
+                "Fast and reliable freight services connecting major African cities with real-time tracking and predictive delivery systems.",              tags: ["Express", "Real-Time"],
+              imageSrc:
+                "https://images.unsplash.com/photo-1493976040803-5d82ec434371?w=800&h=600&fit=crop",              imageAlt: "Express logistics"},
+            {
+              id: "2",              title: "Warehouse Management & Distribution",              author: "Webild Services",              description:
+                "Strategic warehouse placement and inventory management for optimized supply chain efficiency across the continent.",              tags: ["Warehouse", "Distribution"],
+              imageSrc:
+                "https://images.unsplash.com/photo-1578881289490-85f3f96aa2fb?w=800&h=600&fit=crop",              imageAlt: "Warehouse management"},
+            {
+              id: "3",              title: "Last-Mile Delivery Excellence",              author: "Webild Services",              description:
+                "Specialized last-mile solutions ensuring packages reach their final destination safely and on schedule every time.",              tags: ["Delivery", "Final-Mile"],
+              imageSrc:
+                "https://images.unsplash.com/photo-1531996516928-45c3bd7b5f00?w=800&h=600&fit=crop",              imageAlt: "Last-mile delivery"},
+            {
+              id: "4",              title: "Custom Logistics Solutions",              author: "Webild Services",              description:
+                "Tailored logistics strategies designed specifically for your business needs and African market requirements.",              tags: ["Custom", "Solutions"],
+              imageSrc:
+                "https://images.unsplash.com/photo-1587863882176-e58e87a00d38?w=800&h=600&fit=crop",              imageAlt: "Custom solutions"},
+          ]}
+          animationType="slide-up"
+          title="Our Service Portfolio"
+          description="Discover the full range of logistics solutions we offer"
+          tag="Services"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="why-choose" data-section="why-choose">
+        <SplitAbout
+          title="Why Choose Webild"
+          description="We stand out in the African logistics market with our commitment to excellence, innovation, and customer satisfaction."
+          tag="Our Advantages"
+          bulletPoints={[
+            {
+              title: "Reliability",              description: "99.2% on-time delivery rate with 24/7 support",              icon: Shield,
+            },
+            {
+              title: "Technology",              description: "AI-powered optimization and real-time tracking",              icon: Zap,
+            },
+            {
+              title: "Coverage",              description: "Operations across 12+ African countries",              icon: TrendingUp,
+            },
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=800&fit=crop"
+          imageAlt="Why choose Webild"
+          mediaAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Our Story", href: "/about" },
+            { text: "Contact Us", href: "contact-cta" },
+          ]}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardEight
+          plans={[
+            {
+              id: "1",              badge: "Starter",              price: "$299/mo",              subtitle: "Perfect for small businesses",              buttons: [{ text: "Get Started", href: "contact-cta" }],
+              features: [
+                "Up to 100 shipments/month",                "Basic tracking",                "Email support",                "Standard delivery"],
+            },
+            {
+              id: "2",              badge: "Most Popular",              badgeIcon: Award,
+              price: "$799/mo",              subtitle: "Best for growing companies",              buttons: [{ text: "Get Started", href: "contact-cta" }],
+              features: [
+                "Unlimited shipments",                "Real-time tracking",                "Priority support",                "Custom routes",                "API access"],
+            },
+            {
+              id: "3",              badge: "Enterprise",              price: "Custom",              subtitle: "For large-scale operations",              buttons: [{ text: "Contact Sales", href: "contact-cta" }],
+              features: [
+                "Unlimited everything",                "Dedicated manager",                "24/7 phone support",                "Custom integrations",                "White-label options"],
+            },
+          ]}
+          title="Service Pricing"
+          description="Choose the perfect plan for your logistics needs"
+          tag="Pricing"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact-cta" data-section="contact-cta">
+        <ContactCenter
+          tag="Get Started"
+          tagIcon={Mail}
+          title="Ready to Streamline Your Logistics?"
+          description="Contact our team today to learn how Webild can transform your supply chain operations."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          onSubmit={(email) => console.log("Email submitted:", email)}
+        />
+      </div>
+
+      <FooterBase
+        logoText="Webild Logistics"
+        columns={[
+          {
+            title: "Services",            items: [
+              { label: "Express Logistics", href: "services-list" },
+              { label: "Warehouse Management", href: "services-list" },
+              { label: "Last-Mile Delivery", href: "services-list" },
+            ],
+          },
+          {
+            title: "Company",            items: [
+              { label: "About Us", href: "/about" },
+              { label: "Our Team", href: "/about#team" },
+              { label: "Blog", href: "#" },
+            ],
+          },
+          {
+            title: "Support",            items: [
+              { label: "Contact", href: "contact-cta" },
+              { label: "Help Center", href: "#" },
+              { label: "Terms", href: "#" },
+            ],
+          },
+        ]}
+        copyrightText="© 2025 Webild Logistics. All rights reserved."
+      />
+    </ThemeProvider>
+  );
+}

src/app/why-choose-us/page.tsx

@@ -0,0 +1,213 @@
+"use client";
+
+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 MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
+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 WhyChooseUsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={navItems}
+          brandName="Webild"
+          bottomLeftText="Global Community"
+          bottomRightText="hello@webild.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          background={{ variant: "plain" }}
+          title="Why Choose Webild Logistics"
+          description="The trusted partner for African businesses seeking reliable, innovative, and customer-focused logistics solutions."
+          tag="Choose Excellence"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=4"
+          imageAlt="Why choose Webild"
+          buttons={[
+            { text: "Get Started", href: "contact-cta" },
+            { text: "Learn More", href: "advantages" },
+          ]}
+        />
+      </div>
+
+      <div id="advantages" data-section="advantages">
+        <SplitAbout
+          title="Our Competitive Advantages"
+          description="Webild stands out in the African logistics market with proven expertise, cutting-edge technology, and unwavering commitment to excellence."
+          tag="Why We're Different"
+          bulletPoints={[
+            {
+              title: "Reliability First",              description: "99.2% on-time delivery rate with 24/7 support",              icon: Shield,
+            },
+            {
+              title: "Technology Driven",              description: "AI-powered optimization and real-time tracking",              icon: Zap,
+            },
+            {
+              title: "Continental Coverage",              description: "Operations across 12+ African countries",              icon: TrendingUp,
+            },
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=800&fit=crop&_wi=3"
+          imageAlt="Our advantages"
+          mediaAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Our Services", href: "/services" },
+            { text: "Contact Us", href: "contact-cta" },
+          ]}
+        />
+      </div>
+
+      <div id="differentiators" data-section="differentiators">
+        <FeatureCardTwentyFour
+          features={[
+            {
+              id: "1",              title: "African Expertise",              author: "Our Strength",              description:
+                "Deep understanding of African markets, regulations, and logistics challenges with on-ground operations across the continent.",              tags: ["Local", "Expertise"],
+              imageSrc:
+                "https://images.unsplash.com/photo-1493976040803-5d82ec434371?w=800&h=600&fit=crop&_wi=3",              imageAlt: "African expertise"},
+            {
+              id: "2",              title: "Customer-Centric Approach",              author: "Our Promise",              description:
+                "Dedicated account managers and 24/7 customer support ensuring your logistics needs are always prioritized.",              tags: ["Support", "Service"],
+              imageSrc:
+                "https://images.unsplash.com/photo-1578881289490-85f3f96aa2fb?w=800&h=600&fit=crop&_wi=3",              imageAlt: "Customer service"},
+            {
+              id: "3",              title: "Innovation & Sustainability",              author: "Our Vision",              description:
+                "Investing in green logistics, IoT solutions, and AI to create a sustainable future for African supply chains.",              tags: ["Innovation", "Green"],
+              imageSrc:
+                "https://images.unsplash.com/photo-1531996516928-45c3bd7b5f00?w=800&h=600&fit=crop&_wi=2",              imageAlt: "Innovation"},
+          ]}
+          animationType="slide-up"
+          title="What Sets Us Apart"
+          description="Our unique strengths and commitment to excellence"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardOne
+          metrics={[
+            {
+              id: "1",              value: "50k",              title: "Shipments",              description: "Delivered annually with consistent excellence",              icon: TrendingUp,
+            },
+            {
+              id: "2",              value: "99.2%",              title: "On-Time",              description: "Delivery rate maintained year-round",              icon: Shield,
+            },
+            {
+              id: "3",              value: "500+",              title: "Employees",              description: "Dedicated to your success across Africa",              icon: Users,
+            },
+            {
+              id: "4",              value: "12",              title: "Countries",              description: "Served with established operations",              icon: Award,
+            },
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          title="By The Numbers"
+          description="Our track record speaks for itself"
+          tag="Performance"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
+          testimonials={[
+            {
+              id: "1",              name: "Kofi Mensah",              role: "Founder",              company: "TechStart Lagos",              rating: 5,
+              imageSrc:
+                "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop&_wi=4"},
+            {
+              id: "2",              name: "Zainab Hassan",              role: "Supply Chain Manager",              company: "African Traders",              rating: 5,
+              imageSrc:
+                "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop&_wi=4"},
+            {
+              id: "3",              name: "David Osei",              role: "Business Owner",              company: "Quality Goods Ghana",              rating: 4,
+              imageSrc:
+                "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=500&h=500&fit=crop&_wi=4"},
+          ]}
+          kpiItems={[
+            { value: "180+", label: "Companies served" },
+            { value: "96%", label: "Client satisfaction" },
+            { value: "15+", label: "Years experience" },
+          ]}
+          animationType="slide-up"
+          title="What Our Clients Say"
+          description="Hear from businesses transforming with Webild"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact-cta" data-section="contact-cta">
+        <ContactCenter
+          tag="Ready to Succeed?"
+          tagIcon={Mail}
+          title="Join the Webild Advantage"
+          description="Experience the difference that African expertise, reliability, and innovation can make for your business."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttonText="Start Your Journey"
+          inputPlaceholder="Enter your email"
+          onSubmit={(email) => console.log("Email submitted:", email)}
+        />
+      </div>
+
+      <FooterBase
+        logoText="Webild Logistics"
+        columns={[
+          {
+            title: "Navigation",            items: [
+              { label: "Home", href: "/" },
+              { label: "Services", href: "/services" },
+              { label: "About", href: "/about" },
+            ],
+          },
+          {
+            title: "Company",            items: [
+              { label: "Our Advantages", href: "advantages" },
+              { label: "Our Team", href: "/about#team" },
+              { label: "Careers", href: "#" },
+            ],
+          },
+          {
+            title: "Support",            items: [
+              { label: "Contact", href: "contact-cta" },
+              { label: "Help Center", href: "#" },
+              { label: "Terms", href: "#" },
+            ],
+          },
+        ]}
+        copyrightText="© 2025 Webild Logistics. All rights reserved."
+      />
+    </ThemeProvider>
+  );
+}