@hed-hog/contact 0.0.328 → 0.0.330

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,110 +0,0 @@
1
- 'use client';
2
-
3
- import { CrmNav } from './crm-nav';
4
- import { Page, PageHeader } from '@/components/entity-list';
5
- import { Badge } from '@/components/ui/badge';
6
- import { Button } from '@/components/ui/button';
7
- import {
8
- Card,
9
- CardContent,
10
- CardDescription,
11
- CardHeader,
12
- CardTitle,
13
- } from '@/components/ui/card';
14
- import type { LucideIcon } from 'lucide-react';
15
- import { ArrowRight, Sparkles } from 'lucide-react';
16
- import Link from 'next/link';
17
- import { useTranslations } from 'next-intl';
18
-
19
- type CrmComingSoonProps = {
20
- currentHref: string;
21
- titleKey: string;
22
- descriptionKey: string;
23
- icon: LucideIcon;
24
- };
25
-
26
- export function CrmComingSoon({
27
- currentHref,
28
- titleKey,
29
- descriptionKey,
30
- icon: Icon,
31
- }: CrmComingSoonProps) {
32
- const t = useTranslations('contact.CrmMenu');
33
- const common = useTranslations('contact.CrmFuturePage');
34
-
35
- return (
36
- <Page>
37
- <PageHeader
38
- breadcrumbs={[
39
- { label: common('breadcrumbs.home'), href: '/' },
40
- { label: common('breadcrumbs.crm'), href: '/contact/dashboard' },
41
- { label: t(`sections.${titleKey}.title`) },
42
- ]}
43
- title={t(`sections.${titleKey}.title`)}
44
- description={t(`sections.${descriptionKey}.description`)}
45
- />
46
-
47
- <div className="min-w-0 space-y-6 overflow-x-hidden">
48
- <CrmNav currentHref={currentHref} />
49
-
50
- <Card className="overflow-hidden border-orange-200/70 bg-gradient-to-br from-orange-50 via-background to-amber-50 py-0">
51
- <CardContent className="grid gap-6 px-6 py-8 lg:grid-cols-[minmax(0,1.2fr)_minmax(260px,0.8fr)]">
52
- <div className="min-w-0 space-y-4">
53
- <Badge className="w-fit rounded-full bg-orange-500/10 px-3 py-1 text-orange-700 hover:bg-orange-500/10">
54
- <Sparkles className="mr-2 size-3.5" />
55
- {common('badge')}
56
- </Badge>
57
- <div className="space-y-3">
58
- <div className="flex items-center gap-3">
59
- <div className="rounded-2xl bg-orange-500/10 p-3 text-orange-700">
60
- <Icon className="size-5" />
61
- </div>
62
- <h2 className="text-3xl font-semibold tracking-tight">
63
- {t(`sections.${titleKey}.title`)}
64
- </h2>
65
- </div>
66
- <p className="max-w-2xl text-sm leading-6 text-muted-foreground">
67
- {common('description')}
68
- </p>
69
- </div>
70
- <div className="flex flex-wrap gap-3">
71
- <Button asChild>
72
- <Link href="/contact/dashboard">
73
- {common('backToDashboard')}
74
- </Link>
75
- </Button>
76
- <Button asChild variant="outline">
77
- <Link href="/contact/pipeline">{common('seePipeline')}</Link>
78
- </Button>
79
- </div>
80
- </div>
81
-
82
- <Card className="border-white/70 bg-white/80 shadow-sm">
83
- <CardHeader>
84
- <CardTitle>{common('nextStepTitle')}</CardTitle>
85
- <CardDescription>
86
- {common('nextStepDescription')}
87
- </CardDescription>
88
- </CardHeader>
89
- <CardContent className="space-y-3">
90
- {['stepOne', 'stepTwo', 'stepThree'].map((step) => (
91
- <div
92
- key={step}
93
- className="flex items-start gap-3 rounded-2xl border border-border/70 bg-background px-4 py-3"
94
- >
95
- <div className="mt-0.5 rounded-full bg-orange-500/10 p-1.5 text-orange-700">
96
- <ArrowRight className="size-3.5" />
97
- </div>
98
- <p className="text-sm text-muted-foreground">
99
- {common(step)}
100
- </p>
101
- </div>
102
- ))}
103
- </CardContent>
104
- </Card>
105
- </CardContent>
106
- </Card>
107
- </div>
108
- </Page>
109
- );
110
- }