(force) Update project: Added 60 new features and made various changes

{warning: this all chnaged}

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

@@ -0,0 +1,34 @@
+import Button from "../../../../components/button";
+
+import Rocket3D from "../../../../assets/ui/Rocket.png";
+import SmoothScrollLink from "../../../../components/scrollLink";
+
+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>
+          <span className="text-secondTheme font-bold max-md:text-center">
+            خرید سی پی تنها با چند کلیک
+          </span>
+        </h1>
+        <p className="text-center text-xl text-gray-600">
+          سال ها تجربه پشت یک خرید شماست
+        </p>
+        <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={Rocket3D}
+          alt="intro"
+          className="w-60 md:w-72 lg:w-[25rem] animate-bounce"
+        />
+      </div>
+    </div>
+  );
+};
+
+export default Intro;