"use client";

import DesignoAnimatedHeroSection from "./animatedHero";
import DesignoHeroMobile from "./DesignoHeroMobile";

const DesignoHero = () => {
  return (
    <>
      {/* Mobile & Tablet Hero - visible up to lg (hidden at xl and above) */}
      <div className="block xl:hidden">
        <DesignoHeroMobile />
      </div>

      {/* Desktop Hero - visible at xl and above */}
      <div className="hidden xl:block">
        <DesignoAnimatedHeroSection />
      </div>
    </>
  );
};

export default DesignoHero;