MetatroncubeSoftwareSolutions/VG-Fence-Products-NextJS
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

spacing updated

Browse Source
This commit is contained in:
Selvi 2026-04-23 13:52:45 +05:30
parent c6383e841a
commit 3240bdaf4c
2 changed files with 71 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
app/globals.css
View File

@ -788,7 +788,7 @@ h2.sh-white {
/* ── PRODUCTS SECTION — background: white ── */ /* ── PRODUCTS SECTION — background: white ── */
.products-section { .products-section {
padding: 88px 80px; padding: 80px;
background: var(--white); background: var(--white);
} }
@ -1031,7 +1031,7 @@ h2.sh-white {
/* ── SERVICES SECTION — background: navy ── */ /* ── SERVICES SECTION — background: navy ── */
.services-section { .services-section {
padding: 88px 80px; padding: 80px;
background: var(--navy); background: var(--navy);
} }
@ -1121,7 +1121,7 @@ h2.sh-white {
/* ── TERRITORY — background: cream ── */ /* ── TERRITORY — background: cream ── */
.territory-section { .territory-section {
padding: 88px 80px; padding: 80px;
background: var(--cream); background: var(--cream);
} }
@ -1249,7 +1249,7 @@ h2.sh-white {
/* ── WHO WE SERVE — background: white ── */ /* ── WHO WE SERVE — background: white ── */
.targets-section { .targets-section {
padding: 88px 80px; padding: 80px;
background: var(--white); background: var(--white);
} }
@ -1308,7 +1308,7 @@ h2.sh-white {
/* ── EXPERT STAIN PROMO — background: navy ── */ /* ── EXPERT STAIN PROMO — background: navy ── */
.stain-section { .stain-section {
padding: 88px 80px; padding: 80px 24px;
background: var(--navy); background: var(--navy);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@ -1474,7 +1474,7 @@ h2.sh-white {
/* ── CTA — orange ── */ /* ── CTA — orange ── */
.cta-section { .cta-section {
padding: 80px; padding: 80px 24px;
background: var(--orange); background: var(--orange);
text-align: center; text-align: center;
} }
@ -1548,7 +1548,7 @@ h2.sh-white {
/* ── NEWSLETTER — background: cream ── */ /* ── NEWSLETTER — background: cream ── */
.newsletter-section { .newsletter-section {
background: var(--cream); background: var(--cream);
padding: 80px; padding: 80px 24px;
text-align: center; text-align: center;
} }
@ -2142,7 +2142,7 @@ footer {
} }
.overview { .overview {
padding: 80px 80px 64px; padding: 80px 24px;
background: var(--white); background: var(--white);
} }
@ -2247,7 +2247,7 @@ footer {
} }
.materials { .materials {
padding: 80px 20px; padding: 80px 24px;
background: var(--gray-100); background: var(--gray-100);
} }
@ -2488,7 +2488,7 @@ footer {
} }
.finishes { .finishes {
padding: 80px; padding: 80px 24px;
background: var(--white); background: var(--white);
} }
@ -2571,7 +2571,7 @@ footer {
} }
.compare { .compare {
padding: 80px; padding: 80px 24px;
background: var(--cream); background: var(--cream);
} }
@ -2647,7 +2647,7 @@ footer {
} }
.seo-content { .seo-content {
padding: 80px; padding: 80px 24px;
background: var(--white); background: var(--white);
} }
@ -2741,7 +2741,7 @@ footer {
} }
.territory { .territory {
padding: 80px; padding: 80px 24px;
background: var(--navy); background: var(--navy);
} }
@ -2813,7 +2813,7 @@ footer {
} }
.quote-cta { .quote-cta {
padding: 80px; padding: 80px 24px;
background: var(--orange); background: var(--orange);
} }
@ -2947,6 +2947,7 @@ footer {
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.mat-grid, .mat-grid,
.region-grid { .region-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -2960,7 +2961,7 @@ footer {
/* ── AUTH PAGES ── */ /* ── AUTH PAGES ── */
.login-page-wrapper { .login-page-wrapper {
background: var(--navy); background: var(--navy);
min-height: 100vh; /* min-height: 100vh; */
} }
.auth-page { .auth-page {
@ -3481,7 +3482,7 @@ footer {
.contact-page .hero { .contact-page .hero {
background: var(--navy); background: var(--navy);
padding: 72px 80px 64px; padding: 80px 24px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
margin-top: 0; margin-top: 0;
@ -3780,7 +3781,7 @@ footer {
/* INFO SECTION */ /* INFO SECTION */
.info-section { .info-section {
padding: 72px 80px; padding: 80px 24px;
background: var(--gray-100); background: var(--gray-100);
} }
@ -3852,7 +3853,7 @@ footer {
/* EXPECT SECTION */ /* EXPECT SECTION */
.expect-section { .expect-section {
padding: 72px 80px; padding: 80px 24px;
background: var(--white); background: var(--white);
} }
@ -3895,7 +3896,7 @@ footer {
/* FAQ SECTION */ /* FAQ SECTION */
.faq-section { .faq-section {
padding: 80px 20px; padding: 80px 24px;
background: var(--white); background: var(--white);
} }
@ -4303,7 +4304,7 @@ footer {
/* COVERAGE SECTION */ /* COVERAGE SECTION */
.coverage-section { .coverage-section {
padding: 80px 80px; padding: 80px 24px;
background: var(--navy); background: var(--navy);
color: var(--white); color: var(--white);
} }
@ -4403,7 +4404,7 @@ footer {
/* REASONS SECTION */ /* REASONS SECTION */
.reasons-section { .reasons-section {
padding: 80px; padding: 80px 24px;
background: var(--gray-100); background: var(--gray-100);
} }
@ -4897,7 +4898,7 @@ footer {
/* MAIN CONTACT SECTION */ /* MAIN CONTACT SECTION */
.contact-section { .contact-section {
padding: 80px; padding: 80px 24px;
background: var(--white); background: var(--white);
overflow: hidden; overflow: hidden;
} }
@ -5450,7 +5451,7 @@ inner-banner-title {
/* ── CTA SECTIONS ── */ /* ── CTA SECTIONS ── */
.cta-section { .cta-section {
background: var(--orange); background: var(--orange);
padding: 80px 0; padding: 80px 24px;
text-align: center; text-align: center;
color: var(--white); color: var(--white);
position: relative; position: relative;
@ -5526,7 +5527,30 @@ inner-banner-title {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.cta-section { .products-section,
padding: 70px 24px; .services-section,
.territory-section,
.targets-section,
.stain-section,
.cta-section,
.newsletter-section,
.contact-section,
.info-section,
.expect-section,
.reasons-section,
.coverage-section,
.faq-section,
.overview,
.materials,
.finishes,
.compare,
.seo-content,
.territory,
.quote-cta,
.about-section,
.section,
.auth-page {
padding-top: 60px !important;
padding-bottom: 60px !important;
} }
} }

30
app/services/services.css
View File

@ -30,7 +30,7 @@
background: var(--navy); background: var(--navy);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
padding: 72px 80px 80px; padding: 80px 24px;
} }
.hero-grid-bg { .hero-grid-bg {
@ -192,7 +192,7 @@
/* INTRO */ /* INTRO */
.intro { .intro {
padding: 72px 80px 64px; padding: 80px 24px;
background: var(--white); background: var(--white);
} }
@ -280,7 +280,7 @@
/* SERVICE SECTIONS */ /* SERVICE SECTIONS */
.model-section { .model-section {
padding: 80px; padding: 80px 24px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
@ -530,7 +530,7 @@
/* PROCESS */ /* PROCESS */
.process-section { .process-section {
padding: 80px; padding: 80px 24px;
background: var(--navy); background: var(--navy);
} }
@ -573,7 +573,7 @@
/* WOOD CONDITION CARDS */ /* WOOD CONDITION CARDS */
.condition-section { .condition-section {
padding: 80px; padding: 80px 24px;
background: var(--cream); background: var(--cream);
} }
@ -658,7 +658,7 @@
/* FAQ + SEO */ /* FAQ + SEO */
.faq-section { .faq-section {
padding: 80px; padding: 80px 24px;
background: var(--white); background: var(--white);
} }
@ -755,7 +755,7 @@
/* TERRITORY RE-STYLING FOR SERVICE PAGE */ /* TERRITORY RE-STYLING FOR SERVICE PAGE */
.territory-service { .territory-service {
padding: 80px; padding: 80px 24px;
background: var(--navy); background: var(--navy);
} }
@ -833,7 +833,7 @@
/* QUOTE CTA */ /* QUOTE CTA */
.quote-cta { .quote-cta {
padding: 80px; padding: 80px 24px;
background: var(--orange); background: var(--orange);
} }
@ -977,3 +977,17 @@
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
@media (max-width: 768px) {
.hero-staining,
.intro,
.model-section,
.process-section,
.condition-section,
.faq-section,
.territory-service,
.quote-cta {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
}