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

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;