:root {
–bg: #ecebe7;
–bg-soft: #f5f4ef;
–surface: #ffffff;
–surface-soft: #f8f7f2;
–ink: #111111;
–ink-soft: #353535;
–muted: #5f6359;
–line: #d8d8d1;
–lime: #9af300;
–lime-deep: #87d900;
–olive: #7f9f00;
–olive-dark: #495d15;
–gold: #c69c12;
–orange: #f58a0a;
–brand-gradient: linear-gradient(90deg, #9af300 0%, #b8c500 42%, #c69c12 70%, #f58a0a 100%);
–warm-gradient: linear-gradient(135deg, #c69c12 0%, #f58a0a 100%);
–earth-gradient: linear-gradient(135deg, #7f9f00 0%, #495d15 100%);
–hero-glow: radial-gradient(circle at top left, rgba(154,243,0,0.18), transparent 28%), radial-gradient(circle at 85% 15%, rgba(198,156,18,0.15), transparent 25%), radial-gradient(circle at bottom right, rgba(73,93,21,0.16), transparent 30%);
–shadow-sm: 0 10px 30px rgba(17, 17, 17, 0.05);
–shadow-md: 0 22px 60px rgba(17, 17, 17, 0.08);
–shadow-lg: 0 28px 80px rgba(17, 17, 17, 0.12);
–radius-sm: 14px;
–radius-md: 20px;
–radius-lg: 28px;
–radius-xl: 36px;
–container: 1220px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
background: var(–bg);
color: var(–ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
.nw-site {
background: var(–bg);
color: var(–ink);
}
.nw-container {
width: min(var(–container), calc(100% – 32px));
margin: 0 auto;
}
.nw-section {
padding: 88px 0;
}
.nw-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 9px 15px;
border-radius: 999px;
border: 1px solid rgba(73,93,21,0.14);
background: rgba(127,159,0,0.08);
color: var(–olive-dark);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
margin-bottom: 18px;
}
.nw-display {
margin: 0;
font-size: clamp(40px, 6vw, 72px);
line-height: 0.96;
letter-spacing: -0.05em;
font-weight: 900;
}
.nw-heading {
margin: 0;
font-size: clamp(30px, 4vw, 52px);
line-height: 1.02;
letter-spacing: -0.045em;
font-weight: 900;
}
.nw-subheading {
margin: 0;
font-size: clamp(22px, 3vw, 30px);
line-height: 1.08;
letter-spacing: -0.035em;
font-weight: 800;
}
.nw-gradient-text {
background: var(–brand-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.nw-copy,
.nw-copy p {
color: var(–ink-soft);
font-size: 18px;
line-height: 1.8;
}
.nw-copy p { margin: 0; }
.nw-copy-sm {
color: var(–muted);
font-size: 15px;
line-height: 1.8;
}
.nw-topbar {
background: rgba(255,255,255,0.86);
border-bottom: 1px solid var(–line);
backdrop-filter: blur(10px);
}
.nw-topbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px 28px;
flex-wrap: wrap;
padding: 14px 0;
font-size: 14px;
color: var(–muted);
}
.nw-topbar-left,
.nw-topbar-right {
display: flex;
gap: 14px 22px;
flex-wrap: wrap;
align-items: center;
}
.nw-nav-shell {
position: sticky;
top: 0;
z-index: 60;
background: rgba(245,244,239,0.92);
border-bottom: 1px solid rgba(17,17,17,0.06);
backdrop-filter: blur(12px);
}
.nw-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
padding: 18px 0;
}
.nw-brand {
display: flex;
align-items: center;
gap: 14px;
min-width: 0;
}
.nw-brand-mark {
width: 50px;
height: 50px;
border-radius: 18px;
background: var(–earth-gradient);
display: grid;
place-items: center;
color: #fff;
font-size: 22px;
font-weight: 900;
box-shadow: var(–shadow-sm);
}
.nw-brand-copy strong {
display: block;
font-size: 18px;
letter-spacing: -0.03em;
font-weight: 900;
}
.nw-brand-copy span {
display: block;
font-size: 13px;
color: var(–muted);
}
.nw-nav-links {
display: flex;
align-items: center;
gap: 28px;
font-size: 14px;
font-weight: 700;
color: #2e312c;
}
.nw-nav-links a:hover { color: var(–olive-dark); }
.nw-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 24px;
border-radius: 16px;
font-size: 15px;
font-weight: 900;
letter-spacing: -0.01em;
transition: 0.22s ease;
cursor: pointer;
border: 1px solid transparent;
gap: 10px;
}
.nw-btn-primary {
background: var(–warm-gradient);
color: #111;
box-shadow: 0 14px 34px rgba(245,138,10,0.18);
}
.nw-btn-primary:hover {
transform: translateY(-1px);
box-shadow: 0 18px 38px rgba(245,138,10,0.24);
}
.nw-btn-secondary {
background: #fff;
color: var(–ink);
border-color: rgba(17,17,17,0.09);
}
.nw-btn-secondary:hover {
background: var(–surface-soft);
transform: translateY(-1px);
}
.nw-btn-olive {
background: var(–earth-gradient);
color: #fff;
box-shadow: 0 16px 34px rgba(73,93,21,0.18);
}
.nw-btn-olive:hover { transform: translateY(-1px); }
.nw-hero {
position: relative;
overflow: hidden;
background: var(–hero-glow), var(–bg);
padding: 68px 0 84px;
}
.nw-hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(360px, 460px);
gap: 40px;
align-items: center;
}
.nw-hero-copy {
max-width: 840px;
}
.nw-hero-copy p {
margin: 24px 0 0;
}
.nw-hero-actions {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-top: 30px;
}
.nw-pills {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 28px;
max-width: 860px;
}
.nw-pill {
padding: 14px 16px;
border-radius: 18px;
background: rgba(255,255,255,0.7);
border: 1px solid rgba(17,17,17,0.06);
color: #2d3228;
font-size: 14px;
font-weight: 700;
box-shadow: var(–shadow-sm);
}
.nw-card {
background: rgba(255,255,255,0.88);
border: 1px solid rgba(17,17,17,0.07);
border-radius: var(–radius-lg);
box-shadow: var(–shadow-md);
backdrop-filter: blur(10px);
}
.nw-estimate-card {
padding: 28px;
}
.nw-estimate-card h2 {
margin: 0 0 12px;
}
.nw-form-grid {
display: grid;
gap: 14px;
margin-top: 20px;
}
.nw-input,
.nw-textarea,
.nw-jobber-placeholder {
width: 100%;
border-radius: 14px;
border: 1px solid rgba(17,17,17,0.09);
background: #fff;
padding: 14px 16px;
font: inherit;
color: var(–ink);
}
.nw-textarea {
min-height: 124px;
resize: vertical;
}
.nw-jobber-placeholder {
min-height: 170px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,244,239,0.96));
border-style: dashed;
color: var(–muted);
line-height: 1.8;
}
.nw-section-head {
max-width: 760px;
margin-bottom: 30px;
}
.nw-grid-4,
.nw-grid-3,
.nw-grid-2 {
display: grid;
gap: 18px;
}
.nw-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nw-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nw-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nw-info-card,
.nw-service-card,
.nw-faq-card,
.nw-area-card,
.nw-step-card,
.nw-proof-card {
background: var(–surface);
border: 1px solid rgba(17,17,17,0.07);
border-radius: 24px;
padding: 24px;
box-shadow: var(–shadow-sm);
}
.nw-service-card {
transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.nw-service-card:hover {
transform: translateY(-4px);
box-shadow: var(–shadow-md);
}
.nw-icon {
width: 54px;
height: 54px;
border-radius: 18px;
display: grid;
place-items: center;
font-size: 22px;
font-weight: 900;
color: #111;
background: linear-gradient(135deg, rgba(154,243,0,0.95), rgba(198,156,18,0.85));
box-shadow: inset 0 -8px 16px rgba(17,17,17,0.08);
margin-bottom: 18px;
}
.nw-card h3,
.nw-info-card h3,
.nw-service-card h3,
.nw-faq-card h3,
.nw-step-card h4,
.nw-area-card h3,
.nw-proof-card h3 {
margin: 0;
font-size: 24px;
line-height: 1.12;
letter-spacing: -0.035em;
font-weight: 850;
}
.nw-card p,
.nw-info-card p,
.nw-service-card p,
.nw-faq-card p,
.nw-step-card p,
.nw-area-card p,
.nw-proof-card p {
margin: 12px 0 0;
font-size: 15px;
line-height: 1.82;
color: var(–muted);
}
.nw-dark-band {
background: linear-gradient(135deg, #202314 0%, #495d15 50%, #111111 100%);
color: #fff;
border-radius: var(–radius-xl);
padding: 38px;
box-shadow: var(–shadow-lg);
}
.nw-dark-band .nw-heading,
.nw-dark-band .nw-subheading,
.nw-dark-band h2,
.nw-dark-band h3,
.nw-dark-band h4 {
color: #fff;
}
.nw-dark-band p {
color: rgba(255,255,255,0.84);
}
.nw-checks {
display: grid;
gap: 12px;
margin-top: 24px;
}
.nw-check {
padding: 14px 16px;
border-radius: 16px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.1);
color: rgba(255,255,255,0.92);
font-size: 14px;
font-weight: 650;
line-height: 1.7;
}
.nw-split {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
gap: 28px;
align-items: start;
}
.nw-steps {
display: grid;
gap: 14px;
}
.nw-step-card {
display: grid;
grid-template-columns: 54px minmax(0, 1fr);
gap: 18px;
align-items: start;
}
.nw-step-num {
font-size: 28px;
line-height: 1;
font-weight: 900;
letter-spacing: -0.04em;
color: var(–gold);
}
.nw-link-inline {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 18px;
color: var(–olive-dark);
font-weight: 800;
font-size: 14px;
}
.nw-proof-strip {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.nw-area-card {
background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(245,244,239,0.9));
}
.nw-cta {
background: linear-gradient(90deg, #111111 0%, #495d15 52%, #c69c12 100%);
color: #fff;
border-radius: 34px;
padding: 38px;
box-shadow: var(–shadow-lg);
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 24px;
align-items: center;
}
.nw-cta p {
color: rgba(255,255,255,0.84);
margin-top: 14px;
}
.nw-footer {
padding: 60px 0;
border-top: 1px solid rgba(17,17,17,0.08);
background: rgba(255,255,255,0.62);
}
.nw-footer-grid {
display: grid;
grid-template-columns: 1.2fr 0.8fr 1fr 1fr;
gap: 28px;
}
.nw-footer h4 {
margin: 0 0 14px;
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(–muted);
}
.nw-footer p,
.nw-footer li,
.nw-footer a {
font-size: 14px;
line-height: 1.9;
color: var(–ink-soft);
}
.nw-footer ul { list-style: none; padding: 0; margin: 0; }
.nw-footer li + li { margin-top: 6px; }
.nw-placeholder-note {
color: var(–muted);
font-size: 13px;
line-height: 1.8;
margin-top: 12px;
}
.nw-hero-logo {
max-width: 520px;
margin-bottom: 22px;
}
.nw-mobile-hide { display: inline-flex; }
@media (max-width: 1120px) {
.nw-hero-grid,
.nw-split,
.nw-cta,
.nw-footer-grid,
.nw-grid-4,
.nw-grid-3,
.nw-proof-strip {
grid-template-columns: 1fr;
}
.nw-grid-2,
.nw-pills {
grid-template-columns: 1fr;
}
.nw-nav-links {
display: none;
}
}
@media (max-width: 720px) {
.nw-section { padding: 68px 0; }
.nw-hero { padding: 48px 0 64px; }
.nw-estimate-card,
.nw-info-card,
.nw-service-card,
.nw-faq-card,
.nw-area-card,
.nw-step-card,
.nw-proof-card,
.nw-dark-band,
.nw-cta { padding: 22px; }
.nw-mobile-hide { display: none; }
}
210-780-7610
info@natureswaytexas.com
Residential, HOA & Commercial Landscaping
San Antonio & Surrounding Areas
Landscaping in San Antonio
Landscaping that makes your property look cleaner, sharper, and more valuable.
Nature’s Way Landscaping helps homeowners, HOAs, and commercial properties improve curb appeal with premium maintenance, xeriscaping, sod installation, rock and mulch work, tree trimming, fence improvements, and exterior upgrades.
Fast estimate turnaround
Residential, HOA, and commercial
Detail-driven curb appeal
Free Estimate
Tell us about your project
Swap this area with your Jobber request form so every lead flows directly into your system.
Schedule Free Estimate
Recommended Jobber fields: service type, residential/HOA/commercial, address, timing, photos, and project details.
Why clients choose Nature’s Way
A brand that feels more polished because the work is.
✓
Professional
Clear proposals, responsive communication, and a more organized customer experience.
✂
Detail-Focused
Clean edges, tighter beds, stronger finishes, and better visual outcomes across the property.
☀
Built for Texas
Services and material choices that hold up better in San Antonio heat, drought, and exposure.
Services
Services built to improve curb appeal fast.
Design one premium service-card system, then apply it across the full site.
🌿
Landscape Maintenance
Weekly and biweekly service for homes, HOAs, and commercial properties.
Explore Service →
🪨
Xeriscaping, Concrete & Rock Beds
Low-water design, hardscape accents, decorative stone, and clean bed structure.
Explore Service →
💧
Sod Installation
Bermuda, Zoysia, and St. Augustine installs with better prep and cleaner finish.
Explore Service →
🪵
Fence & Exterior Projects
Fence replacement, staining, and visual upgrades that complete the property.
Explore Service →
🌳
Tree Trimming
Targeted trimming that improves safety, shape, clearance, and presentation.
Explore Service →
🏢
HOA & Commercial Landscaping
Recurring service with accountability, communication, and stronger site presentation.
Explore Service →
Our approach
Sharper visuals. Cleaner execution. Stronger follow-through.
This is the difference between a commodity lawn crew and a premium landscaping brand. The work should look better, feel more organized, and give the client more confidence from start to finish.
Clear scope and cleaner communication
Better finishing details across every service
A stronger match for homes, HOAs, and commercial properties
How it works
Simple enough to move fast. Strong enough to build trust.
01
Request the estimate
The lead comes in through the website, phone, referral, or direct outreach.
02
Review the property
The job is qualified, scoped, and organized around the right service and outcome.
03
Deliver a clear next step
The client receives a straightforward estimate and a smoother path to booked work.
Proof
This section should carry your trust weight.
Replace these placeholders with real Google reviews, project photos, HOA credibility, and before/after work.
Real Reviews
Add 2 to 4 real Google reviews here. Keep them short, specific, and local.
Project Photos
Use clean before/after photos with consistent lighting and tight framing.
Commercial / HOA Credibility
Add any associations, property managers, or neighborhood types you already serve.
Service Areas
Focused on San Antonio and the surrounding communities you actually want to win.
San Antonio Core market for residential, HOA, and commercial landscaping.
Helotes Strong fit for premium residential landscaping and curb-appeal work.
Garden Ridge Well-positioned for higher-end exterior improvement projects.
Shavano Park Great market for strong presentation and detail-focused service.
Stone Oak Recurring maintenance and upgrade opportunities in a dense target area.
Surrounding Areas Use this as a filter page before expanding into city-specific landing pages.
Nature's Way Landscaping 