deepGrid.ai/index.html at main · Cyr-Ch/deepGrid.ai · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Deepgrid.io</title>
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <link href="https://cdn.prod.website-files.com/67a3ce6c2892cedd24a60b2a/css/deepgrid-io.webflow.140c31999.css" rel="stylesheet" type="text/css"/>
    <link href="css/styles.css" rel="stylesheet" type="text/css"/>
    <link href="https://fonts.googleapis.com" rel="preconnect"/>
    <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
    <script type="text/javascript">
        WebFont.load({
            google: {
                families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Roboto:300,regular,500"]
            }
        });
    </script>
</head>
<body>
     <!-- Navigation -->
     <div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation-bar w-nav">
        <div class="w-container">
            <nav role="navigation" class="navigation-menu w-nav-menu">
                <div class="nav-buttons">
                    <a href="index.html" class="navigation-link w-nav-link">Home</a>
                    <a href="contact.html" class="navigation-link w-nav-link">Contact</a>
                </div>
            </nav>
            <div class="hamburger-button w-nav-button">
                <div class="w-icon-nav-menu"></div>
            </div>
        </div>
    </div>


    <!-- Hero Section -->
    <div class="hero-section">
        <video autoplay muted loop playsinline class="background-video">
            <source src="images/DeepGridVideo.mp4" type="video/mp4">
        </video>
        <div class="w-container">
            <div class="hero-wrapper">
                <h1 class="hero-heading">deep grid</h1>
                <div class="hero-subheading">Building the next generation of energy management systems with Grid foundational models</div>
                <div class="button-group">
                    <a href="contact.html" class="button w-button primary-button">Get Started</a>
                    <a href="#learn-more" class="button w-button secondary-button">Learn More</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Features Section -->
    <div id="learn-more" class="section">
        <div class="w-container">
            <div class="section-title-group">
                <h2 class="section-heading centered">Intelligent Energy Solutions</h2>
                <div class="section-subheading center">Optimize your microgrid with AI-driven insights</div>
            </div>
            <div class="w-row">
                <div class="w-col w-col-4">
                    <div class="white-box">
                        <svg class="feature-icon" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#1a472a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M12 2L2 7l10 5 10-5-10-5z"/>
                            <path d="M2 17l10 5 10-5"/>
                            <path d="M2 12l10 5 10-5"/>
                        </svg>
                        <h3>Smart Integration</h3>
                        <p>Seamlessly integrate renewable energy sources with existing infrastructure using our AI technology.</p>
                    </div>
                </div>
                <div class="w-col w-col-4">
                    <div class="white-box">
                        <svg class="feature-icon" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#1a472a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M3 3v18h18"/>
                            <path d="M18 17V9"/>
                            <path d="M13 17V5"/>
                            <path d="M8 17v-3"/>
                        </svg>
                        <h3>Predictive Analytics</h3>
                        <p>Gather real-time insights, recommendations and dynamically adjust to grid conditions.</p>
                    </div>
                </div>
                <div class="w-col w-col-4">
                    <div class="white-box">
                        <svg class="feature-icon" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#1a472a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <circle cx="12" cy="12" r="10"/>
                            <polyline points="12 6 12 12 16 14"/>
                        </svg>
                        <h3>Real-time Monitoring</h3>
                        <p>Monitor and control your microgrid performance using our intuitive dashboard or by directly chatting with it.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Why Choose Section -->
    <div class="section accent">
        <div class="w-container">
            <div class="section-title-group">
                <h2 class="section-heading centered white">Why Choose Deep Grid?</h2>
                <div class="section-subheading center off-white">Leading the future of energy management</div>
            </div>
            <div class="w-row">
                <div class="w-col w-col-6">
                    <div class="white-box transparent">
                        <h3 class="accent-heading">Self-learning AI Technology</h3>
                        <p class="accent-text">Our Grid Foundational Models optimize energy distribution, storage, and consumption in real-time. They are able to adapt to consumer behavioral patterns through continuous self-learning.</p>
                    </div>
                </div>
                <div class="w-col w-col-6">
                    <div class="white-box transparent">
                        <h3 class="accent-heading">Sustainable Microgrid Solutions</h3>
                        <p class="accent-text">Reduce carbon footprint while maximizing efficiency through carbon-aware scheduling and green energy prioritization. Our lifecycle AI modeling ensures optimal battery performance and longevity.</p>
                    </div>
                </div>
            </div>
            <div class="w-row">
                <div class="w-col w-col-6">
                    <div class="white-box transparent">
                        <h3 class="accent-heading">Hyper-Personalized Recommendations</h3>
                        <p class="accent-text">Optimize energy management at the microgrid level with consumer-level intelligence. Generate targeted recommendations based on detailed usage patterns and preferences.</p>
                    </div>
                </div>
                <div class="w-col w-col-6">
                    <div class="white-box transparent">
                        <h3 class="accent-heading">Fully Interoperable System</h3>
                        <p class="accent-text">Built with API-first architecture for seamless integration with existing microgrid solutions. Modular components enable easy deployment across utilities, businesses and communities.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- CTA Section -->
    <div class="section">
        <div class="w-container">
            <div class="section-title-group">
                <h2 class="section-heading centered">Ready to Transform Your Energy Infrastructure?</h2>
                <div class="section-subheading center">Contact us today to learn more about our AI-powered microgrid solutions</div>
            </div>
            <div class="button-group centered">
                <a href="contact.html" class="button w-button">Get Started</a>
            </div>
        </div>
    </div>

    <!-- Footer -->
    <div class="footer">
        <div class="w-container">
            <div class="w-row">
                <div class="spc w-col w-col-4">
                    <h5>about deepgrid</h5>
                    <p>Deep Grid is pioneering the future of energy management through Grid Foundational Models. Our AI-driven solutions optimize microgrids, enabling smarter, more sustainable energy distribution for utilities, businesses, and communities.</p>
                </div>
                <div class="spc w-col w-col-4">
                    <h5>useful links</h5>
                    <a href="#" class="footer-link">AI Grid Models: The Future of Energy</a>
                    <a href="#" class="footer-link">Why AI is Essential for Modern Microgrids</a>
                    <a href="#" class="footer-link">Optimizing Microgrids with Machine Learning</a>
                    <a href="#" class="footer-link">The Role of AI in Energy Management</a>
                </div>
                <div class="w-col w-col-4">
                    <h5>social</h5>
                    <div class="footer-link-wrapper w-clearfix">
                        <svg class="info-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>
                            <rect x="2" y="9" width="4" height="12"/>
                            <circle cx="4" cy="4" r="2"/>
                        </svg>
                        <a href="#" class="footer-link with-icon">LinkedIn</a>
                    </div>
                    <div class="footer-link-wrapper w-clearfix">
                        <svg class="info-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"/>
                        </svg>
                        <a href="#" class="footer-link with-icon">X</a>
                    </div>
                    <div class="footer-link-wrapper w-clearfix">
                        <svg class="info-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <rect x="2" y="2" width="20" height="20" rx="5" ry="5"/>
                            <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/>
                            <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/>
                        </svg>
                        <a href="#" class="footer-link with-icon">Instagram</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer center">
        <div class="w-container">
            <div class="footer-text">Copyright Deepgrid Inc.</div>
        </div>
    </div>

    <!-- Scripts -->
    <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
    <script src="https://cdn.prod.website-files.com/67a3ce6c2892cedd24a60b2a/js/webflow.f037cb91.2a0e64679408d242.js" type="text/javascript"></script>
    <script src="js/main.js"></script>
</body>
</html>