export const HeroBaas = () => {
  return (
    <div className="
    
    w-screen
    h-full flex-col items-center justify-center translate-y-[20vh] table:-translate-y-[2vh]
    labtop:-translate-y-[3vh]">
      <div
        className="hero-baas
         w-full 
         table:w-[120%]  table:text-[29vw]  text-[22vw] text-center table:text-left  font-galano table:-translate-x-[2%]  p-0 font-[500] "
      >
        Baas33
      </div>
      <div className="text-center table:-translate-y-[10vh] flex justify-center gap-x-20 sub-title-cn">
        <div>高效</div>
        <div>稳定</div>
        <div>低成本</div>
        <div>安装便捷</div>
      </div>
    </div>
  );
};
