soheilkhaledabadi/persian-ping-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : complated but config and redirect to payment and remove img from intro component at mobile size

Browse Source
This commit is contained in:
alij
2024-06-22 16:29:15 +04:30
parent 1cfadd711b
commit 3dfed214a8
5 changed files with 430 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/shop/section/intro/Intro.tsx
View File

@@ -4,21 +4,20 @@ import Rocket3D from "../../../../assets/ui/Rocket.png";
const Intro = () => {
return (
<div className="relative w-full h-full md:pt-40 mb-16 md:mb-32 gap-6 grid grid-cols-1 py-8 md:grid-cols-2">
<div className="w-full h-full flex flex-col gap-8 justify-center mx-auto items-center">
<div className="relative w-full h-full md:pt-20 mb-6 md:mb-10 gap-6 grid grid-cols-1 py-8 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">بزرگترین فروشگاه</span>
<span className="text-secondTheme font-bold max-md:text-center">
کاهش پینگ
</span>{" "}
<span className="inline-block max-md:text-center">در ایران</span>
کاهش پینگ در ایران
</span>
</h1>
<p className="text-center text-xl text-gray-600">
سال ها تجربه پشت یک کانفیگ شماست
</p>
<Button>همین الان میخرم</Button>
<Button extra="max-md:!hidden">همین الان میخرم</Button>
</div>
<div className="w-full h-full flex justify-center py-4 mx-auto items-center">
<div className="w-full h-full flex justify-center py-4 mx-auto items-center max-md:hidden">
<img
src={Rocket3D}
alt="intro"