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 ( return (
<Provider store={store}> <Provider store={store}>
<div className="App"> <div className="App">
{/* <ProductDesign /> */} <ProductDesign />
{/* <VodProductDesign /> */} <VodProductDesign />
{/* <VodProduct /> */} {/* <VodProduct /> */}
{/* <VodProductNew /> */} <VodProductNew />
{/* <BookDesign /> */} <BookDesign />
{/* <ButtonDesign /> */} <ButtonDesign />
{/* <ProductTags /> */} <ProductTags />
{/* <CounterDesign /> */} <CounterDesign />
{/* <BlogDesign1 /> */} <BlogDesign1 />
{/* <BlogDesign2 /> */} <BlogDesign2 />
{/* <BlogDesign3 /> */} <BlogDesign3 />
{/* <BlogDesign4 /> */} <BlogDesign4 />
{/* <BlogDesign5 /> */} <BlogDesign5 />
{/* <BlogDesign6 /> */} <BlogDesign6 />
{/* <HeaderDesign1 /> */} <HeaderDesign1 />
{/* <ContactInfoSection /> */} <ContactInfoSection />
{/* <FooterDesign1 /> */} <FooterDesign1 />
{/* <Testttt /> */} {/* <Testttt /> */}
{/* <Design2D /> */} <Design2D />
{/* <Features /> */} <Features />
{/* <Feedback /> */} <Feedback />
{/* <Alert /> */} <Alert />
{/* <Toast /> */} <Toast />
{/* <ProductSuggestion /> */} <ProductSuggestion />
{/* <ProductImage /> */} <ProductImage />
{/* <ProductTab /> */} <ProductTab />
{/* <ProductStatusCard /> */} <ProductStatusCard />
{/* <AdvertisementDesign1 /> */} <AdvertisementDesign1 />
<AdvertisementDesign2 /> <AdvertisementDesign2 />
</div> </div>
</Provider> </Provider>

@ -8,15 +8,15 @@ const AdvertisementDesign1 = () => {
style={{ backgroundColor: "#E3F2FF" }} style={{ backgroundColor: "#E3F2FF" }}
> >
<div <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" 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>
<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" 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>
<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" 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>
<div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10"> <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> </p>
</div> </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> </button>
</div> </div>

@ -2,33 +2,33 @@ import React from "react";
const AdvertisementDesign2 = () => { const AdvertisementDesign2 = () => {
return ( 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 <div
className="w-full h-96 rounded-3xl relative" className="h-56 rounded-3xl relative"
style={{ backgroundColor: "#E3F2FF" }} 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 <div
style={{ backgroundColor: "#00FFFF99" }} 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>
<div <div
style={{ backgroundColor: "#6E6EEF99" }} 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>
<div <div
style={{ backgroundColor: "#06BACE99" }} style={{ backgroundColor: "#ffffff" }}
className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-2/3 -translate-y-2/4" 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>
<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> </div>
</section> </section>
); );

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

Loading…
Cancel
Save