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 {
padding: 88px 80px;
padding: 80px;
background: var(--white);
}
@ -1031,7 +1031,7 @@ h2.sh-white {
/* ── SERVICES SECTION — background: navy ── */
.services-section {
padding: 88px 80px;
padding: 80px;
background: var(--navy);
}
@ -1121,7 +1121,7 @@ h2.sh-white {
/* ── TERRITORY — background: cream ── */
.territory-section {
padding: 88px 80px;
padding: 80px;
background: var(--cream);
}
@ -1249,7 +1249,7 @@ h2.sh-white {
/* ── WHO WE SERVE — background: white ── */
.targets-section {
padding: 88px 80px;
padding: 80px;
background: var(--white);
}
@ -1308,7 +1308,7 @@ h2.sh-white {
/* ── EXPERT STAIN PROMO — background: navy ── */
.stain-section {
padding: 88px 80px;
padding: 80px 24px;
background: var(--navy);
position: relative;
overflow: hidden;
@ -1474,7 +1474,7 @@ h2.sh-white {
/* ── CTA — orange ── */
.cta-section {
padding: 80px;
padding: 80px 24px;
background: var(--orange);
text-align: center;
}
@ -1548,7 +1548,7 @@ h2.sh-white {
/* ── NEWSLETTER — background: cream ── */
.newsletter-section {
background: var(--cream);
padding: 80px;
padding: 80px 24px;
text-align: center;
}
@ -2142,7 +2142,7 @@ footer {
}
.overview {
padding: 80px 80px 64px;
padding: 80px 24px;
background: var(--white);
}
@ -2247,7 +2247,7 @@ footer {
}
.materials {
padding: 80px 20px;
padding: 80px 24px;
background: var(--gray-100);
}
@ -2488,7 +2488,7 @@ footer {
}
.finishes {
padding: 80px;
padding: 80px 24px;
background: var(--white);
}
@ -2571,7 +2571,7 @@ footer {
}
.compare {
padding: 80px;
padding: 80px 24px;
background: var(--cream);
}
@ -2647,7 +2647,7 @@ footer {
}
.seo-content {
padding: 80px;
padding: 80px 24px;
background: var(--white);
}
@ -2741,7 +2741,7 @@ footer {
}
.territory {
padding: 80px;
padding: 80px 24px;
background: var(--navy);
}
@ -2813,7 +2813,7 @@ footer {
}
.quote-cta {
padding: 80px;
padding: 80px 24px;
background: var(--orange);
}
@ -2947,6 +2947,7 @@ footer {
}
@media (max-width: 767px) {
.mat-grid,
.region-grid {
grid-template-columns: 1fr;
@ -2960,7 +2961,7 @@ footer {
/* ── AUTH PAGES ── */
.login-page-wrapper {
background: var(--navy);
min-height: 100vh;
/* min-height: 100vh; */
}
.auth-page {
@ -3481,7 +3482,7 @@ footer {
.contact-page .hero {
background: var(--navy);
padding: 72px 80px 64px;
padding: 80px 24px;
position: relative;
overflow: hidden;
margin-top: 0;
@ -3780,7 +3781,7 @@ footer {
/* INFO SECTION */
.info-section {
padding: 72px 80px;
padding: 80px 24px;
background: var(--gray-100);
}
@ -3852,7 +3853,7 @@ footer {
/* EXPECT SECTION */
.expect-section {
padding: 72px 80px;
padding: 80px 24px;
background: var(--white);
}
@ -3895,7 +3896,7 @@ footer {
/* FAQ SECTION */
.faq-section {
padding: 80px 20px;
padding: 80px 24px;
background: var(--white);
}
@ -4303,7 +4304,7 @@ footer {
/* COVERAGE SECTION */
.coverage-section {
padding: 80px 80px;
padding: 80px 24px;
background: var(--navy);
color: var(--white);
}
@ -4403,7 +4404,7 @@ footer {
/* REASONS SECTION */
.reasons-section {
padding: 80px;
padding: 80px 24px;
background: var(--gray-100);
}
@ -4897,7 +4898,7 @@ footer {
/* MAIN CONTACT SECTION */
.contact-section {
padding: 80px;
padding: 80px 24px;
background: var(--white);
overflow: hidden;
}
@ -5450,7 +5451,7 @@ inner-banner-title {
/* ── CTA SECTIONS ── */
.cta-section {
background: var(--orange);
padding: 80px 0;
padding: 80px 24px;
text-align: center;
color: var(--white);
position: relative;
@ -5526,7 +5527,30 @@ inner-banner-title {
}
@media (max-width: 768px) {
.cta-section {
padding: 70px 24px;
.products-section,
.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);
position: relative;
overflow: hidden;
padding: 72px 80px 80px;
padding: 80px 24px;
}
.hero-grid-bg {
@ -192,7 +192,7 @@
/* INTRO */
.intro {
padding: 72px 80px 64px;
padding: 80px 24px;
background: var(--white);
}
@ -280,7 +280,7 @@
/* SERVICE SECTIONS */
.model-section {
padding: 80px;
padding: 80px 24px;
position: relative;
overflow: hidden;
}
@ -530,7 +530,7 @@
/* PROCESS */
.process-section {
padding: 80px;
padding: 80px 24px;
background: var(--navy);
}
@ -573,7 +573,7 @@
/* WOOD CONDITION CARDS */
.condition-section {
padding: 80px;
padding: 80px 24px;
background: var(--cream);
}
@ -658,7 +658,7 @@
/* FAQ + SEO */
.faq-section {
padding: 80px;
padding: 80px 24px;
background: var(--white);
}
@ -755,7 +755,7 @@
/* TERRITORY RE-STYLING FOR SERVICE PAGE */
.territory-service {
padding: 80px;
padding: 80px 24px;
background: var(--navy);
}
@ -833,7 +833,7 @@
/* QUOTE CTA */
.quote-cta {
padding: 80px;
padding: 80px 24px;
background: var(--orange);
}
@ -976,4 +976,18 @@
.region-grid {
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;
}
}