Skip to content

Commit 52015cd

Browse files
author
TechStack Global
committed
feat: expansion phase - homepage repositioning, amazon stack architecture, and first student tech pillar
1 parent 31cddf4 commit 52015cd

File tree

7 files changed

+405
-62
lines changed

7 files changed

+405
-62
lines changed

‎amazon-stack.html‎

Lines changed: 93 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -4,74 +4,124 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Amazon Product Stack | Vetted Hardware for Founders | TechStack Global</title>
7+
<title>Amazon Product Stack | Modern Tech Hardware | TechStack Global</title>
88
<meta name="description"
9-
content="The ultimate stack of Amazon-sourced hardware for scaling startups. MacBook, Dell XPS, and Surface Laptop benchmarks for 2026.">
9+
content="The definitive guide to Amazon-sourced hardware for students, freelancers, and remote workers. Vetted benchmarks for modern productivity.">
1010
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
1111
rel="stylesheet">
12-
<link rel="stylesheet" href="/style.css">
12+
<link rel="stylesheet" href="style.css">
1313
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
14-
<link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32.png">
14+
<link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png">
1515
</head>
1616

1717
<body class="dark-theme">
1818
<div class="ambient-grid"></div>
1919
<header class="glass-header">
2020
<nav class="container">
21-
<div class="logo"><a href="/index.html">TechStack<span class="accent">Global</span></a></div>
21+
<div class="logo"><a href="index.html">TechStack<span class="accent">Global</span></a></div>
2222
<ul class="nav-links">
23-
<li><a href="/index.html">Home</a></li>
24-
<li><a href="/amazon-stack.html" class="active">Amazon Stack</a></li>
25-
<li><a href="/blog.html">Software Reviews</a></li>
26-
<li><a href="/about.html">About</a></li>
23+
<li><a href="index.html">Home</a></li>
24+
<li><a href="amazon-stack.html" class="active">Amazon Stack</a></li>
25+
<li><a href="blog.html">Software Reviews</a></li>
26+
<li><a href="about.html">About</a></li>
2727
</ul>
2828
</nav>
2929
</header>
3030

3131
<main class="container section-padding">
3232
<header class="section-header">
3333
<span class="badge">Amazon Associate Stack</span>
34-
<h1>Hardware Benchmarks for <span class="gradient-text">High-Growth Teams</span></h1>
35-
<p>Direct Amazon integrations with standardized technical reviews.</p>
34+
<h1>Tech Hardware for <span class="gradient-text">Modern Work & Growth</span></h1>
35+
<p>Inclusive guides for students, freelancers, and remote teams.</p>
3636
</header>
3737

38-
<div class="blog-grid">
39-
<!-- MacBook Pro -->
40-
<div class="blog-card glass-panel">
41-
<div class="blog-category">Developer Hardware</div>
42-
<h3><a href="/posts/apple-macbook-pro-m4-pro-review.html">Apple MacBook Pro M4 Pro (2024)</a></h3>
43-
<p>The new efficiency benchmark for AI engineers and mobile founders. 20+ hours of battery life and
44-
Thunderbolt 5.</p>
45-
<div class="card-meta">
46-
<span>9.8/10</span>
47-
<a href="/posts/apple-macbook-pro-m4-pro-review.html" class="read-more">Full Analysis &rarr;</a>
38+
<section class="stack-subcategory" style="margin-bottom: 4rem;">
39+
<h2
40+
style="margin-bottom: 2rem; border-bottom: 1px solid var(--accent); display: inline-block; padding-bottom: 5px;">
41+
🎓 Student Essentials</h2>
42+
<div class="blog-grid" style="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));">
43+
<div class="blog-card glass-panel">
44+
<div class="blog-category">Student Tech</div>
45+
<h3><a href="posts/best-laptops-for-students-2026.html">Best Laptops for Students 2026</a></h3>
46+
<p>The definitive guide to balancing performance with a student budget. From M1 Airs to Chromebooks.
47+
</p>
48+
<div class="card-meta"><span>9.6/10 Guide</span> <a href="posts/best-laptops-for-students-2026.html"
49+
class="read-more">View Guide &rarr;</a></div>
50+
</div>
51+
<div class="blog-card glass-panel">
52+
<div class="blog-category">Study Setup</div>
53+
<h3><a href="#">Best Headphones for Online Classes</a></h3>
54+
<p>Focus and clarity. Vetted noise-cancelling picks for libraries and busy homes.</p>
55+
<div class="card-meta"><span>Coming Soon</span></div>
4856
</div>
4957
</div>
58+
</section>
5059

51-
<!-- Dell XPS 15 -->
52-
<div class="blog-card glass-panel">
53-
<div class="blog-category">Developer Hardware</div>
54-
<h3><a href="/posts/dell-xps-15-9530-review.html">Dell XPS 15 9530</a></h3>
55-
<p>The premier Windows workstation for enterprise software engineering. Dual-SSD slots and upgradeable
56-
RAM.</p>
57-
<div class="card-meta">
58-
<span>9.4/10</span>
59-
<a href="/posts/dell-xps-15-9530-review.html" class="read-more">Full Analysis &rarr;</a>
60+
<section class="stack-subcategory" style="margin-bottom: 4rem;">
61+
<h2
62+
style="margin-bottom: 2rem; border-bottom: 1px solid var(--accent); display: inline-block; padding-bottom: 5px;">
63+
💸 Budget Picks</h2>
64+
<div class="blog-grid" style="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));">
65+
<div class="blog-card glass-panel">
66+
<div class="blog-category">Budget Value</div>
67+
<h3><a href="#">Best Laptops Under $1000</a></h3>
68+
<p>Elite performance without the sticker shock. We pick the machines with the best ROI.</p>
69+
<div class="card-meta"><span>Coming Soon</span></div>
6070
</div>
6171
</div>
72+
</section>
73+
74+
<section class="stack-subcategory" style="margin-bottom: 4rem;">
75+
<h2
76+
style="margin-bottom: 2rem; border-bottom: 1px solid var(--accent); display: inline-block; padding-bottom: 5px;">
77+
🏠 Remote Work Setups</h2>
78+
<div class="blog-grid">
79+
<!-- MacBook Pro -->
80+
<div class="blog-card glass-panel">
81+
<div class="blog-category">Premium Hardware</div>
82+
<h3><a href="posts/apple-macbook-pro-m4-pro-review.html">Apple MacBook Pro M4 Pro (2024)</a></h3>
83+
<p>The new efficiency benchmark for AI engineers and mobile founders. 20+ hours of battery life and
84+
Thunderbolt 5.</p>
85+
<div class="card-meta">
86+
<span>9.8/10</span>
87+
<a href="posts/apple-macbook-pro-m4-pro-review.html" class="read-more">Full Analysis &rarr;</a>
88+
</div>
89+
</div>
90+
91+
<!-- Dell XPS 15 -->
92+
<div class="blog-card glass-panel">
93+
<div class="blog-category">Enterprise Hardware</div>
94+
<h3><a href="posts/dell-xps-15-9530-review.html">Dell XPS 15 9530</a></h3>
95+
<p>The premier Windows workstation for enterprise software engineering. Dual-SSD slots and
96+
upgradeable
97+
RAM.</p>
98+
<div class="card-meta">
99+
<span>9.4/10</span>
100+
<a href="posts/dell-xps-15-9530-review.html" class="read-more">Full Analysis &rarr;</a>
101+
</div>
102+
</div>
103+
104+
<!-- Surface Laptop Studio 2 -->
105+
<div class="blog-card glass-panel">
106+
<div class="blog-category">Productivity Tech</div>
107+
<h3><a href="posts/surface-laptop-studio-2-review.html">Surface Laptop Studio 2</a></h3>
108+
<p>The ultimate agile workstation for product managers and creative leads. Unique floating
109+
pull-forward
110+
display.</p>
111+
<div class="card-meta">
112+
<span>9.2/10</span>
113+
<a href="posts/surface-laptop-studio-2-review.html" class="read-more">Full Analysis &rarr;</a>
114+
</div>
115+
</div>
62116

63-
<!-- Surface Laptop Studio 2 -->
64-
<div class="blog-card glass-panel">
65-
<div class="blog-category">Productivity Tech</div>
66-
<h3><a href="/posts/surface-laptop-studio-2-review.html">Surface Laptop Studio 2</a></h3>
67-
<p>The ultimate agile workstation for product managers and creative leads. Unique floating pull-forward
68-
display.</p>
69-
<div class="card-meta">
70-
<span>9.2/10</span>
71-
<a href="/posts/surface-laptop-studio-2-review.html" class="read-more">Full Analysis &rarr;</a>
117+
<div class="blog-card glass-panel">
118+
<div class="blog-category">Home Office</div>
119+
<h3><a href="#">Best Monitor for Remote Work</a></h3>
120+
<p>Expand your workspace. Vetted 4K and ultrawide screens for maximum productivity.</p>
121+
<div class="card-meta"><span>Coming Soon</span></div>
72122
</div>
73123
</div>
74-
</div>
124+
</section>
75125
</main>
76126

77127
<footer class="glass-footer">
@@ -83,16 +133,16 @@ <h3>TechStack<span class="accent">Global</span></h3>
83133
<div class="footer-links">
84134
<h4>Legal</h4>
85135
<ul>
86-
<li><a href="/affiliate-disclosure.html">Affiliate Disclosure</a></li>
87-
<li><a href="/privacy-policy.html">Privacy Policy</a></li>
136+
<li><a href="affiliate-disclosure.html">Affiliate Disclosure</a></li>
137+
<li><a href="privacy-policy.html">Privacy Policy</a></li>
88138
</ul>
89139
</div>
90140
</div>
91141
<div class="container footer-bottom">
92142
<p>&copy; 2026 TechStack Global. All rights reserved.</p>
93143
</div>
94144
</footer>
95-
<script src="/script.js"></script>
145+
<script src="script.js"></script>
96146
</body>
97147

98148
</html>

‎assets/images/digital_growth_guide.png‎

557 KB
Loading

‎index.html‎

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -70,20 +70,21 @@
7070
<!-- SEO Semantic Hero Section -->
7171
<section class="hero container">
7272
<div class="hero-content">
73-
<span class="badge">B2B SaaS Authority</span>
74-
<h1>Tech Stack Reviews & Tools for <br><span class="gradient-text">Startups, Developers & Growing
75-
Teams</span></h1>
76-
<p class="hero-sub">Handpicked Tools for Growing Teams</p>
73+
<span class="badge">Tech Utility Authority</span>
74+
<h1>Tech Tools for Modern Work, <br><span class="gradient-text">Productivity & Digital Growth</span>
75+
</h1>
76+
<p class="hero-sub">Expert Guides for Students, Freelancers & Scaling Businesses</p>
7777
<div class="hero-ctas">
7878
<a href="#recommended" class="btn-primary">Explore Top Tools</a>
79-
<a href="/blog.html" class="btn-secondary">Read Latest Reviews</a>
79+
<a href="blog.html" class="btn-secondary">Read Latest Reviews</a>
8080
</div>
8181
</div>
8282
<!-- Abstract futuristic graphic representation -->
8383
<div class="hero-visual">
84-
<div class="glass-card abstract-card card-1"><i class="fa-solid fa-code"></i> Developer Tools</div>
85-
<div class="glass-card abstract-card card-2"><i class="fa-solid fa-brain"></i> AI Productivity</div>
86-
<div class="glass-card abstract-card card-3"><i class="fa-solid fa-cloud"></i> Cloud Software</div>
84+
<div class="glass-card abstract-card card-1"><i class="fa-solid fa-laptop-code"></i> Work Hardware</div>
85+
<div class="glass-card abstract-card card-2"><i class="fa-solid fa-microchip"></i> Remote Productivity
86+
</div>
87+
<div class="glass-card abstract-card card-3"><i class="fa-solid fa-chart-line"></i> Growth Tools</div>
8788
</div>
8889
</section>
8990

@@ -265,12 +266,12 @@ <h3 style="text-align: center; margin-bottom: 3rem;">Trusted by Scaling Founders
265266
<!-- Mid-Page Lead Magnet -->
266267
<div class="lead-magnet glass-panel"
267268
style="padding: 3rem; margin: 4rem 0; border: 1px solid var(--accent); position: relative; display: flex; align-items: center; gap: 3rem; flex-wrap: wrap;">
268-
<img src="assets/images/startup_guide_cover.png" alt="Startup Tools PDF Cover"
269+
<img src="assets/images/digital_growth_guide.png" alt="Digital Growth Guide Cover"
269270
style="width: 240px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.5);">
270271
<div style="max-width: 600px;">
271-
<h2 style="color: var(--accent); margin-bottom: 1rem;">Get our Startup Tools PDF</h2>
272-
<p style="margin-bottom: 2rem;">Unlock the definitive list of 50+ Vetted Tools for Scaling your
273-
startup to Series A and beyond.</p>
272+
<h2 style="color: var(--accent); margin-bottom: 1rem;">Get our Digital Growth Guide</h2>
273+
<p style="margin-bottom: 2rem;">Unlock the definitive list of 50+ Vetted Tools for scaling your
274+
work, increasing productivity, and achieving digital success.</p>
274275
<form onsubmit="event.preventDefault(); alert('The Blueprint is on its way!');"
275276
style="display: flex; gap: 1rem;">
276277
<input type="email" placeholder="Business email" required

‎posts/apple-macbook-pro-m4-pro-review.html‎

Lines changed: 35 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -110,9 +110,31 @@ <h1 class="post-title">Review: Apple MacBook Pro M4 Pro (2024/2026 Scale)</h1>
110110
choice for 2026.
111111
</div>
112112

113+
<div class="audience-grid"
114+
style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 2rem;">
115+
<div class="glass-panel" style="padding: 1.5rem; border-top: 3px solid #00ff9d;">
116+
<h4 style="margin-bottom: 0.5rem;"><i class="fa-solid fa-check-circle" style="color: #00ff9d;"></i>
117+
Who is this for?</h4>
118+
<ul style="font-size: 0.9rem; list-style: none; padding: 0;">
119+
<li>🚀 Founders scaling technical teams</li>
120+
<li>💻 Full-stack developers & AI engineers</li>
121+
<li>🎬 Professional content creators (4K/8K video)</li>
122+
</ul>
123+
</div>
124+
<div class="glass-panel" style="padding: 1.5rem; border-top: 3px solid #ff4b2b;">
125+
<h4 style="margin-bottom: 0.5rem;"><i class="fa-solid fa-times-circle" style="color: #ff4b2b;"></i>
126+
Who should skip?</h4>
127+
<ul style="font-size: 0.9rem; list-style: none; padding: 0;">
128+
<li>📚 Students with standard writing/web tasks</li>
129+
<li>💼 Casual office workers (Excel/Emails)</li>
130+
<li>📉 Budget-conscious freelancers</li>
131+
</ul>
132+
</div>
133+
</div>
134+
113135
<div
114136
style="background-color: white; border-radius: 12px; margin-bottom: 2rem; padding: 2rem; text-align: center;">
115-
<img src="/assets/images/macbook_hero.jpg"
137+
<img src="assets/images/macbook_hero.jpg"
116138
alt="Official Apple MacBook Pro M4 Pro - Space Black Front View" class="post-hero-img"
117139
loading="lazy" style="max-width:100%; max-height: 500px; object-fit: contain;">
118140
</div>
@@ -152,6 +174,18 @@ <h2>Key Specifications & Comparison</h2>
152174
</table>
153175
</div>
154176

177+
<div class="simplified-specs glass-panel"
178+
style="padding: 1.5rem; margin-top: 1rem; background: rgba(255,255,255,0.02);">
179+
<h4 style="margin-bottom: 0.5rem;"><i class="fa-solid fa-lightbulb" style="color: var(--accent);"></i>
180+
Simplified Specs for Content Creators</h4>
181+
<p style="font-size: 0.9rem; color: #ccc;">
182+
<strong>RAM (Unified Memory):</strong> Think of this as your desk space. 24GB means you can have
183+
100+ browser tabs, Docker, and Photoshop open without your computer slowing down. <br>
184+
<strong>Thunderbolt 5:</strong> Professional-grade speed for moving large 4K video files from
185+
external drives in seconds rather than minutes.
186+
</p>
187+
</div>
188+
155189
<h2>Pros and Cons</h2>
156190
<div class="pros-cons-grid">
157191
<div class="pros-box">

0 commit comments

Comments
 (0)