import VitalHero from "@/components/vital-industries/VitalHero"
import VitalStats from "@/components/vital-industries/VitalStats"
import VitalAbout from "@/components/vital-industries/VitalAbout"
import VitalPackaging from "@/components/vital-industries/VitalPackaging"
import VitalTransport from "@/components/vital-industries/VitalTransport"
import VitalMilestone from "@/components/vital-industries/VitalMilestone"
import { getVitalIndustriesData } from "@/lib/api/vital-industries"
import { resolveAssetUrls } from "@/lib/asset-url"

export default async function VitalIndustries() {
  const data = resolveAssetUrls(await getVitalIndustriesData())

  return (
    <div className="min-h-screen bg-[#f4f7fb]">
      <VitalHero data={data.hero} />
      <div className="px-[5px] md:px-0">
        <VitalStats data={data.stats} />
        <div className="px-6 pb-8">
          <VitalAbout data={data.about} />
        </div>
        <VitalPackaging data={data.packaging} />
        <VitalTransport data={data.transport} />
        <VitalMilestone data={data.milestone} />
      </div>
    </div>
  )
}