Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update doormilewings card image update

Browse Source
This commit is contained in:
Aravind
2026-07-07 21:43:02 +05:30
parent fc190343eb
commit f7bab1fe70
24 changed files with 902 additions and 541 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/components/sections/WingsHero.tsx
View File

@@ -36,23 +36,29 @@ export default function WingsHero() {
return;
}
gsap.fromTo(
heading,
{ y: 55, opacity: 0, scale: 0.95 },
{ y: 0, opacity: 1, scale: 1, duration: 1.1, ease: "power4.out" }
);
if (heading) {
gsap.fromTo(
heading,
{ y: 55, opacity: 0, scale: 0.95 },
{ y: 0, opacity: 1, scale: 1, duration: 1.1, ease: "power4.out" }
);
}
gsap.fromTo(
text,
{ y: 30, opacity: 0 },
{ y: 0, opacity: 1, duration: 0.95, ease: "power3.out", delay: 0.25 }
);
if (text) {
gsap.fromTo(
text,
{ y: 30, opacity: 0 },
{ y: 0, opacity: 1, duration: 0.95, ease: "power3.out", delay: 0.25 }
);
}
gsap.fromTo(
actions,
{ y: 24, opacity: 0 },
{ y: 0, opacity: 1, duration: 0.85, ease: "power3.out", delay: 0.38 }
);
if (actions) {
gsap.fromTo(
actions,
{ y: 24, opacity: 0 },
{ y: 0, opacity: 1, duration: 0.85, ease: "power3.out", delay: 0.38 }
);
}
}, [activeSlide]);
const handleDotClick = (index: number) => {
@@ -72,14 +78,14 @@ export default function WingsHero() {
__html: `
.wings-hero-bg.elementor-repeater-item-3264830,
.wings-hero-bg.elementor-repeater-item-6867061 {
background-image: linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.16)), url('/images/wings-heroslider3.png') !important;
background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.06)), url('/images/wings-heroslider3.png') !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.wings-hero-bg.elementor-repeater-item-6867061 {
background-image: linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.16)), url('/images/wings-heroslide2.png') !important;
background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.06)), url('/images/wings-heroslide2.png') !important;
}
#doormile-wings,
@@ -125,7 +131,7 @@ export default function WingsHero() {
align-items: center !important;
text-align: center !important;
width: 100% !important;
max-width: 1040px !important;
max-width: 1000px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}
@@ -157,7 +163,7 @@ export default function WingsHero() {
.wings-hero-page .text-content {
text-align: center !important;
max-width: 760px !important;
max-width: 680px !important;
width: 100% !important;
margin: 0 auto !important;
padding-left: 15px !important;
@@ -222,12 +228,15 @@ export default function WingsHero() {
@media (min-width: 1025px) {
.wings-hero-page.elementor-element-741f56c {
padding: 20px !important;
padding: 20px 24px !important;
margin-top: 8px !important;
}
.wings-hero-page .owl-carousel.owl-theme .content-item {
height: 800px !important;
min-height: 800px !important;
border-radius: 24px !important;
overflow: hidden !important;
}
}
@@ -245,19 +254,19 @@ export default function WingsHero() {
}
.wings-hero-page .owl-stage-outer {
height: 620px !important;
height: 600px !important;
}
.wings-hero-page .owl-carousel.owl-theme .content-item {
width: 100% !important;
min-height: 620px !important;
height: 620px !important;
min-height: 600px !important;
height: 600px !important;
border-radius: 25px !important;
overflow: hidden !important;
}
.wings-hero-page .slide-content {
min-height: 620px !important;
min-height: 600px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
@@ -284,13 +293,13 @@ export default function WingsHero() {
}
.wings-hero-page .owl-stage-outer {
height: 560px !important;
height: 520px !important;
}
.wings-hero-page .owl-carousel.owl-theme .content-item,
.wings-hero-page .slide-content {
min-height: 560px !important;
height: 560px !important;
min-height: 520px !important;
height: 520px !important;
border-radius: 22px !important;
}
@@ -303,7 +312,7 @@ export default function WingsHero() {
.wings-hero-page .content-slider-item-heading {
max-width: 100% !important;
font-size: clamp(24px, 7.2vw, 32px) !important;
font-size: clamp(20px, 7vw, 32px) !important;
line-height: 1.12 !important;
}