import React from "react";
import AboutHero from "@/components/sections/AboutHero";
import TheDoormileWay from "@/components/sections/TheDoormileWay";
import EVLogisticSection from "@/components/sections/EVLogisticSection";
import WomenSection from "@/components/sections/WomenSection";
import CompetitiveEdge from "@/components/sections/CompetitiveEdge";
import IntelligenceGrid from "@/components/sections/IntelligenceGrid";
import OurTeam from "@/components/sections/OurTeam";
import AboutCTA from "@/components/sections/AboutCTA";

export const metadata = {
  title: "About Us – Doormile",
  description: "Meet the best crew and operators behind Doormile. Explore our roadmap, competitive edge, and operational excellence in EV and last-mile logistics.",
};

export default function AboutUsPage() {
  return (
    <div className="content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none">
      <div className="content">
        <div className="content-inner">
          <div data-elementor-type="wp-page" data-elementor-id="86" className="elementor elementor-86">
            <AboutHero />
            <TheDoormileWay />
            <EVLogisticSection />
            <WomenSection />
            <CompetitiveEdge />
            <IntelligenceGrid />
            <OurTeam />
            <AboutCTA />
          </div>
        </div>
      </div>
    </div>
  );
}