MetatroncubeSoftwareSolutions/MetatronLatestWebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new bg imagees added

Browse Source
This commit is contained in:
akash 2026-03-09 20:20:17 +05:30
parent 9b315bdc3c
commit 2ef3690dad
3 changed files with 29 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/images/home/bg.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

80
src/app/globals.css
View File

@ -5685,20 +5685,13 @@ body {
Home Contact One Section Home Contact One Section
----------------------------------------------------------- */ ----------------------------------------------------------- */
.home-contact-one { .home-contact-one {
background-color: var(--pelocis-black, #1a1f2b); /* background-color: var(--pelocis-black, #1a1f2b); */
padding: 80px 0 80px; padding: 80px 0 80px;
/* position: relative; position: relative;
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>"); z-index: 1;
mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: top center;
mask-position: top center;
-webkit-mask-size: cover;
mask-size: cover; */
} }
/* .home-contact-one__bg { .home-contact-one__bg {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
@ -5707,8 +5700,9 @@ body {
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
opacity: 0.05; opacity: 1;
} */ z-index: -1;
}
.home-contact-one .home-contact__card { .home-contact-one .home-contact__card {
padding: 32px; padding: 32px;
@ -5908,20 +5902,13 @@ body {
Home Contact One Section Home Contact One Section
----------------------------------------------------------- */ ----------------------------------------------------------- */
.home-contact-one { .home-contact-one {
background-color: var(--pelocis-black, #1a1f2b); /* background-color: var(--pelocis-black, #1a1f2b); */
padding: 80px 0 80px; padding: 80px 0 80px;
/* position: relative; position: relative;
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>"); z-index: 1;
mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: top center;
mask-position: top center;
-webkit-mask-size: cover;
mask-size: cover; */
} }
/* .home-contact-one__bg { .home-contact-one__bg {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
@ -5930,8 +5917,9 @@ body {
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
opacity: 0.05; opacity: 1;
} */ z-index: -1;
}
.home-contact-one .home-contact__card { .home-contact-one .home-contact__card {
padding: 32px; padding: 32px;
@ -6142,20 +6130,13 @@ body {
Home Contact One Section Home Contact One Section
----------------------------------------------------------- */ ----------------------------------------------------------- */
.home-contact-one { .home-contact-one {
background-color: var(--pelocis-black, #1a1f2b); /* background-color: var(--pelocis-black, #1a1f2b); */
padding: 80px 0 80px; padding: 80px 0 80px;
/* position: relative; position: relative;
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>"); z-index: 1;
mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: top center;
mask-position: top center;
-webkit-mask-size: cover;
mask-size: cover; */
} }
/* .home-contact-one__bg { .home-contact-one__bg {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
@ -6164,8 +6145,9 @@ body {
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
opacity: 0.05; opacity: 1;
} */ z-index: -1;
}
.home-contact-one .home-contact__card { .home-contact-one .home-contact__card {
padding: 32px; padding: 32px;
@ -6376,20 +6358,13 @@ body {
Home Contact One Section Home Contact One Section
----------------------------------------------------------- */ ----------------------------------------------------------- */
.home-contact-one { .home-contact-one {
background-color: var(--pelocis-black, #1a1f2b); /* background-color: var(--pelocis-black, #1a1f2b); */
padding: 80px 0 80px; padding: 80px 0 80px;
/* position: relative; position: relative;
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>"); z-index: 1;
mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: top center;
mask-position: top center;
-webkit-mask-size: cover;
mask-size: cover; */
} }
/* .home-contact-one__bg { .home-contact-one__bg {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
@ -6398,8 +6373,9 @@ body {
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
opacity: 0.05; opacity: 1;
} */ z-index: -1;
}
.home-contact-one .home-contact__card { .home-contact-one .home-contact__card {
padding: 32px; padding: 32px;

2
src/components/home/HomeContactOne.tsx
View File

@ -91,7 +91,7 @@ const HomeContactOne = () => {
<section className="home-contact-one"> <section className="home-contact-one">
<div <div
className="home-contact-one__bg" className="home-contact-one__bg"
style={{ backgroundImage: 'url(https://bracketweb.com/pelocishtml/assets/images/backgrounds/contact-bg-1.jpg)' }} style={{ backgroundImage: 'url(/assets/images/home/bg.webp)' }}
></div> ></div>
<div className="container"> <div className="container">
<div className="row"> <div className="row">