dashmedialtd

// To be added into .vscode/settings.json
{
	"tailwindCSS.rootFontSize": 17,
	"tailwindCSS.experimental.classRegex": ["_tw`([^`]*)"]
}

dashmedialtd

import { faChevronRight } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import Link from "next/link";
import { type ReactNode } from "react";
import { _tw, tw } from "~/styling/clsxAndTWMerge";

const designs = {
	primary: _tw`z-20 text-white hover:text-neutral-950 uppercase text-sm font-medium tracking-widest leading-5 justify-between items-center bg-transparent hover:bg-green-300 py-2.5 px-5 rounded-lg border-4 border-green-300 transition-all`,
	
} satisfies Record<string, string>;

dashmedialtd

import clsx, { type ClassValue } from "clsx";
import { extendTailwindMerge } from "tailwind-merge";

const customTailwindMerge = extendTailwindMerge({
	extend: {
		classGroups: {
			"font-size": [
				{
					text: [(part: string) => /^\d{1,3}px$/.test(part)],
				},

dashmedialtd

import { type ReactNode } from "react";
import { tw } from "~/styling/clsxAndTWMerge";

type Props = {
	children: ReactNode;
	outerClassName?: string;
	innerClassName?: string;
	before?: ReactNode;
	after?: ReactNode;
	id?: string;

dashmedialtd

"use client";

import Lenis from "@studio-freight/lenis";
import { usePathname } from "next/navigation";
import { useEffect } from "react";

const SmoothScroll = () => {
	const pathname = usePathname();

	useEffect(() => {