From 46266a7bbc172f9ad3aa4e6e2e2be914ca227296 Mon Sep 17 00:00:00 2001 From: Marc Mintel Date: Mon, 19 Jan 2026 01:46:07 +0100 Subject: [PATCH] components --- app/[locale]/blog/[slug]/page.tsx | 2 +- app/[locale]/contact/page.tsx | 19 ++-- app/[locale]/page.tsx | 1 - app/[locale]/products/[slug]/page.tsx | 3 +- components/RequestQuoteForm.tsx | 13 ++- components/home/Hero.tsx | 10 +- components/ui.tsx | 131 +------------------------- components/ui/Badge.tsx | 16 ++++ components/ui/Button.tsx | 45 +++++++++ components/{blog => ui}/Callout.tsx | 8 +- components/ui/Card.tsx | 10 ++ components/ui/Container.tsx | 10 ++ components/ui/Heading.tsx | 44 +++++++++ components/ui/Input.tsx | 18 ++++ components/ui/Label.tsx | 18 ++++ components/ui/Section.tsx | 10 ++ components/ui/Textarea.tsx | 18 ++++ components/ui/index.ts | 11 +++ components/ui/utils.ts | 6 ++ tsconfig.tsbuildinfo | 2 +- 20 files changed, 234 insertions(+), 161 deletions(-) create mode 100644 components/ui/Badge.tsx create mode 100644 components/ui/Button.tsx rename components/{blog => ui}/Callout.tsx (89%) create mode 100644 components/ui/Card.tsx create mode 100644 components/ui/Container.tsx create mode 100644 components/ui/Heading.tsx create mode 100644 components/ui/Input.tsx create mode 100644 components/ui/Label.tsx create mode 100644 components/ui/Section.tsx create mode 100644 components/ui/Textarea.tsx create mode 100644 components/ui/index.ts create mode 100644 components/ui/utils.ts diff --git a/app/[locale]/blog/[slug]/page.tsx b/app/[locale]/blog/[slug]/page.tsx index 7e1fb4f8..61332d2f 100644 --- a/app/[locale]/blog/[slug]/page.tsx +++ b/app/[locale]/blog/[slug]/page.tsx @@ -38,7 +38,7 @@ export async function generateMetadata({ params: { locale, slug } }: BlogPostPro import Link from 'next/link'; import VisualLinkPreview from '@/components/blog/VisualLinkPreview'; -import Callout from '@/components/blog/Callout'; +import { Callout } from '@/components/ui'; import HighlightBox from '@/components/blog/HighlightBox'; import Stats from '@/components/blog/Stats'; import AnimatedImage from '@/components/blog/AnimatedImage'; diff --git a/app/[locale]/contact/page.tsx b/app/[locale]/contact/page.tsx index d81968eb..00692870 100644 --- a/app/[locale]/contact/page.tsx +++ b/app/[locale]/contact/page.tsx @@ -1,5 +1,5 @@ import { useTranslations } from 'next-intl'; -import { Section, Container, Button, Heading, Card } from '@/components/ui'; +import { Section, Container, Button, Heading, Card, Input, Textarea, Label } from '@/components/ui'; export default function ContactPage() { const t = useTranslations('Contact'); @@ -97,43 +97,40 @@ export default function ContactPage() {
- - {t('form.name')} +
- - {t('form.email')} +
- - + />