Skip to content
This repository was archived by the owner on Oct 15, 2025. It is now read-only.

Commit ab3162f

Browse files
s-illlys-illly
authored
Responsiveness (#206)
* Enterprise Edition * Remove placeholder * Responsiveness
1 parent 93555c0 commit ab3162f

File tree

4 files changed

+94
-76
lines changed

4 files changed

+94
-76
lines changed

‎src/lib/components/layout/Footer.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949
</div>
5050
</div>
5151

52-
<div class="flex flex-row gap-20">
52+
<div class="flex flex-col md:flex-row gap-20">
5353
<div>
5454
<h3 class="text-lg font-semibold mb-4">Quick Links</h3>
5555
<ul class="space-y-3">

‎src/lib/components/layout/Header.svelte‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,22 @@
151151
transition:fly={{ y: -20, duration: 200 }}
152152
>
153153
<nav class="container mx-auto px-4 py-4 flex flex-col gap-2">
154+
<a
155+
href="/contact"
156+
target="_self"
157+
rel="noopener noreferrer"
158+
class="py-2 hover:text-primary transition-colors"
159+
>
160+
Support & Consultancy
161+
</a>
162+
<a
163+
href="/product"
164+
target="_self"
165+
rel="noopener noreferrer"
166+
class="py-2 hover:text-primary transition-colors"
167+
>
168+
Product
169+
</a>
154170
<a
155171
href="https://docs.kuzudb.com"
156172
target="_blank"

‎src/lib/components/sections/Enterprise.svelte‎

Lines changed: 69 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@
55
<section class="py-20 px-4 bg-muted/50">
66
<div class="container max-w-6xl mx-auto">
77
<h2 class="text-3xl font-bold mb-12 text-center">Products</h2>
8-
<div class="grid grid-cols-1 md:grid-cols-8 gap-8 max-w-6xl mx-auto">
8+
<div class="grid grid-cols-1 md:grid-cols-3 gap-0 max-w-6xl mx-auto">
99
<!-- Logo Scroll -->
10-
<div class="p-8 bg-background rounded-lg border hover:shadow-lg transition-all col-span-3 flex flex-col h-[36rem] min-h-[28rem]">
10+
<div class="p-8 bg-background rounded-lg border hover:shadow-lg transition-all flex flex-col h-[36rem] min-h-[28rem] mx-auto w-full max-w-md md:mr-8">
1111
<h3 class="text-2xl font-semibold mb-6 text-center md:text-left">
1212
Trusted by
1313
</h3>
@@ -100,81 +100,75 @@
100100
</div>
101101
</div>
102102

103-
<div class="col-span-5 h-full">
104-
<div class="grid grid-cols-5 h-full">
105-
<!-- Open Source -->
106-
<div class="col-span-2 h-full">
107-
<div class="p-8 bg-background rounded-l-lg border shadow-md hover:shadow-lg transition-all h-full flex flex-col">
108-
<h3 class="text-2xl font-semibold text-center md:text-left mb-6">
109-
Open Source
110-
</h3>
111-
<div class="h-px w-full bg-border mb-6"></div>
112-
<ul class="space-y-4 mb-8 text-left">
113-
<li class="flex items-center">
114-
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
115-
In-process architecture
116-
</li>
117-
<li class="flex items-center">
118-
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
119-
High performance at scale
120-
</li>
121-
<li class="flex items-center ">
122-
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
123-
Graph-native features
124-
</li>
125-
<li class="flex items-center">
126-
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
127-
AI and Data ecosystem integration
128-
</li>
129-
<li class="flex items-center">
130-
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
131-
MIT-licensed
132-
</li>
133-
</ul>
134-
<a href="//github.com/kuzudb/kuzu/" target="_blank" class="mt-auto">
135-
<Button variant="outline">Get Started</Button>
136-
</a>
137-
</div>
138-
</div>
139-
<!-- Enterprise Edition -->
140-
<div class="col-span-3 h-full">
141-
<div class="relative p-8 bg-background rounded-r-lg border-1 border-primary shadow-sm transition-all animate-glow h-full flex flex-col">
142-
<h3 class="text-2xl font-semibold text-center md:text-left mb-6">Enterprise Edition</h3>
143-
<div class="h-px w-full bg-primary/20 mb-6"></div>
144-
<ul class="space-y-4 mb-8 text-left">
145-
<li class="flex items-center">
146-
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
147-
All open source features
148-
</li>
149-
<li class="flex items-center">
150-
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
151-
Standalone server deployment
152-
</li>
153-
<li class="flex items-center">
154-
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
155-
Enterprise security
156-
</li>
157-
<li class="flex items-center">
158-
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
159-
Observability
160-
</li>
161-
<li class="flex items-center">
162-
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
163-
Data backup and recovery
164-
</li>
165-
</ul>
166-
<div class="flex flex-row gap-6 mt-auto">
167-
<a href="/product">
168-
<Button variant="default">Learn More</Button>
169-
</a>
170-
</div>
171-
</div>
103+
<!-- Open Source -->
104+
<div class="flex flex-col h-full mx-auto w-full max-w-md md:border-l md:pl-8">
105+
<div class="p-8 bg-background rounded-l-lg border shadow-md hover:shadow-lg transition-all h-full flex flex-col">
106+
<h3 class="text-2xl font-semibold text-center md:text-left mb-6">
107+
Open Source
108+
</h3>
109+
<div class="h-px w-full bg-border mb-6"></div>
110+
<ul class="space-y-4 mb-8 text-left">
111+
<li class="flex items-center">
112+
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
113+
In-process architecture
114+
</li>
115+
<li class="flex items-center">
116+
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
117+
High performance at scale
118+
</li>
119+
<li class="flex items-center ">
120+
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
121+
Graph-native features
122+
</li>
123+
<li class="flex items-center">
124+
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
125+
AI and Data ecosystem integration
126+
</li>
127+
<li class="flex items-center">
128+
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
129+
MIT-licensed
130+
</li>
131+
</ul>
132+
<a href="//github.com/kuzudb/kuzu/" target="_blank" class="mt-auto">
133+
<Button variant="outline">Get Started</Button>
134+
</a>
135+
</div>
136+
</div>
137+
<!-- Enterprise Edition -->
138+
<div class="flex flex-col h-full mx-auto w-full max-w-md">
139+
<div class="relative p-8 bg-background rounded-r-lg border-1 border-primary shadow-sm transition-all animate-glow h-full flex flex-col">
140+
<h3 class="text-2xl font-semibold text-center md:text-left mb-6">Enterprise Edition</h3>
141+
<div class="h-px w-full bg-primary/20 mb-6"></div>
142+
<ul class="space-y-4 mb-8 text-left">
143+
<li class="flex items-center">
144+
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
145+
All open source features
146+
</li>
147+
<li class="flex items-center">
148+
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
149+
Standalone server deployment
150+
</li>
151+
<li class="flex items-center">
152+
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
153+
Enterprise security
154+
</li>
155+
<li class="flex items-center">
156+
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
157+
Observability
158+
</li>
159+
<li class="flex items-center">
160+
<i class="fa-regular fa-circle-check text-primary mr-2"></i>
161+
Data backup and recovery
162+
</li>
163+
</ul>
164+
<div class="flex flex-row gap-6 mt-auto">
165+
<a href="/product">
166+
<Button variant="default">Learn More</Button>
167+
</a>
172168
</div>
173-
174169
</div>
175170
</div>
176171

177-
178172
</div>
179173
</div>
180174
</section>
@@ -198,4 +192,6 @@
198192
width: 100%;
199193
will-change: transform;
200194
}
195+
201196
</style>
197+

‎src/lib/components/sections/Testimonials.svelte‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,9 +53,15 @@
5353
];
5454
</script>
5555

56-
<section class="relative py-20 bg-background overflow-hidden">
56+
57+
<section class="relative py-20 bg-background overflow-auto">
5758
<div class="container max-w-7xl mx-auto">
58-
<div class="h-[800px] overflow-hidden relative">
59+
<div class=" h-[400px] md:h-[800px] overflow-y-auto relative [&::-webkit-scrollbar]:w-2
60+
[&::-webkit-scrollbar-track]:rounded-full
61+
[&::-webkit-scrollbar-track]:bg-background
62+
[&::-webkit-scrollbar-thumb]:rounded-full
63+
[&::-webkit-scrollbar-thumb]:bg-muted">
64+
5965
<div class="columns-1 md:columns-2 lg:columns-3 gap-6">
6066
{#each testimonials as testimonial}
6167
<div class="mb-6 break-inside-avoid bg-background border rounded-lg p-6">

0 commit comments

Comments
 (0)