"use client";

import WhyUsSection from "./whySection";
import WhyUsMobileSection from "./whyUsMobileSection";

const WhyUsWrapper = () => {
  return (
    <>
      {/* Desktop WhyUs - visible at xl and above */}
      <div className="hidden xl:block">
        <WhyUsSection />
      </div>

      {/* Mobile & Tablet WhyUs - visible up to lg */}
      <div className="block xl:hidden">
        <WhyUsMobileSection />
      </div>
    </>
  );
};

export default WhyUsWrapper;