1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+
4+ < head >
5+ < meta charset ="UTF-8 ">
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7+ < title > Hardware Catalog | TechStack Global</ title >
8+ < meta name ="description "
9+ content ="Browse our comprehensive catalog of elite hardware. From high-performance laptops to professional workstations and essential peripherals. ">
10+ < meta name ="keywords "
11+ content ="hardware catalog, tech reviews, pro hardware, macbook pro m4, dell xps, samsung ssd, lg monitor ">
12+
13+ <!-- OpenGraph / Social Media -->
14+ < meta property ="og:type " content ="website ">
15+ < meta property ="og:url " content ="https://techstackglobal.github.io/hardware-catalog.html ">
16+ < meta property ="og:title " content ="Hardware Catalog | TechStack Global ">
17+ < meta property ="og:description " content ="The definitive library of premium tech reviews. ">
18+
19+ < link href ="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap "
20+ rel ="stylesheet ">
21+ < link rel ="stylesheet " href ="style.css ">
22+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css ">
23+ </ head >
24+
25+ < body class ="dark-theme ">
26+ < div class ="ambient-grid "> </ div >
27+ < header class ="glass-header ">
28+ < nav class ="container ">
29+ < div class ="logo "> < a href ="index.html "> TechStack< span class ="accent "> Global</ span > </ a > </ div >
30+ < ul class ="nav-links ">
31+ < li > < a href ="index.html "> Home</ a > </ li >
32+ < li > < a href ="amazon-stack.html "> Amazon Stack</ a > </ li >
33+ < li > < a href ="hardware-catalog.html " class ="active "> Hardware Catalog</ a > </ li >
34+ < li > < a href ="blog.html "> Guides</ a > </ li >
35+ < li > < a href ="about.html "> About</ a > </ li >
36+ < li > < a href ="contact.html "> Contact</ a > </ li >
37+ </ ul >
38+ </ nav >
39+ </ header >
40+
41+ < div id ="site-affiliate-notice "
42+ style ="background:#0f1724;color:#d1d5db;padding:6px 12px;font-size:13px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05); ">
43+ < strong > Note:</ strong > TechStack Global uses affiliate links — we may earn a commission on purchases at no extra
44+ cost to you.
45+ </ div >
46+
47+ < main class ="container section-padding " style ="margin-top: 80px; ">
48+ < div class ="section-header ">
49+ < h1 > Elite Hardware Catalog</ h1 >
50+ < p > Every individual tool, workstation, and peripheral we've vetted for the modern stack.</ p >
51+ </ div >
52+
53+ < div class ="tool-grid "
54+ style ="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; ">
55+ <!-- Apple MacBook Pro M4 Pro -->
56+ < article class ="tool-card glass-panel " style ="padding: 1.5rem; border-radius: 12px; ">
57+ < img src ="assets/images/macbook_hero.jpg " alt ="Apple MacBook Pro M4 Pro " loading ="lazy "
58+ style ="width:100%; height:200px; object-fit:cover; border-radius:8px; margin-bottom: 1.2rem; ">
59+ < div
60+ style ="font-size:0.7rem; font-weight:700; text-transform:uppercase; color:var(--accent); letter-spacing:1px; margin-bottom:0.4rem; ">
61+ Laptop</ div >
62+ < h3 style ="font-size: 1.2rem; margin-bottom: 0.8rem; "> Apple MacBook Pro M4 Pro</ h3 >
63+ < p style ="font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 1.5rem; "> The definitive 2026
64+ workstation for developers and creative pros.</ p >
65+ < div style ="display: flex; gap: 10px; ">
66+ < a href ="posts/apple-macbook-pro-m4-pro-review.html " class ="btn-outline "
67+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Read Review</ a >
68+ < a href ="https://www.amazon.com/Apple-MacBook-Laptop-14%E2%80%91core-32%E2%80%91core/dp/B0DLHJZRF6?tag=techstackglob-20 "
69+ target ="_blank " class ="btn-primary "
70+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Amazon</ a >
71+ </ div >
72+ </ article >
73+
74+ <!-- Dell XPS 15 -->
75+ < article class ="tool-card glass-panel " style ="padding: 1.5rem; border-radius: 12px; ">
76+ < img src ="https://m.media-amazon.com/images/I/61Ks9X44eVL._AC_SL1181_.jpg " alt ="Dell XPS 15 "
77+ loading ="lazy "
78+ style ="width:100%; height:200px; object-fit:cover; border-radius:8px; margin-bottom: 1.2rem; ">
79+ < div
80+ style ="font-size:0.7rem; font-weight:700; text-transform:uppercase; color:#00c3ff; letter-spacing:1px; margin-bottom:0.4rem; ">
81+ Laptop</ div >
82+ < h3 style ="font-size: 1.2rem; margin-bottom: 0.8rem; "> Dell XPS 15 (9530)</ h3 >
83+ < p style ="font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 1.5rem; "> Elite Windows
84+ engineering with gorgeous OLED display options.</ p >
85+ < div style ="display: flex; gap: 10px; ">
86+ < a href ="posts/dell-xps-15-9530-review.html " class ="btn-outline "
87+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Read Review</ a >
88+ < a href ="https://www.amazon.com/Dell-9000-9530-15-6-Notebook/dp/B0CDNTRB2V?tag=techstackglob-20 "
89+ target ="_blank " class ="btn-primary "
90+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Amazon</ a >
91+ </ div >
92+ </ article >
93+
94+ <!-- Surface Laptop Studio 2 -->
95+ < article class ="tool-card glass-panel " style ="padding: 1.5rem; border-radius: 12px; ">
96+ < img src ="https://m.media-amazon.com/images/I/61LMopCIyTL._AC_SL1200_.jpg " alt ="Surface Laptop Studio 2 "
97+ loading ="lazy "
98+ style ="width:100%; height:200px; object-fit:cover; border-radius:8px; margin-bottom: 1.2rem; ">
99+ < div
100+ style ="font-size:0.7rem; font-weight:700; text-transform:uppercase; color:#ff4b2b; letter-spacing:1px; margin-bottom:0.4rem; ">
101+ Laptop / Tablet</ div >
102+ < h3 style ="font-size: 1.2rem; margin-bottom: 0.8rem; "> Surface Laptop Studio 2</ h3 >
103+ < p style ="font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 1.5rem; "> The power of a
104+ workstation with the agility of a tablet.</ p >
105+ < div style ="display: flex; gap: 10px; ">
106+ < a href ="posts/surface-laptop-studio-2-review.html " class ="btn-outline "
107+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Read Review</ a >
108+ < a href ="https://www.amazon.com/Microsoft-Touchscreen-Convertible-Floating-Notebook/dp/B0D7TR2R2T?tag=techstackglob-20 "
109+ target ="_blank " class ="btn-primary "
110+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Amazon</ a >
111+ </ div >
112+ </ article >
113+
114+ <!-- Samsung 990 PRO -->
115+ < article class ="tool-card glass-panel " style ="padding: 1.5rem; border-radius: 12px; ">
116+ < img src ="https://m.media-amazon.com/images/I/71+j3YpWJWL._AC_SL1500_.jpg " alt ="Samsung 990 PRO SSD "
117+ loading ="lazy "
118+ style ="width:100%; height:200px; object-fit:cover; border-radius:8px; margin-bottom: 1.2rem; ">
119+ < div
120+ style ="font-size:0.7rem; font-weight:700; text-transform:uppercase; color:#8b5cf6; letter-spacing:1px; margin-bottom:0.4rem; ">
121+ Storage</ div >
122+ < h3 style ="font-size: 1.2rem; margin-bottom: 0.8rem; "> Samsung 990 PRO (2TB)</ h3 >
123+ < p style ="font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 1.5rem; "> Professional-grade
124+ NVMe speeds up to 7,450 MB/s for creatives.</ p >
125+ < div style ="display: flex; gap: 10px; ">
126+ < a href ="posts/samsung-990-pro-ssd-review.html " class ="btn-outline "
127+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Read Review</ a >
128+ < a href ="https://www.amazon.com/SAMSUNG-Internal-Expansion-MZ-V9P2T0B-AM/dp/B0BHJJ9Y77?tag=techstackglob-20 "
129+ target ="_blank " class ="btn-primary "
130+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Amazon</ a >
131+ </ div >
132+ </ article >
133+
134+ <!-- LG 4K Monitor -->
135+ < article class ="tool-card glass-panel " style ="padding: 1.5rem; border-radius: 12px; ">
136+ < img src ="/posts/lg-27us500w-primary.jpg " alt ="LG UltraFine 4K Monitor " loading ="lazy "
137+ style ="width:100%; height:200px; object-fit:cover; border-radius:8px; margin-bottom: 1.2rem; ">
138+ < div
139+ style ="font-size:0.7rem; font-weight:700; text-transform:uppercase; color:#10b981; letter-spacing:1px; margin-bottom:0.4rem; ">
140+ 4K Monitor</ div >
141+ < h3 style ="font-size: 1.2rem; margin-bottom: 0.8rem; "> LG 27US500-W 4K</ h3 >
142+ < p style ="font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 1.5rem; "> Crystal clear IPS
143+ panel with 60W USB-C PD power delivery.</ p >
144+ < div style ="display: flex; gap: 10px; ">
145+ < a href ="posts/lg-27us500-w-ultrafine-monitor-review.html " class ="btn-outline "
146+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Read Review</ a >
147+ < a href ="https://www.amazon.com/LG-27US500-W-UltraFine-Display-Silver/dp/B0D9R7Q449?tag=techstackglob-20 "
148+ target ="_blank " class ="btn-primary "
149+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Amazon</ a >
150+ </ div >
151+ </ article >
152+
153+ <!-- Dell Smart Dock -->
154+ < article class ="tool-card glass-panel " style ="padding: 1.5rem; border-radius: 12px; ">
155+ < img src ="assets/images/products/dell-sd25tb4-box.jpg " alt ="Dell SD25TB4 Dock " loading ="lazy "
156+ style ="width:100%; height:200px; object-fit:cover; border-radius:8px; margin-bottom: 1.2rem; ">
157+ < div
158+ style ="font-size:0.7rem; font-weight:700; text-transform:uppercase; color:#f59e0b; letter-spacing:1px; margin-bottom:0.4rem; ">
159+ Connectivity</ div >
160+ < h3 style ="font-size: 1.2rem; margin-bottom: 0.8rem; "> Dell SD25TB4 Smart Dock</ h3 >
161+ < p style ="font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 1.5rem; "> The ultimate
162+ Thunderbolt 4 solution for clean, powerful desks.</ p >
163+ < div style ="display: flex; gap: 10px; ">
164+ < a href ="posts/dell-thunderbolt-smart-dock-review.html " class ="btn-outline "
165+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Read Review</ a >
166+ < a href ="https://www.amazon.com/Dell-Thunderbolt-Smart-Dock-SD25TB4/dp/B0CXKW19MT?tag=techstackglob-20 "
167+ target ="_blank " class ="btn-primary "
168+ style ="flex: 1; text-align: center; padding: 0.7rem; "> Amazon</ a >
169+ </ div >
170+ </ article >
171+ </ div >
172+ </ main >
173+
174+ < footer class ="glass-footer ">
175+ < div class ="container footer-content ">
176+ < div class ="footer-brand ">
177+ < h3 > < a href ="index.html " style ="text-decoration: none; color: inherit; "> TechStack< span
178+ class ="accent "> Global</ span > </ a > </ h3 >
179+ < p > Curating the best tech for modern work and growth.</ p >
180+ </ div >
181+ < div class ="footer-links ">
182+ < h4 > Legal</ h4 >
183+ < ul >
184+ < li > < a href ="affiliate-disclosure.html "> Affiliate Disclosure</ a > </ li >
185+ < li > < a href ="privacy-policy.html "> Privacy Policy</ a > </ li >
186+ < li > < a href ="terms-of-service.html "> Terms of Service</ a > </ li >
187+ </ ul >
188+ </ div >
189+ < div class ="footer-links ">
190+ < h4 > Company</ h4 >
191+ < ul >
192+ < li > < a href ="about.html "> About Us</ a > </ li >
193+ < li > < a href ="contact.html "> Contact</ a > </ li >
194+ </ ul >
195+ </ div >
196+ </ div >
197+ < div class ="container footer-bottom ">
198+ < p > © < span id ="year "> 2026</ span > TechStack Global. All rights reserved.</ p >
199+ </ div >
200+ </ footer >
201+ < script src ="script.js "> </ script >
202+ </ body >
203+
204+ </ html >
0 commit comments