import React from "react";
import type { Metadata } from "next";
import IndexHero from "@/components/sections/IndexHero";
import StatsBar from "@/components/sections/StatsBar";
import TheProblem from "@/components/sections/TheProblem";
import MarqueeTicker from "@/components/sections/MarqueeTicker";
import ConnectedLogistics from "@/components/sections/ConnectedLogistics";
import TheDoormileWay from "@/components/sections/TheDoormileWay";
import EVSection from "@/components/sections/EVSection";
import IndustrySolutions from "@/components/sections/IndustrySolutions";

export const metadata: Metadata = {
  title: "Doormile — Delivering Trust. Beyond Boundaries",
  description:
    "Doormile helps logistics companies track every mile with MileTruth™ AI. Real-time SLA protection and connected miles visibility.",
};

export default function Home() {
  return (
    <div id="home" 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="61" className="elementor elementor-61">
            <IndexHero />
            <StatsBar />
            <TheProblem />
            <MarqueeTicker />
            <ConnectedLogistics />
            <TheDoormileWay />
            <EVSection />
            <IndustrySolutions />
          </div>
        </div>
      </div>
    </div>
  );
}
