import { H3, Eyebrow, P } from "@/components/Texts"

export default function Homepod() {
  return (
    <div className="">
      {/* Boxed container */}
      <div
        className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-100 bg-white overflow-hidden bg-contain bg-right bg-no-repeat"
        style={{ backgroundImage: "url('/images/pods.png')", backgroundSize: "contain" }}
      >
        {/* Inner padding */}
        <div className="px-6 py-16 lg:py-16">
          <div className="max-w-2xl lg:pl-6">
            <Eyebrow>
              MYCELIUM PODS
            </Eyebrow>
            <H3 className="mt-4">
              Your Private Space in the New Internet
            </H3>
            <P className="mt-6 text-gray-200">
             Imagine having your own corner of the internet — private, secure, and always online.
             A Pod is your personal digital space on the Mycelium Network.
             It’s where your conversations, files, and digital tools live — owned by you, connected to others directly.
            </P>
          </div>
        </div>
        
      </div>
      {/* ✅ Bottom horizontal line with spacing */}
      <div className="w-full border-b  border-gray-100" />
      <div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-100"></div>
    </div>
  )
}