feat : in intro component button andd scroll to products(configs) section(div)

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

@@ -1,6 +1,7 @@
 import Button from "../../../../components/button";
 
 import Rocket3D from "../../../../assets/ui/Rocket.png";
+import SmoothScrollLink from "../../../../components/scrollLink";
 
 const Intro = () => {
   return (
@@ -15,7 +16,9 @@ const Intro = () => {
         <p className="text-center text-xl text-gray-600">
           سال ها تجربه پشت یک کانفیگ شماست
         </p>
-        <Button extra="max-md:!hidden">همین الان میخرم</Button>
+        <SmoothScrollLink to="#configs">
+          <Button >برو به فروشگاه</Button>
+        </SmoothScrollLink>
       </div>
       <div className="w-full h-full flex justify-center py-4 mx-auto items-center max-md:hidden">
         <img

src/pages/shop/section/productList/ProductList.tsx

@@ -14,10 +14,10 @@ const ProductList = () => {
     },
   });
   return (
-    <div className="relative w-full h-full max-md:mt-4 md:mt-8 ">
+    <div className="relative w-full h-full max-md:mt-4 md:mt-8 " id="configs">
       <div className="w-full h-full gap-4 md:gap-6 flex flex-col p-5 justify-center items-center">
-        <h1 className="max-md:text-lg text-center text-2xl font-bold">
-          برای انتخاب پلن مورد نظر کلیک کنید تا پلن و سرویس ها براتون نمایش داده
+        <h1 className="max-md:text-sm text-center text-2xl font-bold">
+          برای انتخاب سرویس مورد نظر کلیک کنید تا براتون نمایش داده
           شود
         </h1>
         <ButtonList