feat : add section fastSell and add section nowSell and add particle bg
This commit is contained in:
30
src/pages/shop/section/intro/Intro.tsx
Normal file
30
src/pages/shop/section/intro/Intro.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import Button from "../../../../components/button";
|
||||
|
||||
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">
|
||||
<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-yellow-600 font-bold max-md:text-center">
|
||||
کاهش پینگ
|
||||
</span>{" "}
|
||||
<span className="inline-block max-md:text-center">در ایران</span>
|
||||
</h1>
|
||||
<p className="text-center text-xl text-gray-600">
|
||||
سال ها تجربه پشت یک کانفیگ شماست
|
||||
</p>
|
||||
<Button>همین الان میخرم</Button>
|
||||
</div>
|
||||
<div className="w-full h-full flex justify-center py-4 mx-auto items-center">
|
||||
<img
|
||||
src="https://persain-game.com/front_end/img/Iphone%2015.png"
|
||||
alt="intro"
|
||||
className="w-60 md:w-72 lg:w-80"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Intro;
|
||||
Reference in New Issue
Block a user