Skip to content

Commit 7fd4617

Browse files
michaeloboyleclaude
michaeloboyle
and
claude
committed
fix: Restore simple use case cards with links to dedicated example pages
- Remove inline graph visualizations, buttons, and code snippets - Replace with clean 'See example →' links to dedicated pages - Remove Vis.js CDN and examples.js script (only needed on example pages) - Improves landing page performance and user experience 🤖 Generated with Claude Code (https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
1 parent 3c95fe8 commit 7fd4617

File tree

1 file changed

+8
-51
lines changed

1 file changed

+8
-51
lines changed

‎landing-page/index.html‎

Lines changed: 8 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,6 @@
1010
<link rel="preconnect" href="https://fonts.googleapis.com">
1111
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1212
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
13-
<!-- Vis.js Network Visualization -->
14-
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/vis-network.min.js"></script>
1513
</head>
1614
<body>
1715
<!-- Navigation -->
@@ -195,69 +193,29 @@ <h3 class="feature-title">Enterprise Security</h3>
195193
<h2 class="section-title">Built for modern applications</h2>
196194
</div>
197195
<div class="use-cases-grid">
198-
<div class="use-case" data-example="job-search">
196+
<div class="use-case">
199197
<div class="use-case-icon">🔍</div>
200198
<h3>Job Boards & Recruiting</h3>
201199
<p>Connect jobs, companies, candidates, and skills. Query complex relationships instantly.</p>
202-
<div id="graph-job-search" class="graph-visualization"></div>
203-
<button class="animate-query-btn" data-target="job-search">▶ Run Query</button>
204-
<div class="code-snippet">
205-
<pre><code><span class="code-comment">// Find remote jobs matching my skills</span>
206-
<span class="code-keyword">const</span> jobs = <span class="code-keyword">await</span> db
207-
.<span class="code-function">nodes</span>(<span class="code-string">'User'</span>, { id: <span class="code-string">'me'</span> })
208-
.<span class="code-function">follow</span>(<span class="code-string">'HAS_SKILL'</span>)
209-
.<span class="code-function">follow</span>(<span class="code-string">'-REQUIRES_SKILL'</span>)
210-
.<span class="code-function">where</span>({ remote: <span class="code-keyword">true</span> })
211-
.<span class="code-function">exec</span>();</code></pre>
212-
</div>
200+
<a href="examples/job-search.html" class="use-case-link">See example →</a>
213201
</div>
214-
<div class="use-case" data-example="ecommerce">
202+
<div class="use-case">
215203
<div class="use-case-icon">🛒</div>
216204
<h3>E-Commerce</h3>
217205
<p>Product recommendations, user preferences, purchase history. Real-time personalization.</p>
218-
<div id="graph-ecommerce" class="graph-visualization"></div>
219-
<button class="animate-query-btn" data-target="ecommerce">▶ Run Query</button>
220-
<div class="code-snippet">
221-
<pre><code><span class="code-comment">// Recommend products based on purchases</span>
222-
<span class="code-keyword">const</span> recommended = <span class="code-keyword">await</span> db
223-
.<span class="code-function">nodes</span>(<span class="code-string">'User'</span>, { id: userId })
224-
.<span class="code-function">follow</span>(<span class="code-string">'PURCHASED'</span>)
225-
.<span class="code-function">follow</span>(<span class="code-string">'-PURCHASED'</span>)
226-
.<span class="code-function">groupBy</span>(<span class="code-string">'id'</span>)
227-
.<span class="code-function">exec</span>();</code></pre>
228-
</div>
206+
<a href="examples/ecommerce.html" class="use-case-link">See example →</a>
229207
</div>
230-
<div class="use-case" data-example="social">
208+
<div class="use-case">
231209
<div class="use-case-icon">👥</div>
232210
<h3>Social Networks</h3>
233211
<p>Friend graphs, follows, feeds. Scale to millions of connections effortlessly.</p>
234-
<div id="graph-social" class="graph-visualization"></div>
235-
<button class="animate-query-btn" data-target="social">▶ Run Query</button>
236-
<div class="code-snippet">
237-
<pre><code><span class="code-comment">// Friend-of-friend suggestions</span>
238-
<span class="code-keyword">const</span> suggestions = <span class="code-keyword">await</span> db
239-
.<span class="code-function">nodes</span>(<span class="code-string">'User'</span>, { id: <span class="code-string">'me'</span> })
240-
.<span class="code-function">follow</span>(<span class="code-string">'FRIENDS_WITH'</span>)
241-
.<span class="code-function">follow</span>(<span class="code-string">'FRIENDS_WITH'</span>)
242-
.<span class="code-function">except</span>(myFriends)
243-
.<span class="code-function">exec</span>();</code></pre>
244-
</div>
212+
<a href="examples/social.html" class="use-case-link">See example →</a>
245213
</div>
246-
<div class="use-case" data-example="crm">
214+
<div class="use-case">
247215
<div class="use-case-icon">🎯</div>
248216
<h3>CRM & Sales</h3>
249217
<p>Company hierarchies, deal pipelines, contact networks. Track every relationship.</p>
250-
<div id="graph-crm" class="graph-visualization"></div>
251-
<button class="animate-query-btn" data-target="crm">▶ Run Query</button>
252-
<div class="code-snippet">
253-
<pre><code><span class="code-comment">// Find decision makers for deals</span>
254-
<span class="code-keyword">const</span> contacts = <span class="code-keyword">await</span> db
255-
.<span class="code-function">nodes</span>(<span class="code-string">'Deal'</span>, { stage: <span class="code-string">'negotiation'</span> })
256-
.<span class="code-function">follow</span>(<span class="code-string">'AT_COMPANY'</span>)
257-
.<span class="code-function">follow</span>(<span class="code-string">'-WORKS_AT'</span>)
258-
.<span class="code-function">where</span>({ role: <span class="code-string">'C-level'</span> })
259-
.<span class="code-function">exec</span>();</code></pre>
260-
</div>
218+
<a href="examples/crm.html" class="use-case-link">See example →</a>
261219
</div>
262220
</div>
263221
</div>
@@ -606,6 +564,5 @@ <h4>Company</h4>
606564
</footer>
607565

608566
<script src="js/main.js"></script>
609-
<script src="js/examples.js"></script>
610567
</body>
611568
</html>

0 commit comments

Comments
 (0)