fix(Intro): improve layout and formatting of header and button elements

src/pages/shop/section/intro/Intro.tsx

@@ -7,17 +7,17 @@ const Intro = () => {
   return (
     <div className="relative w-full h-full gap-6 grid grid-cols-1 py-6 md:grid-cols-2">
       <div className="w-full h-full flex flex-col max-md:gap-5 gap-8 justify-center mx-auto items-center">
-        <h1 className="text-start flex flex-col gap-3 md:gap-4 text-3xl md:text-4xl lg:text-5xl">
-          <span className="inline-block text-center">بزرگترین فروشگاه یوسی، سیپی</span>
+        <h1 className="text-start flex flex-col gap-3 md:gap-4 text-3xl md:text-4xl lg:text-5xl sm:px-3">
+          <span>بزرگترین فروشگاه یوسی، سیپی</span>
           <span className="text-secondTheme font-bold max-md:text-center">
             کاهش پینگ در ایران
           </span>
         </h1>
-        <p className="text-center text-xl text-gray-600">
+        <p className="text-center md:text-start text-xl text-gray-600">
           سال ها تجربه پشت سرویس های شماست
         </p>
         <SmoothScrollLink to="#configs">
-          <Button >برو به فروشگاه</Button>
+          <Button>برو به فروشگاه</Button>
         </SmoothScrollLink>
       </div>
       <div className="w-full h-full flex justify-center py-4 mx-auto items-center max-md:hidden">