You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.6 KiB
47 lines
1.6 KiB
import React from "react"; |
|
|
|
const AdvertisementDesign1 = () => { |
|
return ( |
|
<div className="w-72 h-96 rounded-3xl relative overflow-hidden bg-[#E3F2FF]"> |
|
<div |
|
style={{ |
|
width: "calc(100vw / 10)", |
|
height: "calc(100vw / 10)", |
|
left: "20%", |
|
top: "15%", |
|
}} |
|
className="rounded-full absolute bg-blue-200 bg-opacity-30 backdrop-filter backdrop-blur-md z-30" |
|
></div> |
|
<div |
|
style={{ |
|
width: "calc(100vw / 7)", |
|
height: "calc(100vw / 7)", |
|
right: "25%", |
|
bottom: "4%", |
|
}} |
|
className="rounded-full absolute bg-purple-200 bg-opacity-30 backdrop-filter backdrop-blur-md" |
|
></div> |
|
<div |
|
style={{ |
|
width: "calc(100vw / 8)", |
|
height: "calc(100vw / 8)", |
|
right: "3%", |
|
top: "15%", |
|
}} |
|
className="rounded-full absolute bg-green-200 bg-opacity-40 backdrop-filter backdrop-blur-md" |
|
></div> |
|
<div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10 z-50"> |
|
<h2 className="text-lg">تبلیغات دانوینی</h2> |
|
<p className="text-sm text-justify leading-6 mt-2"> |
|
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده |
|
از طراحان گرافیک است. |
|
</p> |
|
</div> |
|
<button className="rounded-sm text-base border p-3 w-6/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 z-50"> |
|
دانلود اپلیکیشن |
|
</button> |
|
</div> |
|
); |
|
}; |
|
|
|
export default AdvertisementDesign1;
|
|
|