mmintel/klz-cables.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

wip
Some checks failed
Build & Deploy / deploy (push) Failing after 17s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-01-17 16:06:16 +01:00
parent f64cb71170
commit e6651761f3
20 changed files with 453 additions and 350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/ui.tsx
View File

@@ -51,7 +51,7 @@ export function Button({ className, variant = 'primary', size = 'md', href, ...p
export function Section({ className, children, ...props }: React.HTMLAttributes<HTMLElement>) {
return (
<section className={cn('py-20 md:py-28 lg:py-36 overflow-hidden', className)} {...props}>
<section className={cn('py-16 md:py-28 lg:py-36 overflow-hidden content-visibility-auto', className)} {...props}>
{children}
</section>
);
@@ -59,7 +59,7 @@ export function Section({ className, children, ...props }: React.HTMLAttributes<
export function Container({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) {
return (
<div className={cn('container mx-auto px-6 md:px-12 lg:px-16 max-w-7xl', className)} {...props}>
<div className={cn('container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl', className)} {...props}>
{children}
</div>
);
@@ -81,8 +81,8 @@ export function Heading({
const Tag = `h${level}` as any;
const sizes = {
1: 'text-5xl md:text-6xl lg:text-7xl font-extrabold leading-[1.1]',
2: 'text-4xl md:text-5xl lg:text-6xl font-bold leading-tight',
1: 'text-4xl md:text-6xl lg:text-7xl xl:text-8xl font-extrabold leading-[1.1]',
2: 'text-3xl md:text-5xl lg:text-6xl font-bold leading-tight',
3: 'text-2xl md:text-3xl lg:text-4xl font-bold',
4: 'text-xl md:text-2xl font-bold',
};
@@ -94,9 +94,9 @@ export function Heading({
};
return (
<div className={cn('mb-12 md:mb-16', alignments[align], className)}>
<div className={cn('mb-8 md:mb-16', alignments[align], className)}>
{subtitle && (
<span className="inline-block text-accent font-bold tracking-widest uppercase text-sm mb-4 animate-fade-in">
<span className="inline-block text-accent font-bold tracking-widest uppercase text-xs md:text-sm mb-3 md:mb-4 animate-fade-in">
{subtitle}
</span>
)}