Skip to content

Commit 930ad47

Browse files
eckeljeckelj
committed
use cases.
1 parent e22dd41 commit 930ad47

1 file changed

Lines changed: 212 additions & 29 deletions

File tree

‎product/infrastructure-iq.html‎

Lines changed: 212 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -155,25 +155,59 @@ <h1 class="fade-in">
155155
</div>
156156
</section>
157157

158-
<!-- Problem/Conversion Section -->
158+
<!-- Problem/Solution Section -->
159159
<section class="section problem-section">
160160
<div class="section-header">
161-
<span class="section-tag">PRECISION OVER THROTTLING</span>
162-
<h2 class="section-title">Standard Grid Control Uses Staged Throttling</h2>
161+
<span class="section-tag">PRECISION OVER CURTAILMENT</span>
162+
<h2 class="section-title">The Grid Control Dilemma</h2>
163163
</div>
164164

165-
<div class="problem-content">
166-
<div class="problem-text">
165+
<div class="problem-solution-grid">
166+
<!-- Problem Card -->
167+
<div class="problem-card">
168+
<div class="card-icon problem-icon">
169+
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
170+
<circle cx="32" cy="32" r="24" stroke="#ff4444" stroke-width="2"/>
171+
<path d="M32 16 L32 48" stroke="#ff4444" stroke-width="2.5" stroke-linecap="round"/>
172+
<path d="M40 24 L24 24" stroke="#ff4444" stroke-width="2.5" stroke-linecap="round"/>
173+
</svg>
174+
</div>
175+
<h3>The Problem: Unexpected Throttling or Curtailment</h3>
167176
<p>
168-
Standard grid control uses <strong>"staged throttling"</strong>—rigid, blind power steps that ignore your facility's actual needs. This leads to inefficient energy use, disrupted operations, and wasted flexibility.
177+
Standard grid control uses <strong>binary curtailment or unexpected throttling</strong>—it cuts power when limits are reached. No prediction. No planning. Just immediate shutdown or degradation.
169178
</p>
179+
<ul class="problem-list">
180+
<li><span class="warning-icon">⚠</span> Unexpected comfort loss for occupants</li>
181+
<li><span class="warning-icon">⚠</span> Unexpected operational disruptions</li>
182+
<li><span class="warning-icon">⚠</span> No visibility into future grid demands</li>
183+
<li><span class="warning-icon">⚠</span> Wasted flexibility potential</li>
184+
</ul>
170185
</div>
171186

172-
<div class="solution-text">
173-
<h3>The Infrastructure IQ Shift</h3>
187+
<!-- Solution Card -->
188+
<div class="solution-card">
189+
<div class="card-icon solution-icon">
190+
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
191+
<circle cx="32" cy="32" r="24" stroke="#00d4ff" stroke-width="2"/>
192+
<circle cx="32" cy="32" r="8" fill="#00d4ff"/>
193+
<circle cx="32" cy="16" r="3" fill="#00d4ff"/>
194+
<circle cx="44" cy="24" r="3" fill="#00d4ff"/>
195+
<circle cx="44" cy="40" r="3" fill="#00d4ff"/>
196+
<circle cx="32" cy="48" r="3" fill="#00d4ff"/>
197+
<circle cx="20" cy="40" r="3" fill="#00d4ff"/>
198+
<circle cx="20" cy="24" r="3" fill="#00d4ff"/>
199+
</svg>
200+
</div>
201+
<h3>The Solution: Predictive Grid-Edge Control</h3>
174202
<p>
175-
We transform the grid's "staged limits" into a <strong>Dynamic Operating Envelope</strong>. Instead of a blunt shutdown, we provide precision at the grid edge.
203+
Infrastructure IQ uses <strong>prediction and planning</strong> to regulate intelligently within a safe flexibility corridor—no sudden shutdowns, no comfort loss.
176204
</p>
205+
<ul class="solution-list">
206+
<li><span class="check-icon">✓</span> Predicts flexibility 24-48 hours ahead</li>
207+
<li><span class="check-icon">✓</span> Smooth regulation within safe boundaries</li>
208+
<li><span class="check-icon">✓</span> Zero comfort loss for end users</li>
209+
<li><span class="check-icon">✓</span> Guaranteed grid limit compliance</li>
210+
</ul>
177211
</div>
178212
</div>
179213
</section>
@@ -393,6 +427,90 @@ <h3>Intelligent Load Management Within Safe Corridors</h3>
393427
</div>
394428
</section>
395429

430+
<!-- Use Cases Section -->
431+
<section class="section use-cases-section">
432+
<div class="section-header">
433+
<span class="section-tag">WHO IS THIS FOR?</span>
434+
<h2 class="section-title">Use Cases</h2>
435+
</div>
436+
437+
<div class="use-cases-grid">
438+
<div class="use-case-card">
439+
<div class="use-case-icon">
440+
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
441+
<!-- Grid icon -->
442+
<circle cx="32" cy="32" r="24" stroke="currentColor" stroke-width="2"/>
443+
<line x1="32" y1="8" x2="32" y2="56" stroke="currentColor" stroke-width="1.5"/>
444+
<line x1="8" y1="32" x2="56" y2="32" stroke="currentColor" stroke-width="1.5"/>
445+
<circle cx="32" cy="20" r="3" fill="currentColor"/>
446+
<circle cx="44" cy="32" r="3" fill="currentColor"/>
447+
<circle cx="32" cy="44" r="3" fill="currentColor"/>
448+
<circle cx="20" cy="32" r="3" fill="currentColor"/>
449+
<circle cx="32" cy="32" r="4" fill="currentColor"/>
450+
</svg>
451+
</div>
452+
<h3>Grid Operators (VNB)</h3>
453+
<p>
454+
Reduce grid congestion and avoid costly network expansion investments.
455+
</p>
456+
<ul class="use-case-benefits">
457+
<li>Prevent overload situations proactively</li>
458+
<li>Defer expensive infrastructure upgrades</li>
459+
<li>Real-time visibility into grid edge loads</li>
460+
<li>Guaranteed compliance with grid regulations across Europe</li>
461+
</ul>
462+
</div>
463+
464+
<div class="use-case-card">
465+
<div class="use-case-icon">
466+
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
467+
<!-- Building icon -->
468+
<rect x="16" y="12" width="32" height="40" stroke="currentColor" stroke-width="2" fill="none"/>
469+
<line x1="16" y1="28" x2="48" y2="28" stroke="currentColor" stroke-width="1"/>
470+
<line x1="16" y1="44" x2="48" y2="44" stroke="currentColor" stroke-width="1"/>
471+
<rect x="22" y="16" width="6" height="8" stroke="currentColor" stroke-width="1.5" fill="none"/>
472+
<rect x="32" y="16" width="6" height="8" stroke="currentColor" stroke-width="1.5" fill="none"/>
473+
<rect x="22" y="32" width="6" height="8" stroke="currentColor" stroke-width="1.5" fill="none"/>
474+
<rect x="32" y="32" width="6" height="8" stroke="currentColor" stroke-width="1.5" fill="none"/>
475+
</svg>
476+
</div>
477+
<h3>Facility Managers</h3>
478+
<p>
479+
Monetize flexibility and automate compliance without disrupting operations.
480+
</p>
481+
<ul class="use-case-benefits">
482+
<li>Turn energy flexibility into revenue</li>
483+
<li>Automated grid compliance without manual intervention</li>
484+
<li>Zero comfort impact for building users</li>
485+
<li>Detailed energy analytics and reporting</li>
486+
</ul>
487+
</div>
488+
489+
<div class="use-case-card">
490+
<div class="use-case-icon">
491+
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
492+
<!-- Network/Aggregation icon -->
493+
<circle cx="20" cy="20" r="8" stroke="currentColor" stroke-width="2" fill="none"/>
494+
<circle cx="44" cy="20" r="8" stroke="currentColor" stroke-width="2" fill="none"/>
495+
<circle cx="32" cy="44" r="8" stroke="currentColor" stroke-width="2" fill="none"/>
496+
<line x1="24" y1="24" x2="40" y2="36" stroke="currentColor" stroke-width="1.5" opacity="0.6"/>
497+
<line x1="40" y1="24" x2="36" y2="39" stroke="currentColor" stroke-width="1.5" opacity="0.6"/>
498+
</svg>
499+
</div>
500+
<h3>Aggregators / VPPs</h3>
501+
<p>
502+
Access higher quality flexibility data for better virtual power plant bidding.
503+
</p>
504+
<ul class="use-case-benefits">
505+
<li>Predictable 24-48h flexibility forecasts</li>
506+
<li>Real-time verification of delivered flexibility</li>
507+
<li>Aggregate multiple buildings seamlessly</li>
508+
<li>Reduced balancing costs and penalties</li>
509+
</ul>
510+
</div>
511+
</div>
512+
</section>
513+
396514
<!-- Technical Proof & Compliance Section -->
397515
<section class="section compliance-section">
398516
<div class="section-header">
@@ -408,7 +526,7 @@ <h2 class="section-title">Built for Enterprise</h2>
408526
<path d="M16 24 L20 28 L32 16" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
409527
</svg>
410528
<h4>Grid Compliance</h4>
411-
<p>Automated response to grid demand signals (including §14a EnWG in Germany)</p>
529+
<p>Automated response to grid demand signals across European markets (including §14a EnWG in Germany)</p>
412530
</div>
413531

414532
<div class="compliance-item">
@@ -600,26 +718,72 @@ <h2>Ready to Turn Your Facility into a Grid-Edge Asset?</h2>
600718
max-width: 80px;
601719
}
602720

603-
.problem-title,
604-
.solution-title {
605-
font-size: 1.5rem;
606-
margin-bottom: 1rem;
607-
text-align: center;
721+
/* Problem/Solution Section */
722+
.problem-section {
723+
padding: 4rem 2rem;
724+
background: linear-gradient(135deg, #0a0a0a 0%, #141414 100%);
725+
}
726+
727+
.problem-solution-grid {
728+
display: grid;
729+
grid-template-columns: 1fr 1fr;
730+
gap: 3rem;
731+
margin-top: 4rem;
732+
max-width: 1200px;
733+
margin-left: auto;
734+
margin-right: auto;
735+
}
736+
737+
.problem-card,
738+
.solution-card {
739+
background: #141414;
740+
border: 1px solid #2a2a2a;
741+
border-radius: 12px;
742+
padding: 2.5rem;
743+
transition: all 0.3s ease;
744+
}
745+
746+
.problem-card:hover,
747+
.solution-card:hover {
748+
transform: translateY(-4px);
749+
border-color: #00d4ff;
750+
box-shadow: 0 8px 24px rgba(0, 212, 255, 0.1);
751+
}
752+
753+
.card-icon {
754+
display: flex;
755+
justify-content: center;
756+
margin-bottom: 1.5rem;
757+
height: 80px;
758+
align-items: center;
608759
}
609760

610-
.problem-title {
761+
.problem-icon svg {
611762
color: #ff4444;
612763
}
613764

614-
.solution-title {
765+
.solution-icon svg {
615766
color: #00d4ff;
616767
}
617768

618-
.comparison-description {
619-
text-align: center;
620-
margin-bottom: 2rem;
621-
color: #e0e0e0;
622-
line-height: 1.8;
769+
.problem-card h3 {
770+
color: #ff4444;
771+
font-size: 1.4rem;
772+
margin-bottom: 1rem;
773+
}
774+
775+
.solution-card h3 {
776+
color: #00d4ff;
777+
font-size: 1.4rem;
778+
margin-bottom: 1rem;
779+
}
780+
781+
.problem-card p,
782+
.solution-card p {
783+
color: #b0b0b0;
784+
font-size: 0.95rem;
785+
line-height: 1.7;
786+
margin-bottom: 1.5rem;
623787
}
624788

625789
.problem-list,
@@ -631,21 +795,26 @@ <h2>Ready to Turn Your Facility into a Grid-Edge Asset?</h2>
631795
.problem-list li,
632796
.solution-list li {
633797
padding: 0.75rem 0;
634-
color: #b0b0b0;
798+
color: #e0e0e0;
635799
display: flex;
636-
align-items: center;
800+
align-items: flex-start;
637801
gap: 1rem;
802+
font-size: 0.9rem;
638803
}
639804

640-
.problem-icon {
805+
.warning-icon {
641806
flex-shrink: 0;
642-
font-size: 1.25rem;
807+
color: #ff6666;
808+
font-size: 1.2rem;
809+
line-height: 1.4;
643810
}
644811

645-
.solution-icon {
812+
.check-icon {
646813
flex-shrink: 0;
647814
color: #00ff88;
648815
font-weight: bold;
816+
font-size: 1.1rem;
817+
line-height: 1.4;
649818
}
650819

651820
/* Three Pillars */
@@ -891,6 +1060,14 @@ <h2>Ready to Turn Your Facility into a Grid-Edge Asset?</h2>
8911060
text-align: center;
8921061
}
8931062

1063+
.use-case-card p {
1064+
text-align: center;
1065+
color: #b0b0b0;
1066+
margin-bottom: 1.5rem;
1067+
line-height: 1.7;
1068+
font-size: 0.95rem;
1069+
}
1070+
8941071
.use-case-description {
8951072
text-align: center;
8961073
color: #b0b0b0;
@@ -901,14 +1078,16 @@ <h2>Ready to Turn Your Facility into a Grid-Edge Asset?</h2>
9011078
.use-case-benefits {
9021079
list-style: none;
9031080
padding: 0;
1081+
margin: 0;
9041082
}
9051083

9061084
.use-case-benefits li {
907-
padding: 0.75rem 0;
1085+
padding: 0.6rem 0;
9081086
color: #e0e0e0;
9091087
padding-left: 1.5rem;
9101088
position: relative;
911-
font-size: 0.95rem;
1089+
font-size: 0.9rem;
1090+
line-height: 1.5;
9121091
}
9131092

9141093
.use-case-benefits li:before {
@@ -1372,6 +1551,10 @@ <h2>Ready to Turn Your Facility into a Grid-Edge Asset?</h2>
13721551
max-width: 300px;
13731552
}
13741553

1554+
.problem-solution-grid {
1555+
grid-template-columns: 1fr;
1556+
}
1557+
13751558
.comparison-grid {
13761559
grid-template-columns: 1fr;
13771560
}

0 commit comments

Comments
 (0)