import ContactHero from "@/components/ContactHero";
import HowItWorksSection from "@/components/HowItWorksSection";
import Footer from "@/components/Footer";
import StaticPageSchema from "@/components/StaticPageSchema";

export default function HowItWorksPage() {
  return (
    <>
      <StaticPageSchema
        apiSlug="how-it-works"
        pageUrl="/how-it-works"
        fallbackTitle="How It Works"
        fallbackDescription="Discover how the Biomket platform works."
      />
      <main className="px-[20px] md:px-[40px] xl:px-[60px]">
        <ContactHero
        headline={
          <h1 className="font-extralight text-white font-lexend leading-tight">
            <span className="font-medium">How it Works</span>
          </h1>
        }
        description="Discover how our platform connects organic waste producers with valorizers and supports your circular economy goals."
        showSearch={false}
      />
      <section className="mb-[70px] font-outfit max-w-[1200px] mx-auto text-[#424242]">
        <HowItWorksSection />
      </section>
        <Footer />
      </main>
    </>
  );
}