master
mahdi 3 years ago
parent 50da95e876
commit 08b1fb0f8e
  1. 52
      src/App.js
  2. 8
      src/components/Advertisement/design1/index.js
  3. 32
      src/components/Advertisement/design2/index.js
  4. 1
      src/components/VodProductNew/index.js

@ -37,34 +37,34 @@ function App() {
return (
<Provider store={store}>
<div className="App">
{/* <ProductDesign /> */}
{/* <VodProductDesign /> */}
<ProductDesign />
<VodProductDesign />
{/* <VodProduct /> */}
{/* <VodProductNew /> */}
{/* <BookDesign /> */}
{/* <ButtonDesign /> */}
{/* <ProductTags /> */}
{/* <CounterDesign /> */}
{/* <BlogDesign1 /> */}
{/* <BlogDesign2 /> */}
{/* <BlogDesign3 /> */}
{/* <BlogDesign4 /> */}
{/* <BlogDesign5 /> */}
{/* <BlogDesign6 /> */}
{/* <HeaderDesign1 /> */}
{/* <ContactInfoSection /> */}
{/* <FooterDesign1 /> */}
<VodProductNew />
<BookDesign />
<ButtonDesign />
<ProductTags />
<CounterDesign />
<BlogDesign1 />
<BlogDesign2 />
<BlogDesign3 />
<BlogDesign4 />
<BlogDesign5 />
<BlogDesign6 />
<HeaderDesign1 />
<ContactInfoSection />
<FooterDesign1 />
{/* <Testttt /> */}
{/* <Design2D /> */}
{/* <Features /> */}
{/* <Feedback /> */}
{/* <Alert /> */}
{/* <Toast /> */}
{/* <ProductSuggestion /> */}
{/* <ProductImage /> */}
{/* <ProductTab /> */}
{/* <ProductStatusCard /> */}
{/* <AdvertisementDesign1 /> */}
<Design2D />
<Features />
<Feedback />
<Alert />
<Toast />
<ProductSuggestion />
<ProductImage />
<ProductTab />
<ProductStatusCard />
<AdvertisementDesign1 />
<AdvertisementDesign2 />
</div>
</Provider>

@ -8,15 +8,15 @@ const AdvertisementDesign1 = () => {
style={{ backgroundColor: "#E3F2FF" }}
>
<div
style={{ backgroundColor: "#00FFFF99" }}
style={{ backgroundColor: "#00FFFF44" }}
className="rounded-full w-40 h-40 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-3/4"
></div>
<div
style={{ backgroundColor: "#6E6EEF99" }}
style={{ backgroundColor: "#6E6EEF44" }}
className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-1/4"
></div>
<div
style={{ backgroundColor: "#06BACE99" }}
style={{ backgroundColor: "#06BACE44" }}
className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-2/3 -translate-y-2/4"
></div>
<div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10">
@ -26,7 +26,7 @@ const AdvertisementDesign1 = () => {
استفاده از طراحان گرافیک است.
</p>
</div>
<button className="rounded-sm border p-3 w-9/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 ">
<button className="rounded-sm text-base border p-3 w-9/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 ">
دانلود اپلیکیشن
</button>
</div>

@ -2,33 +2,33 @@ import React from "react";
const AdvertisementDesign2 = () => {
return (
<section className="mx-auto bg-white m-10 w-full sm:w-8/12 md:w-5/12 lg:w-3/12 p-5 px-16">
<section className="mx-auto bg-white m-10 w-4/12 p-2">
<div
className="w-full h-96 rounded-3xl relative"
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-base border p-3 w-8/12 mx-auto bg-darkCrimsonBgColor text-white ">
دانلود اپلیکیشن
</button>
</div>
<div
style={{ backgroundColor: "#00FFFF99" }}
className="rounded-full w-40 h-40 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-3/4"
className="rounded-full w-32 h-32 absolute left-1/3 top-1/3 transform -translate-x-1/2 -translate-y-1/2 z-10"
></div>
<div
style={{ backgroundColor: "#6E6EEF99" }}
className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-1/4"
className="rounded-full w-52 h-52 absolute left-1/4 -bottom-2/4 transform -translate-x-1/2 -translate-y-1/2"
></div>
<div
style={{ backgroundColor: "#06BACE99" }}
className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-2/3 -translate-y-2/4"
style={{ backgroundColor: "#ffffff" }}
className="rounded-full w-44 h-44 absolute left-1/4 top-1/3 transform -translate-x-1/2 -translate-y-1/2"
></div>
<div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10">
<h2 className="text-lg">تبلیغات دانوینی</h2>
<p className="text-sm text-justify leading-6 mt-2">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است.
</p>
</div>
<button className="rounded-sm border p-3 w-9/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 ">
دانلود اپلیکیشن
</button>
</div>
</section>
);

@ -47,6 +47,7 @@ const VodProduct = ({
});
return (
<section className="mx-auto p-0 sm:p-4 bg-white rounded-md shadow-md my-8">
رویه باتن پلی / عکس کلیک کنید
{/* product UI Design */}
<div className="flex flex-wrap sm:flex-nowrap justify-around">
<div className="w-full flex flex-wrap items-center justify-around my-10 px-1 sm:px-4">

Loading…
Cancel
Save