import Header from '@/components/ui/header';
import Footer from '@/components/ui/footer';
import { VsErpHero } from '@/components/sections/vs-erp-hero';
import { VsErpVisual } from '@/components/sections/vs-erp-visual';
import { VsErpPainPoints } from '@/components/sections/vs-erp-pain-points';
import { VsErpComparison } from '@/components/sections/vs-erp-comparison';
import { VsErpSolution } from '@/components/sections/vs-erp-solution';
import { VsErpQuote } from '@/components/sections/vs-erp-quote';
import DesignPartnerSection from '@/components/sections/design-partner-section';
import { Metadata } from 'next';
import { BRAND } from '@/lib/white-label/constants';

export const metadata: Metadata = {
  title: `${BRAND.companyName} vs Traditional ERP | Why AI-Native Wins`,
  description: `Compare ${BRAND.companyName} to legacy ERP systems. See why growth companies are choosing AI that handles the CRUD so every employee can focus on product and customers.`,
};

export default function VsErpPage() {
  return (
    <main className="min-h-screen bg-brand-bg">
      <Header />
      <div className="pt-16">
        <VsErpHero />
        <VsErpVisual />
        <VsErpPainPoints />
        <VsErpComparison />
        <VsErpSolution />
        <VsErpQuote />
        <DesignPartnerSection />
      </div>
      <Footer />
    </main>
  );
}
