WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Job cards

Browse Source
This commit is contained in:
DESKTOP-GBA0BK8\Admin
2023-03-14 06:31:34 -04:00
parent 67df22a99e
commit 0c32419a52
11 changed files with 420 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Home/Hero.jsx
+3 -34
View File
@@ -8,6 +8,7 @@ import slider2 from "../../assets/images/slider-2.jpg";
import slider3 from "../../assets/images/slider-3.jpg";
import CountDown from "../Helpers/CountDown";
import SliderCom from "../Helpers/SliderCom";
import HomeSliders from "./HomeSliders";
export default function Hero({ className }) {
const settings = {
@@ -71,7 +72,7 @@ export default function Hero({ className }) {
</div>
<div className="w-[1px] h-full bg-white-opacity"></div>
<div className="flex flex-col justify-between">
<p className="text-base text-white tracking-wide">Remaing Time</p>
<p className="text-base text-white tracking-wide">Next due in</p>
<p className="lg:text-2xl text-lg font-bold tracking-wide text-white">
<CountDown lastDate="2023-03-04 4:00:00" />
</p>
@@ -84,24 +85,6 @@ export default function Hero({ className }) {
</div>
{/* action */}
<div className="flex lg:space-x-3 space-x-1 items-center">
<button
onClick={favoriteHandler}
type="button"
className={`w-[52px] h-[52px] rounded-full bg-white flex justify-center items-center ${
addFavorite ? "text-pink" : " text-dark-gray"
}`}
>
<svg
width="26"
height="24"
viewBox="0 0 26 24"
fill="none"
className="fill-current"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M7.23431 0C8.44147 0.0182463 9.6223 0.345711 10.6576 0.949325C11.6928 1.55294 12.5458 2.41133 13.1305 3.4378C13.7151 2.41133 14.5681 1.55294 15.6034 0.949325C16.6386 0.345711 17.8195 0.0182463 19.0266 0C20.951 0.0812475 22.764 0.899302 24.0697 2.27544C25.3753 3.65158 26.0674 5.47395 25.9948 7.3444C25.9948 14.4023 14.2497 22.5541 13.7501 22.8999L13.1305 23.326L12.5108 22.8999C12.0113 22.5562 0.266127 14.4023 0.266127 7.3444C0.193496 5.47395 0.885607 3.65158 2.19126 2.27544C3.4969 0.899302 5.30996 0.0812475 7.23431 0Z" />
</svg>
</button>
<Link
to="/active-bids"
className=" btn-shine w-[116px] h-[46px] text-white rounded-full text-base bg-pink flex justify-center items-center"
@@ -119,21 +102,7 @@ export default function Hero({ className }) {
</Link>
</div>
</div>
<div className="hero-slider relative 2xl:w-[600px] xl:w-[500px] lg:w-[420px] w-full mb-2 lg:mb-0 ">
<div className="w-full">
<SliderCom settings={settings}>
<div className="item w-full h-full bg-white dark:bg-dark-white rounded-2xl overflow-hidden">
<img src={slider1} alt="slider" className="w-full h-full" />
</div>
<div className="item w-full h-full bg-white dark:bg-dark-white rounded-2xl overflow-hidden">
<img src={slider2} alt="slider" className="w-full h-full" />
</div>
<div className="item w-full h-full bg-white dark:bg-dark-white rounded-2xl overflow-hidden">
<img src={slider3} alt="slider" className="w-full h-full" />
</div>
</SliderCom>
</div>
</div>
<HomeSliders settings={settings} />
</div>
);
}
src/components/Home/HomeSliders.jsx
+28
View File
@@ -0,0 +1,28 @@
import SliderCom from "../Helpers/SliderCom";
import slider1 from "../../assets/images/slider-1.jpg";
import slider2 from "../../assets/images/slider-2.jpg";
import slider3 from "../../assets/images/slider-3.jpg";
export default function HomeSliders(props) {
// debugger;
return (
<>
<div className="hero-slider relative 2xl:w-[600px] xl:w-[500px] lg:w-[420px] w-full mb-2 lg:mb-0 ">
<div className="w-full">
<SliderCom settings={props.settings}>
<div className="item w-full h-full bg-white dark:bg-dark-white rounded-2xl overflow-hidden">
<img src={slider1} alt="slider" className="w-full h-full" />
</div>
<div className="item w-full h-full bg-white dark:bg-dark-white rounded-2xl overflow-hidden">
<img src={slider2} alt="slider" className="w-full h-full" />
</div>
<div className="item w-full h-full bg-white dark:bg-dark-white rounded-2xl overflow-hidden">
<img src={slider3} alt="slider" className="w-full h-full" />
</div>
</SliderCom>
</div>
</div>
</>
);
}