Skip to content

Commit 8f1c8a2

Browse files
izadoesdevizadoesdev
committed
fix: first bunch of fixes
1 parent 66ceafc commit 8f1c8a2

File tree

14 files changed

+359
-299
lines changed

14 files changed

+359
-299
lines changed

‎apps/docs/app/(home)/layout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export default function Layout({ children }: { children: ReactNode }) {
88
<HomeLayout {...baseOptions}>
99
<div className="flex min-h-screen flex-col font-manrope">
1010
<Navbar />
11-
<main className="overflow-hidden">{children}</main>
11+
<main>{children}</main>
1212
</div>
1313
</HomeLayout>
1414
);

‎apps/docs/app/(home)/page.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,6 @@ export default function HomePage() {
4545
{/* Trusted By Section */}
4646
<Section
4747
className="border-border border-t border-b bg-background/50"
48-
customPaddings
4948
id="trust"
5049
>
5150
<div className="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8">
@@ -68,7 +67,7 @@ export default function HomePage() {
6867
>
6968
<div className="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8">
7069
{/* Description Section */}
71-
<Section customPaddings id="description">
70+
<Section className="pt-10 sm:pt-12" customPaddings id="description">
7271
<Description />
7372
</Section>
7473

‎apps/docs/app/global.css‎

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -340,24 +340,18 @@ html {
340340

341341
/* Mobile performance optimizations */
342342
@media (max-width: 767px) {
343-
/* Reduce animation complexity on mobile */
344-
* {
345-
animation-duration: 0.3s !important;
346-
transition-duration: 0.3s !important;
347-
}
348-
349343
/* Optimize images */
350344
img {
351345
image-rendering: optimizeSpeed;
352346
}
353347

354348
/* Reduce blur effects on mobile for performance */
355349
.backdrop-blur-sm {
356-
backdrop-filter: blur(2px) !important;
350+
backdrop-filter: blur(2px);
357351
}
358352

359353
.backdrop-blur-md {
360-
backdrop-filter: blur(4px) !important;
354+
backdrop-filter: blur(4px);
361355
}
362356
}
363357

@@ -373,11 +367,11 @@ html {
373367

374368
/* Remove hover effects on touch devices */
375369
.hover\:scale-105:hover {
376-
transform: none !important;
370+
transform: none;
377371
}
378372

379373
.hover\:shadow-lg:hover {
380-
box-shadow: none !important;
374+
box-shadow: none;
381375
}
382376
}
383377

‎apps/docs/components/footer.tsx‎

Lines changed: 53 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -6,18 +6,18 @@ import { LogoContent } from './logo';
66
export function Footer() {
77
return (
88
<footer className="border-border border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
9-
<div className="container mx-auto px-4 py-8">
10-
<div className="grid grid-cols-1 gap-6 md:grid-cols-4">
11-
<div className="space-y-3">
9+
<div className="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
10+
<div className="grid grid-cols-2 gap-8 sm:gap-10 md:grid-cols-4">
11+
<div className="col-span-2 space-y-4 md:col-span-1">
1212
<LogoContent />
13-
<p className="text-muted-foreground text-sm">
13+
<p className="text-muted-foreground text-sm sm:text-base">
1414
Privacy-first web analytics without compromising user data.
1515
</p>
1616
</div>
1717

18-
<div className="space-y-3">
19-
<h3 className="font-semibold">Product</h3>
20-
<ul className="space-y-2 text-sm">
18+
<div className="space-y-4">
19+
<h3 className="font-semibold text-base sm:text-lg">Product</h3>
20+
<ul className="space-y-2 text-sm sm:text-base">
2121
<li>
2222
<a
2323
className="text-muted-foreground hover:text-foreground"
@@ -45,9 +45,9 @@ export function Footer() {
4545
</ul>
4646
</div>
4747

48-
<div className="space-y-3">
49-
<h3 className="font-semibold">Company</h3>
50-
<ul className="space-y-2 text-sm">
48+
<div className="space-y-4">
49+
<h3 className="font-semibold text-base sm:text-lg">Company</h3>
50+
<ul className="space-y-2 text-sm sm:text-base">
5151
<li>
5252
<a
5353
className="text-muted-foreground hover:text-foreground"
@@ -75,74 +75,95 @@ export function Footer() {
7575
</ul>
7676
</div>
7777

78-
<div className="space-y-3">
79-
<h3 className="font-semibold">Contact</h3>
80-
<ul className="space-y-2 text-sm">
78+
<div className="col-span-2 space-y-4 md:col-span-1">
79+
<h3 className="font-semibold text-base sm:text-lg">Contact</h3>
80+
<ul className="space-y-3 text-sm sm:text-base">
8181
<li>
8282
<a
83-
className="flex items-center gap-2 text-muted-foreground hover:text-foreground"
83+
className="flex items-center gap-3 text-muted-foreground hover:text-foreground"
8484
href="mailto:[email protected]"
8585
>
86-
<IoMdMail className="h-4 w-4" />
86+
<IoMdMail className="h-5 w-5" />
8787
[email protected]
8888
</a>
8989
</li>
9090
<li>
9191
<a
92-
className="flex items-center gap-2 text-muted-foreground hover:text-foreground"
92+
className="flex items-center gap-3 text-muted-foreground hover:text-foreground"
9393
href="https://discord.gg/JTk7a38tCZ"
9494
rel="noopener"
9595
target="_blank"
9696
>
97-
<FaDiscord className="h-4 w-4" />
97+
<FaDiscord className="h-5 w-5" />
9898
Discord
9999
</a>
100100
</li>
101101
<li>
102102
<a
103-
className="flex items-center gap-2 text-muted-foreground hover:text-foreground"
103+
className="flex items-center gap-3 text-muted-foreground hover:text-foreground"
104104
href="https://github.com/databuddy-analytics"
105105
rel="noopener"
106106
target="_blank"
107107
>
108-
<FaGithub className="h-4 w-4" />
108+
<FaGithub className="h-5 w-5" />
109109
GitHub
110110
</a>
111111
</li>
112112
<li>
113113
<a
114-
className="flex items-center gap-2 text-muted-foreground hover:text-foreground"
114+
className="flex items-center gap-3 text-muted-foreground hover:text-foreground"
115115
href="https://x.com/trydatabuddy"
116116
rel="noopener"
117117
target="_blank"
118118
>
119-
<FaXTwitter className="h-4 w-4" />X (Twitter)
119+
<FaXTwitter className="h-5 w-5" />X (Twitter)
120120
</a>
121121
</li>
122122
</ul>
123123
</div>
124124
</div>
125125

126-
<div className="mt-6 flex flex-col items-center justify-between gap-4 border-border border-t pt-6 sm:flex-row">
127-
<p className="text-muted-foreground text-sm">
126+
<div className="mt-8 flex flex-col items-center justify-between gap-4 border-border border-t pt-6 sm:flex-row">
127+
<p className="text-muted-foreground text-sm sm:text-base">
128128
© {new Date().getFullYear()} Databuddy
129129
</p>
130-
<div className="flex items-center gap-4">
130+
<div className="flex flex-col items-center gap-3 sm:flex-row sm:gap-4">
131131
<a
132132
className="transition-opacity hover:opacity-80"
133133
href="https://twelve.tools"
134134
rel="noopener"
135135
target="_blank"
136136
>
137-
<img
138-
alt="Featured on Twelve Tools"
139-
className="h-auto max-w-[150px] sm:max-w-[200px]"
140-
height="40"
141-
src="https://twelve.tools/badge0-white.svg"
142-
width="150"
143-
/>
137+
<span className="sr-only">Featured on Twelve Tools</span>
138+
<svg
139+
aria-hidden
140+
className="h-8 w-auto sm:h-10"
141+
role="img"
142+
viewBox="0 0 300 80"
143+
xmlns="http://www.w3.org/2000/svg"
144+
>
145+
<title>Featured on Twelve Tools</title>
146+
<rect
147+
fill="currentColor"
148+
height="80"
149+
opacity="0.1"
150+
rx="8"
151+
width="300"
152+
/>
153+
<text
154+
dominantBaseline="middle"
155+
fill="currentColor"
156+
fontFamily="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif"
157+
fontSize="16"
158+
textAnchor="middle"
159+
x="50%"
160+
y="50%"
161+
>
162+
Featured on Twelve Tools
163+
</text>
164+
</svg>
144165
</a>
145-
<p className="text-muted-foreground text-sm">
166+
<p className="text-muted-foreground text-sm sm:text-base">
146167
Privacy-first analytics
147168
</p>
148169
</div>

‎apps/docs/components/landing/card.tsx‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
import type { IconProps } from '@phosphor-icons/react';
2+
import type { ComponentType } from 'react';
23
import { cn } from '@/lib/utils';
34
import { GridPatternBg } from './grid-pattern';
45

56
interface GridCard {
67
title: string;
78
description: string;
8-
icon: (props: IconProps) => any;
9+
icon: ComponentType<IconProps>;
910
}
1011

1112
interface SciFiGridCardProps extends GridCard {
@@ -22,15 +23,15 @@ export const SciFiGridCard = ({
2223
<div
2324
className={cn(
2425
'group relative w-full overflow-hidden',
25-
'min-h-[280px] sm:min-h-[320px] lg:min-h-[370px]',
26+
'min-h-[340px] sm:min-h-[380px] lg:min-h-[420px]',
2627
className
2728
)}
2829
>
2930
<div className="absolute inset-0">
3031
<GridPatternBg />
3132
</div>
3233

33-
<div className="relative h-full border border-border bg-transparent px-4 transition-all duration-300 sm:px-6 lg:px-8">
34+
<div className="relative h-full border border-border bg-transparent px-5 transition-all duration-300 sm:px-6 lg:px-8">
3435
<div className="pointer-events-none absolute inset-0">
3536
<div className="absolute top-0 left-0 h-2 w-2 group-hover:animate-[cornerGlitch_0.6s_ease-in-out]">
3637
<div className="absolute top-0 left-0.5 h-0.5 w-1.5 origin-left bg-foreground" />
@@ -54,18 +55,18 @@ export const SciFiGridCard = ({
5455
</div>
5556

5657
<div className="relative flex h-full flex-col items-center justify-center py-6 sm:py-8">
57-
<div className="mb-4 rounded border border-border bg-card p-2 shadow-[inset_0_1px_3px_rgba(0,0,0,0.06)] sm:mb-6 sm:p-3">
58+
<div className="mb-6 rounded border border-border bg-card p-4 shadow-[inset_0_1px_3px_rgba(0,0,0,0.06)] sm:mb-8 sm:p-5">
5859
<Icon
59-
className="h-5 w-5 text-foreground/80 transition-colors duration-300 group-hover:text-foreground sm:h-6 sm:w-6"
60+
className="h-10 w-10 text-foreground/80 transition-colors duration-300 group-hover:text-foreground sm:h-12 sm:w-12"
6061
weight="duotone"
6162
/>
6263
</div>
6364

64-
<h3 className="px-2 pb-6 text-center font-medium text-base text-foreground transition-colors duration-300 group-hover:text-foreground/90 sm:pb-8 sm:text-lg lg:pb-12">
65+
<h3 className="px-2 pb-6 text-center font-medium text-2xl text-foreground transition-colors duration-300 group-hover:text-foreground/90 sm:pb-8 sm:text-3xl lg:pb-10">
6566
{title}
6667
</h3>
6768

68-
<p className="px-2 text-center text-muted-foreground/70 text-xs leading-relaxed transition-colors duration-300 group-hover:text-muted-foreground sm:text-sm">
69+
<p className="px-2 text-center text-base text-muted-foreground/70 leading-relaxed transition-colors duration-300 group-hover:text-muted-foreground sm:text-lg">
6970
{description}
7071
</p>
7172
</div>

0 commit comments

Comments
 (0)