Merge branch 'ameers-work' into dev

Author: ameer2468

.env.example

@@ -1,45 +0,0 @@
-CLICKHOUSE_URL="http://default:@localhost:8123/databuddy_analytics"
-DATABASE_URL="postgres://databuddy:databuddy_dev_password@localhost:5432/databuddy"
-REDIS_URL="redis://localhost:6379"
-
-# Openrouter API key, only needed for the assistant
-AI_API_KEY=""
-
-BETTER_AUTH_URL="http://localhost:3000"
-BETTER_AUTH_SECRET="your_bcrypt_secret"
-
-# OpenPageRank key, not needed for most operations
-OPR_API_KEY=""
-
-# Optional, not necessary unless you plan to upload images to organizations
-R2_ACCESS_KEY_ID=""
-R2_SECRET_ACCESS_KEY=""
-R2_BUCKET=""
-R2_ENDPOINT=""
-
-# Not necessary, disabled if node env is development
-AUTUMN_SECRET_KEY="autumn pls sponsor me ily"
-
-# Important for local
-NODE_ENV=development
-
-# Only change if needed
-LOGTAIL_SOURCE_TOKEN="124353"
-LOGTAIL_ENDPOINT="1234567.com"
-
-# Not necessary, except for github oauth
-GITHUB_CLIENT_ID="gitlabs was here"
-GITHUB_CLIENT_SECRET="i guess"
-
-# Not necessary, except for google oauth
-GOOGLE_CLIENT_ID="just bing it"
-GOOGLE_CLIENT_SECRET="alot"
-
-# Not Necessary unless self-hosting
-RESEND_API_KEY="bongo cat"
-
-NEXT_PUBLIC_API_URL="http://localhost:3001"
-
-# Not Necessary unless using blog
-MARBLE_WORKSPACE_KEY=
-MARBLE_API_URL=https://api.marblecms.com

apps/dashboard/app/(auth)/layout.tsx

@@ -24,28 +24,27 @@ export default async function AuthLayout({
 			<div className="relative hidden flex-col items-start justify-between overflow-hidden p-12 md:flex md:w-1/2">
 				<div className="absolute inset-0">
 					<Iridescence
-						amplitude={0.2}
-						color={[0.1, 0.2, 0.9]}
+						amplitude={0.1}
+						color={[0.1, 0.1, 0.1]}
 						mouseReact={false}
 						speed={0.5}
 					/>
 				</div>
 				<Link className="relative z-10" href="https://www.databuddy.cc">
 					<Button
-						className="group scale-100 cursor-pointer border-white/10 bg-white/20 text-white transition-all duration-200 hover:scale-105 hover:bg-white/20"
-						variant="outline"
+						className="px-0! text-white/50 hover:bg-transparent hover:text-white/80"
+						variant="ghost"
 					>
-						<CaretLeftIcon className="h-4 w-4 transition-all duration-200 group-hover:translate-x-[-4px]" />
+						<CaretLeftIcon className="size-4 transition-transform duration-200 group-hover:translate-x-[-4px]" />
 						Back
 					</Button>
 				</Link>
-				<div className="relative z-10 text-white">
-					<h1 className="mb-4 font-bold text-4xl">
-						Build better <br />
-						products with <br />
+				<div className="relative z-10">
+					<h1 className="mb-2 w-full max-w-sm font-medium text-4xl text-white/60 leading-[46px]">
+						Build <span className="text-white">better products</span> with
 						Databuddy
 					</h1>
-					<p className="max-w-md text-white/70">
+					<p className="max-w-sm text-white/90">
 						Connect your data sources, build insights, and share them with your
 						team.
 					</p>

apps/dashboard/app/(auth)/login/magic/page.tsx

@@ -46,26 +46,25 @@ export default function MagicLinkPage() {
 		<div className="relative mx-auto mt-12 w-full max-w-md overflow-hidden p-6">
 			<div className="mb-12 text-center">
 				<div className="relative mb-10 inline-flex h-16 w-16 items-center justify-center">
-					<div className="-inset-1 absolute rounded-full bg-gradient-to-tr from-blue-200 to-blue-100 opacity-20 blur-md" />
+					<div className="-inset-1 absolute animate-pulse rounded-full bg-radial from-accent-foreground to-transparent opacity-20 blur-md" />
 					<div className="relative">
 						<Sparkles className="h-8 w-8 animate-pulse text-foreground" />
 					</div>
 				</div>
-				<h1 className="font-bold text-2xl text-foreground">
+				<h1 className="font-medium text-2xl text-foreground">
 					Sign in with magic link
 				</h1>
-				<p className="mt-2 text-muted-foreground">
+				<p className="mt-1 text-muted-foreground text-sm">
 					No password needed — just use your email
 				</p>
 			</div>
 			<form className="space-y-4" onSubmit={handleMagicLinkLogin}>
-				<div className="space-y-2">
+				<div className="space-y-3">
 					<Label className="font-medium text-foreground" htmlFor="magic-email">
 						Email address
 					</Label>
 					<Input
 						autoComplete="email"
-						className="h-11 transition-all duration-200 focus:ring-2 focus:ring-primary/20"
 						id="magic-email"
 						name="email"
 						onChange={(e) => setEmail(e.target.value)}
@@ -76,36 +75,28 @@ export default function MagicLinkPage() {
 					/>
 				</div>
 				<div className="flex items-center gap-3 p-3 text-info-foreground text-sm">
-					<Sparkles className="h-5 w-5 shrink-0 text-foreground" />
+					<Sparkles className="size-4 shrink-0 text-foreground" />
 					<p className="text-muted-foreground">
 						We'll send a secure link to your email that will sign you in
 						instantly — no password needed.
 					</p>
 				</div>
-				<Button
-					className="h-11 w-full bg-info text-info-foreground hover:bg-info/90"
-					disabled={isLoading}
-					type="submit"
-				>
+				<Button className="w-full" disabled={isLoading} size="lg" type="submit">
 					{isLoading ? (
 						<>
-							<Loader2 className="mr-2 h-4 w-4 animate-spin" />
+							<Loader2 className="size-4 animate-spin" />
 							Sending magic link...
 						</>
 					) : (
 						<>
-							<Sparkles className="mr-2 h-4 w-4" />
+							<Sparkles className="size-4" />
 							Send magic link
 						</>
 					)}
 				</Button>
 				<Link className="block" href="/login">
-					<Button
-						className="h-11 w-full border-info/20 hover:cursor-pointer hover:bg-info/5"
-						type="button"
-						variant="outline"
-					>
-						<ChevronLeft className="mr-2 h-4 w-4" />
+					<Button className="w-full" size="lg" type="button" variant="ghost">
+						<ChevronLeft className="size-4" />
 						Back to login
 					</Button>
 				</Link>