Skip to content

Commit f885cd2

Browse files
author
TechStack Global
committed
chore: merge homepage SEO & UX updates (feature/homepage-seo-structure-update)
2 parents bed1002 + e1b3725 commit f885cd2

File tree

3 files changed

+163
-151
lines changed

3 files changed

+163
-151
lines changed

‎index.html‎

Lines changed: 105 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -5,50 +5,61 @@
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<meta name='impact-site-verification' value='50e160eb-0694-4afd-bd21-9998fbb1e0f5'>
8-
<title>TechStack Global | Tech Tools for Modern Work, Productivity & Digital Growth</title>
8+
<title>TechStack Global | Smarter Tech Decisions</title>
99
<meta name="description"
10-
content="A trusted Amazon-based tech buying guide for modern work, productivity, and digital growth. Expert reviews on hardware and remote work setups.">
10+
content="TechStack Global delivers expert tech reviews, buying guides, and practical recommendations on consumer electronics, software, and productivity tools to help you make smarter tech decisions.">
1111
<meta name="keywords"
12-
content="best laptops, amazon tech reviews, remote work setup, digital workspace, hardware guides">
13-
14-
<! OpenGraph / Social Media>
15-
<meta property="og:type" content="website">
16-
<meta property="og:url" content="https://techstackglobal.github.io/">
17-
<meta property="og:title" content="TechStack Global | Tech Tools for Modern Work & Digital Growth">
18-
<meta property="og:description"
19-
content="Expert-led guides on hardware and tools for students, freelancers, and remote growth.">
20-
<meta property="og:image" content="https://techstackglobal.github.io/assets/images/og-home.jpg">
21-
22-
<! Twitter>
23-
<meta property="twitter:card" content="summary_large_image">
24-
<meta property="twitter:title" content="TechStack Global | B2B Tech Authority">
25-
<meta property="twitter:description" content="Level up your tech stack with TechStack Global.">
26-
27-
<! Google Fonts: Inter for that premium tech feel>
28-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
29-
rel="stylesheet">
30-
<link rel="stylesheet" href="style.css?v=9">
31-
32-
<! FontAwesome for Icons>
33-
<link rel="stylesheet"
34-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
35-
<link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png?v=1">
36-
<link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16.png?v=1">
37-
<link rel="apple-touch-icon" sizes="192x192" href="assets/icons/techstack-logo-192.png?v=1">
38-
<link rel="shortcut icon" href="assets/icons/favicon.ico?v=1">
39-
40-
<script type="application/ld+json">
41-
{
42-
"@context": "https://schema.org",
43-
"@type": "WebSite",
44-
"name": "TechStack Global",
45-
"url": "https://techstackglobal.github.io/",
46-
"description": "A trusted Amazon-based tech buying guide for modern work, productivity, and digital growth."
47-
}
48-
</script>
12+
content="tech reviews, buying guides, consumer electronics, productivity tools, audio gear, mobile devices, software reviews">
13+
14+
<!-- OpenGraph / Social Media -->
15+
<meta property="og:type" content="website">
16+
<meta property="og:url" content="https://techstackglobal.github.io/">
17+
<meta property="og:title" content="TechStack Global — Smarter Tech Decisions">
18+
<meta property="og:description"
19+
content="Reviews, buying guides and how-tos covering consumer electronics, software, audio, mobile, and productivity tools.">
20+
<meta property="og:image" content="https://techstackglobal.github.io/assets/og-image.jpg">
21+
22+
<!-- Twitter -->
23+
<meta name="twitter:card" content="summary_large_image">
24+
<meta name="twitter:title" content="TechStack Global — Smarter Tech Decisions">
25+
<meta name="twitter:description"
26+
content="Expert reviews and buying guides on consumer electronics, software, and productivity tools.">
27+
28+
<! Google Fonts: Inter for that premium tech feel>
29+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
30+
rel="stylesheet">
31+
<link rel="stylesheet" href="style.css?v=9">
32+
33+
<! FontAwesome for Icons>
34+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
35+
<link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png?v=1">
36+
<link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16.png?v=1">
37+
<link rel="apple-touch-icon" sizes="192x192" href="assets/icons/techstack-logo-192.png?v=1">
38+
<link rel="shortcut icon" href="assets/icons/favicon.ico?v=1">
39+
40+
<script type="application/ld+json">
41+
{
42+
"@context": "https://schema.org",
43+
"@type": "WebSite",
44+
"name": "TechStack Global",
45+
"url": "https://techstackglobal.github.io/",
46+
"description": "Expert tech reviews, buying guides, and practical recommendations."
47+
}
48+
</script>
49+
50+
<script type="application/ld+json">
51+
{
52+
"@context":"https://schema.org",
53+
"@type":"Organization",
54+
"name":"TechStack Global",
55+
"url":"https://techstackglobal.github.io/",
56+
"logo":"https://techstackglobal.github.io/assets/icons/techstack-logo-192.png",
57+
"sameAs": []
58+
}
59+
</script>
4960
</head>
5061

51-
<body class="dark-theme">
62+
<body class="dark-theme homepage">
5263
<! Ambient Background Grid (Visual Only)>
5364
<div class="ambient-grid"></div>
5465
<div class="glow-orb top-left"></div>
@@ -115,6 +126,33 @@ <h3 style="font-size: 1.6rem; margin-bottom: 1rem; line-height: 1.3;">Samsung 99
115126
</div>
116127
</section>
117128

129+
<!-- Homepage Intro (Broad Tech Focus) -->
130+
<section class="homepage-intro container section-padding" style="padding-bottom: 1rem;">
131+
<p style="font-size: 1.1rem; max-width: 800px;">
132+
TechStack Global publishes practical tech reviews, hands-on buying guides, and clear how-tos for
133+
everyday technology — from smartphones and laptops to audio gear, productivity software, and
134+
home office essentials.
135+
We help curious users and professionals pick the right tools without the noise.
136+
</p>
137+
</section>
138+
139+
<!-- Internal Linking -->
140+
<section class="internal-links-curated container" style="padding-bottom: 3rem;">
141+
<p style="margin-bottom: 0.5rem;"><strong>Keep exploring:</strong> <a
142+
href="posts/apple-macbook-pro-m4-pro-review.html"
143+
style="color: var(--accent); font-weight: 500;">Latest reviews on laptops and mobile</a> |
144+
<a href="posts/shure-sm7db-review.html" style="color: var(--accent); font-weight: 500;">Premium
145+
audio guides</a> | <a href="amazon-stack.html"
146+
style="color: var(--accent); font-weight: 500;">Home office essentials</a></p>
147+
<p><strong>Categories:</strong> <a href="amazon-stack.html"
148+
style="color: var(--accent);">Reviews</a>, <a href="blog.html"
149+
style="color: var(--accent);">Guides</a>, <a href="blog.html"
150+
style="color: var(--accent);">Software</a>, <a href="blog.html"
151+
style="color: var(--accent);">Productivity</a>, <a href="amazon-stack.html"
152+
style="color: var(--accent);">Audio</a>, <a href="amazon-stack.html"
153+
style="color: var(--accent);">Mobile</a></p>
154+
</section>
155+
118156
<! Featured Categories>
119157
<section id="categories" class="container section-padding">
120158
<div class="section-header">
@@ -140,44 +178,40 @@ <h3>Guides</h3>
140178

141179

142180
<! Lead Capture / Newsletter>
181+
<!-- Lead Capture / Newsletter CTA -->
143182
<section class="newsletter-section section-padding">
144-
<div class="container glass-panel newsletter-box"
145-
style="border: 1px solid var( accent); position: relative; overflow: hidden;">
146-
<div class="newsletter-content">
147-
<h2 style="font-size: 2.8rem; margin-bottom: 1rem;">Get the Elite Tech Setup
148-
Checklist</h2>
149-
<p style="font-size: 1.1rem; max-width: 600px; margin: 0 auto 2.5rem;">Join
150-
thousands of founders
151-
and freelancers who refuse to compromise on their digital setups. No spam, only
152-
high-signal tech
153-
intel.</p>
154-
<form action="https://formsubmit.co/techstackglobal9@gmail.com" method="POST"
155-
class="email-form" style="max-width: 550px;">
156-
<input type="email" name="email" placeholder="Enter your best email address"
157-
required style="padding: 1.2rem; font-size: 1.05rem;">
158-
<input type="hidden" name="_next"
159-
value="https://techstackglobal.github.io/index.html">
160-
<input type="hidden" name="_subject"
161-
value="New Lead Magnet Submission - TechStack Global">
162-
<input type="hidden" name="_captcha" value="false">
163-
<button type="submit" class="btn-primary"
164-
style="padding: 1.2rem 2rem; font-size: 1.05rem;">Send
165-
Me The Checklist</button>
166-
</form>
167-
<p class="spam-notice" style="margin-top: 1.5rem;"><i class="fa-solid fa-lock"
168-
style="color: var( text-secondary); margin-right: 5px;"></i> Your email is
169-
strictly
170-
confidential. Unsubscribe anytime.</p>
171-
</div>
183+
<div class="container cta-box glass-panel"
184+
style="border: 1px solid var(--border-glass); padding: 2.5rem; border-radius: var(--border-radius); text-align: center; max-width: 700px; margin: 0 auto;">
185+
<h2 style="font-size: 2.2rem; margin-bottom: 0.5rem;">Get Practical Tech Picks</h2>
186+
<p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 2rem;">Weekly
187+
reviews, guides, and curated deals for smart tech buyers.</p>
188+
189+
<form action="https://formsubmit.co/techstackglobal9@gmail.com" method="POST"
190+
class="email-form"
191+
style="display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap;">
192+
<input type="email" name="email" placeholder="Enter your best email address"
193+
required
194+
style="padding: 1rem; font-size: 1rem; border-radius: 8px; border: 1px solid var(--border-glass); background: rgba(0,0,0,0.2); color: white; flex: 1; min-width: 250px; max-width: 350px;">
195+
<input type="hidden" name="_next"
196+
value="https://techstackglobal.github.io/index.html">
197+
<input type="hidden" name="_subject"
198+
value="New Lead Magnet Submission - TechStack Global">
199+
<input type="hidden" name="_captcha" value="false">
200+
<button type="submit" class="btn-primary"
201+
style="padding: 1rem 1.5rem; border-radius: 8px;">Subscribe</button>
202+
</form>
172203
</div>
173204
</section>
205+
</div>
206+
</section>
174207
</main>
175208

176209
<footer class="glass-footer">
177210
<div class="container footer-content">
178211
<div class="footer-brand">
179-
<h3><a href="index.html" style="text-decoration: none; color: inherit;">TechStack<span
180-
class="accent">Global</span></a></h3>
212+
<div style="font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem;"><a href="index.html"
213+
style="text-decoration: none; color: inherit;">TechStack<span
214+
class="accent">Global</span></a></div>
181215
<p>Tech guides built for everyday work, study, and smarter decisions.</p>
182216
</div>
183217
<div class="footer-links">
@@ -203,4 +237,4 @@ <h4>Company</h4>
203237
<script src="script.js"></script>
204238
</body>
205239

206-
</html>
240+
</html>

‎sitemap.xml‎

Lines changed: 12 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -1,83 +1,15 @@
11
<?xml version="1.0" encoding="UTF-8"?>
22
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
3-
<url>
4-
<loc>https://techstackglobal.github.io/</loc>
5-
<lastmod>2026-02-26</lastmod>
6-
<priority>1.0</priority>
7-
</url>
8-
<url>
9-
<loc>https://techstackglobal.github.io/blog.html</loc>
10-
<lastmod>2026-02-26</lastmod>
11-
<priority>0.80</priority>
12-
</url>
13-
<url>
14-
<loc>https://techstackglobal.github.io/about.html</loc>
15-
<lastmod>2026-02-26</lastmod>
16-
<priority>0.50</priority>
17-
</url>
18-
<url>
19-
<loc>https://techstackglobal.github.io/contact.html</loc>
20-
<lastmod>2026-02-26</lastmod>
21-
<priority>0.50</priority>
22-
</url>
23-
<url>
24-
<loc>https://techstackglobal.github.io/privacy-policy.html</loc>
25-
<lastmod>2026-02-26</lastmod>
26-
<priority>0.30</priority>
27-
</url>
28-
<url>
29-
<loc>https://techstackglobal.github.io/terms-of-service.html</loc>
30-
<lastmod>2026-02-26</lastmod>
31-
<priority>0.30</priority>
32-
</url>
33-
<url>
34-
<loc>https://techstackglobal.github.io/posts/apple-macbook-pro-m4-pro-review.html</loc>
35-
<lastmod>2026-02-26</lastmod>
36-
<priority>0.70</priority>
37-
</url>
38-
<url>
39-
<loc>https://techstackglobal.github.io/posts/dell-xps-15-9530-review.html</loc>
40-
<lastmod>2026-02-26</lastmod>
41-
<priority>0.70</priority>
42-
</url>
43-
<url>
44-
<loc>https://techstackglobal.github.io/posts/surface-laptop-studio-2-review.html</loc>
45-
<lastmod>2026-02-26</lastmod>
46-
<priority>0.70</priority>
47-
</url>
48-
<url>
49-
<loc>https://techstackglobal.github.io/amazon-stack.html</loc>
50-
<lastmod>2026-02-26</lastmod>
51-
<priority>0.80</priority>
52-
</url>
53-
<url>
54-
<loc>https://techstackglobal.github.io/posts/best-laptops-for-students-2026.html</loc>
55-
<lastmod>2026-02-27</lastmod>
56-
<priority>0.70</priority>
57-
</url>
58-
<url>
59-
<loc>https://techstackglobal.github.io/posts/budget-laptops-under-1000.html</loc>
60-
<lastmod>2026-02-27</lastmod>
61-
<priority>0.70</priority>
62-
</url>
63-
<url>
64-
<loc>https://techstackglobal.github.io/posts/samsung-990-pro-ssd-review.html</loc>
65-
<lastmod>2026-02-27</lastmod>
66-
<priority>0.70</priority>
67-
</url>
68-
<url>
69-
<loc>https://techstackglobal.github.io/posts/best-headphones-for-classes.html</loc>
70-
<lastmod>2026-02-27</lastmod>
71-
<priority>0.70</priority>
72-
</url>
73-
<url>
74-
<loc>https://techstackglobal.github.io/posts/lg-27us500-w-ultrafine-monitor-review.html</loc>
75-
<lastmod>2026-02-27</lastmod>
76-
<priority>0.70</priority>
77-
</url>
78-
<url>
79-
<loc>https://techstackglobal.github.io/posts/dell-thunderbolt-smart-dock-review.html</loc>
80-
<lastmod>2026-02-27</lastmod>
81-
<priority>0.70</priority>
82-
</url>
3+
<url><loc>https://techstackglobal.github.io/</loc></url>
4+
<url><loc>https://techstackglobal.github.io/posts/apple-macbook-pro-m4-pro-review.html</loc></url>
5+
<url><loc>https://techstackglobal.github.io/posts/samsung-990-pro-ssd-review.html</loc></url>
6+
<url><loc>https://techstackglobal.github.io/posts/shure-sm7db-review.html</loc></url>
7+
<url><loc>https://techstackglobal.github.io/posts/secretlab-titan-evo-review.html</loc></url>
8+
<url><loc>https://techstackglobal.github.io/posts/dell-thunderbolt-smart-dock-review.html</loc></url>
9+
<url><loc>https://techstackglobal.github.io/posts/surface-laptop-studio-2-review.html</loc></url>
10+
<url><loc>https://techstackglobal.github.io/posts/best-headphones-for-classes.html</loc></url>
11+
<url><loc>https://techstackglobal.github.io/blog.html</loc></url>
12+
<url><loc>https://techstackglobal.github.io/amazon-stack.html</loc></url>
13+
<url><loc>https://techstackglobal.github.io/about.html</loc></url>
14+
<url><loc>https://techstackglobal.github.io/contact.html</loc></url>
8315
</urlset>

‎style.css‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1747,4 +1747,50 @@ h1.post-title,
17471747
.post-body-img {
17481748
margin: 1.5rem 0 !important;
17491749
}
1750+
}
1751+
1752+
/* --- Homepage SEO & Layout Updates (Safely Scoped) --- */
1753+
:root {
1754+
--site-horizontal-padding: 16px;
1755+
--header-height: 60px;
1756+
}
1757+
1758+
body.homepage .container {
1759+
max-width: 880px;
1760+
width: 100%;
1761+
margin: 0 auto;
1762+
padding-left: var(--site-horizontal-padding);
1763+
padding-right: var(--site-horizontal-padding);
1764+
box-sizing: border-box;
1765+
word-break: normal;
1766+
hyphens: auto;
1767+
}
1768+
1769+
body.homepage p {
1770+
line-height: 1.6;
1771+
}
1772+
1773+
body.homepage .content {
1774+
min-width: 0;
1775+
}
1776+
1777+
body.homepage article table,
1778+
body.homepage pre,
1779+
body.homepage code {
1780+
max-width: 100%;
1781+
overflow-x: auto;
1782+
display: block;
1783+
}
1784+
1785+
body.homepage .site-header {
1786+
position: sticky;
1787+
top: 0;
1788+
z-index: 1100;
1789+
backdrop-filter: blur(8px);
1790+
background: rgba(15, 23, 42, 0.85);
1791+
/* Dark theme equivalent to rgba(255,255,255,0.6) */
1792+
}
1793+
1794+
body.homepage main {
1795+
padding-top: calc(var(--header-height, 60px));
17501796
}

0 commit comments

Comments
 (0)