Xeven777

"use client";

import Script from "next/script";

const Clarity = () => {
  return (
    <>
      <Script strategy="lazyOnload" id="clarity-script">
        {`
          (function(c,l,a,r,i,t,y){

Xeven777

/* Sky gradient with border glow effect - reusable for buttons, tabs, cards */
.sky-gradient-glow {
  position: relative;
  background: linear-gradient(to bottom, rgb(125, 211, 252), rgb(14, 165, 233));
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(0, 188, 255, 0.3);
}

.sky-gradient-glow::before {
  content: "";

Xeven777

@keyframes bg-pan {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.animate-bg-pan {

Xeven777

'use client';
import { useTheme } from 'next-themes';
import { Toaster } from '@/components/ui/sonner';

const ToasterwithTheme = () => {
  const { theme } = useTheme();
  return (
    <Toaster
      richColors
      closeButton

Xeven777

import { PrismaClient } from "@prisma/client";
const prismaClientSingleton = () => {
  return new PrismaClient();
};

type PrismaClientSingleton = ReturnType<typeof prismaClientSingleton>;

const globalForPrisma = globalThis as unknown as {
  prisma: PrismaClientSingleton | undefined;
};

Xeven777

/* Headings */
.markdown-body h1 {
  font-size: 2.5rem; /* 40px */
}

.markdown-body h2 {
  font-size: 2rem; /* 32px */
}

Xeven777

html {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

* {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}