"use client";

import AnimatedHeroSection from "./animatedHeroSection";
import MobileAnimatedHeroSection from "./mobileAnimatedHeroSection";

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

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

export default PropertyHeroWrapper;