delete 6 files and update 2 files

master
mahdi 2 years ago
parent b252144776
commit 5e66d341ce
  1. 52
      src/components/Advertisement/design1/index.js
  2. 55
      src/components/Advertisement/design2/index.js
  3. 10
      src/components/Advertisement/design3/cart-icon.svg
  4. 82
      src/components/Advertisement/design3/index.js
  5. 8
      src/components/Advertisement/design3/map-icon.svg
  6. 5
      src/components/Advertisement/design3/setting-icon.svg
  7. 51
      src/components/Advertisements/Design3/index.js

@ -1,52 +0,0 @@
import React from "react";
const AdvertisementDesign1 = () => {
return (
<section className="mx-auto bg-white m-10 w-full sm:w-8/12 md:w-5/12 lg:w-3/12">
<div
className="w-full h-96 rounded-3xl relative overflow-hidden"
style={{ backgroundColor: "#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>
</section>
);
};
export default AdvertisementDesign1;

@ -1,55 +0,0 @@
import React from "react";
const AdvertisementDesign2 = () => {
return (
<section className="mx-auto bg-white m-10 w-fit p-2">
<div
className="h-56 rounded-3xl relative"
style={{ backgroundColor: "#E3F2FF" }}
>
<div className="flex flex-col justify-center p-10 w-7/12">
<h2 className="text-lg">تبلیغات دانوینی</h2>
<p className="text-sm text-justify leading-6 mt-2">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است.
</p>
<button className="rounded-lg text-sm border p-3 w-8/12 mx-auto bg-darkCrimsonBgColor text-white mt-2">
دانلود اپلیکیشن
</button>
</div>
<div
style={{
backgroundColor: "#00FFFF33",
width: "calc(100vw / 15)",
height: "calc(100vw / 15)",
left: "20%",
top: "15%",
}}
className="rounded-full absolute z-20 backdrop-filter backdrop-blur-md"
></div>
<div
style={{
backgroundColor: "#6E6EEF66",
width: "calc(100vw / 10)",
height: "calc(100vw / 10)",
left: "7%",
bottom: "-15%",
}}
className="rounded-full absolute z-10 backdrop-filter backdrop-blur-md"
></div>
<div
style={{
backgroundColor: "white",
width: "calc(100vw / 12)",
height: "calc(100vw / 12)",
left: "0%",
top: "10%",
}}
className="rounded-full absolute backdrop-filter backdrop-blur-md"
></div>
</div>
</section>
);
};
export default AdvertisementDesign2;

@ -1,10 +0,0 @@
<svg id="vuesax_linear_bag-happy" data-name="vuesax/linear/bag-happy" xmlns="http://www.w3.org/2000/svg" width="54.237" height="54.237" viewBox="0 0 54.237 54.237">
<g id="bag-happy" transform="translate(0)">
<path id="Vector" d="M0,0A7.948,7.948,0,0,0,7.91,7.91,7.948,7.948,0,0,0,15.819,0" transform="translate(19.209 32.203)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-2" data-name="Vector" d="M8.181,0,0,8.2" transform="translate(11.729 4.52)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-3" data-name="Vector" d="M0,0,8.181,8.2" transform="translate(34.328 4.52)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-4" data-name="Vector" d="M0,4.52C0,.339,2.237,0,5.017,0H40.181C42.96,0,45.2.339,45.2,4.52c0,4.859-2.237,4.52-5.017,4.52H5.017C2.237,9.04,0,9.379,0,4.52Z" transform="translate(4.52 13.22)" fill="none" stroke="#132f52" stroke-width="2"/>
<path id="Vector-5" data-name="Vector" d="M0,0,3.186,19.525c.723,4.384,2.463,7.593,8.927,7.593H25.74c7.028,0,8.068-3.073,8.881-7.322L38.418,0" transform="translate(7.91 22.599)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-width="2"/>
<path id="Vector-6" data-name="Vector" d="M0,0H54.237V54.237H0Z" fill="none" opacity="0"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

@ -1,82 +0,0 @@
import React from "react";
const AdvertisementDesign3 = ({ features }) => {
return (
<div className="w-full relative bg-[#E3F2FF] rounded-3xl">
<div className="flex flex-col justify-center p-10 w-8/12">
<h2 className="text-lg text-productPrice z-50">تبلیغات دانوینی</h2>
<p className="text-sm text-justify leading-6 mt-2 text-productPrice z-50">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
از طراحان گرافیک است.
</p>
<div className="mt-3">
{features.map((feature, i) => (
<div className="flex flex-row items-center mt-2">
<img src={feature.icon} alt="" className="w-6 h-6 z-50" />
<p className="text-sm mr-2 text-justify leading-6 text-productPrice font-light z-50">
{feature.title}
</p>
</div>
))}
</div>
</div>
<div
style={{
backgroundColor: "#00FFFF22",
width: "calc(100vw / 15)",
height: "calc(100vw / 15)",
left: "8%",
top: "20%",
}}
className="rounded-full absolute z-20 bg-opacity-30 backdrop-filter backdrop-blur-md"
></div>
<div
style={{
backgroundColor: "#6E6EEF22",
width: "calc(100vw / 10)",
height: "calc(100vw / 10)",
left: "17%",
top: "10%",
}}
className="rounded-full absolute bg-opacity-30 backdrop-filter backdrop-blur-md"
></div>
<div
style={{
backgroundColor: "#06BACE22",
width: "calc(100vw / 11)",
height: "calc(100vw / 11)",
left: "12%",
bottom: "2%",
}}
className="rounded-full absolute"
></div>
<div className="absolute bottom-5 left-10">
<button className="border-2 border-blue-500 text-blue-500 ml-4 rounded p-2 text-sm">
تماس با ما
</button>
<button className="bg-blue-500 border-2 border-blue-500 text-white rounded p-2 text-sm">
به سلامت
</button>
</div>
</div>
);
};
export default AdvertisementDesign3;
AdvertisementDesign3.defaultProps = {
features: [
{
icon: "images/cart-icon.svg",
title: "قابلیت های فروشگاهی بسیار پیشرفته و ساده",
},
{
icon: "images//map-icon.svg",
title: "ارسال به تمام نقاط ایران",
},
{
icon: "images/setting-icon.svg",
title: "تنظیمات پیشرفته و بیش از 2000 ماژول اختصاصی",
},
],
};

@ -1,8 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="54.237" height="54.238" viewBox="0 0 54.237 54.238">
<g id="map" transform="translate(0 0)">
<path id="Vector" d="M0,10.039V32.027c0,4.294,3.051,6.057,6.757,3.932l5.311-3.028a5.043,5.043,0,0,1,4.271-.113L28.2,38.762a5.126,5.126,0,0,0,4.271-.113l9.785-5.6a5.061,5.061,0,0,0,2.282-3.932V7.123c0-4.294-3.051-6.057-6.757-3.932L32.475,6.219a5.043,5.043,0,0,1-4.271.113L16.339.411a5.126,5.126,0,0,0-4.271.113l-9.785,5.6A5,5,0,0,0,0,10.039Z" transform="translate(5.175 7.543)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-2" data-name="Vector" d="M0,0V29.379" transform="translate(19.345 9.04)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-3" data-name="Vector" d="M0,0V30.237" transform="translate(35.548 14.961)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-4" data-name="Vector" d="M0,0H54.237V54.238H0Z" transform="translate(54.237 54.238) rotate(180)" fill="none" opacity="0"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

@ -1,5 +0,0 @@
<svg id="setting-2" xmlns="http://www.w3.org/2000/svg" width="54.605" height="54.605" viewBox="0 0 54.605 54.605">
<path id="Vector" d="M13.651,6.826A6.826,6.826,0,1,1,6.826,0,6.826,6.826,0,0,1,13.651,6.826Z" transform="translate(20.477 20.477)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-2" data-name="Vector" d="M0,23.478v-4A4.336,4.336,0,0,1,4.323,15.15c4.118,0,5.8-2.912,3.731-6.484A4.321,4.321,0,0,1,9.647,2.773L13.583.521A3.8,3.8,0,0,1,18.77,1.886l.25.432c2.048,3.572,5.415,3.572,7.485,0l.25-.432A3.8,3.8,0,0,1,31.944.521L35.88,2.773a4.321,4.321,0,0,1,1.593,5.893c-2.07,3.572-.387,6.484,3.731,6.484a4.336,4.336,0,0,1,4.323,4.323v4A4.336,4.336,0,0,1,41.2,27.8c-4.118,0-5.8,2.912-3.731,6.484a4.315,4.315,0,0,1-1.593,5.893L31.944,42.43a3.8,3.8,0,0,1-5.187-1.365l-.25-.432c-2.048-3.572-5.415-3.572-7.485,0l-.25.432a3.8,3.8,0,0,1-5.187,1.365L9.647,40.178a4.321,4.321,0,0,1-1.593-5.893c2.07-3.572.387-6.484-3.731-6.484A4.336,4.336,0,0,1,0,23.478Z" transform="translate(4.55 5.827)" fill="none" stroke="#132f52" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-3" data-name="Vector" d="M0,0H54.6V54.6H0Z" fill="none" opacity="0"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

@ -1,21 +1,14 @@
import React from "react";
import cart from "./cart-icon.svg";
import map from "./map-icon.svg";
import setting from "./setting-icon.svg";
import Button from "../../Button";
const AdvertisementDesign3 = ({ features }) => {
return (
<section className="mx-auto bg-white m-10 w-full sm:w-5/12 p-2">
<div
className="rounded-3xl relative"
style={{ backgroundColor: "#E3F2FF" }}
>
<div className="relative bg-[#E3F2FF] rounded-3xl">
<div className="flex flex-col justify-center p-10 w-8/12">
<h2 className="text-lg text-productPrice z-50">تبلیغات دانوینی</h2>
<p className="text-sm text-justify leading-6 mt-2 text-productPrice z-50">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
از طراحان گرافیک است.
</p>
<div className="mt-3">
{features.map((feature, i) => (
@ -36,38 +29,33 @@ const AdvertisementDesign3 = ({ features }) => {
left: "8%",
top: "20%",
}}
className="rounded-full absolute z-20 bg-opacity-30 backdrop-filter backdrop-blur-md"
className="bg-[#00FFFF22] absolute left-[17%] top-[10%] rounded-full bg-opacity-30 backdrop-filter backdrop-blur-md z-20"
></div>
<div
style={{
backgroundColor: "#6E6EEF22",
width: "calc(100vw / 10)",
height: "calc(100vw / 10)",
left: "17%",
top: "10%",
}}
className="rounded-full absolute bg-opacity-30 backdrop-filter backdrop-blur-md"
className="bg-[#6E6EEF22] absolute left-[17%] top-[10%] rounded-full bg-opacity-30 backdrop-filter backdrop-blur-md"
></div>
<div
style={{
backgroundColor: "#06BACE22",
width: "calc(100vw / 11)",
height: "calc(100vw / 11)",
left: "12%",
bottom: "2%",
}}
className="rounded-full absolute"
className="bg-[#06BACE22] absolute left-[12%] bottom-[2%] rounded-full"
></div>
<div className="absolute bottom-5 left-10">
<button className="border-2 border-blue-500 text-blue-500 ml-4 rounded p-2 text-sm">
تماس با ما
</button>
<button className="bg-blue-500 border-2 border-blue-500 text-white rounded p-2 text-sm">
به سلامت
</button>
<div className="absolute flex flex-row gap-x-4 bottom-5 left-10">
<Button
text="تماس با ما"
className="text-sm text-blue-500 border-2 border-blue-500 rounded p-2 "
/>
<Button
text="به سلامت"
className="bg-blue-500 text-sm text-white border-2 border-blue-500 rounded p-2 "
/>
</div>
</div>
</section>
);
};
@ -76,15 +64,16 @@ export default AdvertisementDesign3;
AdvertisementDesign3.defaultProps = {
features: [
{
icon: cart,
icon: "images/cart-icon.svg",
title: "قابلیت های فروشگاهی بسیار پیشرفته و ساده",
},
{
icon: map,
icon: "images/map-icon.svg",
title: "ارسال به تمام نقاط ایران",
},
{
icon: setting,
icon: "images/setting-icon.svg",
title: "تنظیمات پیشرفته و بیش از 2000 ماژول اختصاصی",
},
],

Loading…
Cancel
Save