35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
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;
|