+ {settings.ga4Id &&
}
+ {settings.binotelId &&
}
{children}
diff --git a/src/app/api/leads/route.ts b/src/app/api/leads/route.ts
index eb59ffa..ad31f62 100644
--- a/src/app/api/leads/route.ts
+++ b/src/app/api/leads/route.ts
@@ -22,6 +22,10 @@ const LeadSchema = z.object({
utmContent: z.string().max(200).optional(),
utmTerm: z.string().max(200).optional(),
gclid: z.string().max(200).optional(),
+ message: z.string().max(2000).optional(),
+ groupSize: z.number().int().min(1).max(1000).optional(),
+ preferredDate: z.string().max(30).optional(),
+ packageSlug: z.string().max(50).optional(),
})
export async function POST(req: NextRequest): Promise
{
@@ -64,6 +68,10 @@ export async function POST(req: NextRequest): Promise {
utmContent: data.utmContent,
utmTerm: data.utmTerm,
gclid: data.gclid,
+ message: data.message,
+ groupSize: data.groupSize,
+ preferredDate: data.preferredDate,
+ packageSlug: data.packageSlug,
status: 'new',
},
overrideAccess: true,
diff --git a/src/collections/Leads.ts b/src/collections/Leads.ts
index 63bd424..0ef2a78 100644
--- a/src/collections/Leads.ts
+++ b/src/collections/Leads.ts
@@ -36,6 +36,10 @@ export const Leads: CollectionConfig = {
],
admin: { position: 'sidebar' },
},
+ { name: 'message', type: 'textarea', label: 'Повідомлення' },
+ { name: 'groupSize', type: 'number', label: 'Кількість учасників' },
+ { name: 'preferredDate', type: 'date', label: 'Бажана дата', admin: { date: { pickerAppearance: 'dayOnly' } } },
+ { name: 'packageSlug', type: 'text', label: 'Пакет (slug)' },
{ name: 'notes', type: 'textarea' },
{
name: 'lastCallAt',
diff --git a/src/components/analytics/BinotelWidget.tsx b/src/components/analytics/BinotelWidget.tsx
new file mode 100644
index 0000000..aca6ac3
--- /dev/null
+++ b/src/components/analytics/BinotelWidget.tsx
@@ -0,0 +1,10 @@
+import Script from 'next/script'
+
+export function BinotelWidget({ widgetId }: { widgetId: string }) {
+ if (!widgetId) return null
+ return (
+
+ )
+}
diff --git a/src/components/analytics/GoogleAnalytics.tsx b/src/components/analytics/GoogleAnalytics.tsx
new file mode 100644
index 0000000..33cd86b
--- /dev/null
+++ b/src/components/analytics/GoogleAnalytics.tsx
@@ -0,0 +1,16 @@
+import Script from 'next/script'
+
+export function GoogleAnalytics({ measurementId }: { measurementId: string }) {
+ if (!measurementId) return null
+ return (
+ <>
+
+
+
+ )
+}
diff --git a/src/components/forms/BirthdayBookingForm.tsx b/src/components/forms/BirthdayBookingForm.tsx
new file mode 100644
index 0000000..2e44bcc
--- /dev/null
+++ b/src/components/forms/BirthdayBookingForm.tsx
@@ -0,0 +1,232 @@
+'use client'
+
+import { useState, useTransition } from 'react'
+import { getUtmParams } from '@/lib/utm'
+
+const FONT = 'var(--font-montserrat, Montserrat), sans-serif'
+
+const PACKAGES = [
+ { value: 'standard', label: 'Стандарт — 4 500 ₴' },
+ { value: 'premium', label: 'Преміум — 8 900 ₴' },
+ { value: 'vip', label: 'VIP — 15 000 ₴' },
+]
+
+interface BirthdayBookingFormProps {
+ defaultPackage?: string
+}
+
+export function BirthdayBookingForm({ defaultPackage }: BirthdayBookingFormProps) {
+ const [name, setName] = useState('')
+ const [phone, setPhone] = useState('')
+ const [email, setEmail] = useState('')
+ const [childAge, setChildAge] = useState('')
+ const [packageSlug, setPackageSlug] = useState(defaultPackage ?? '')
+ const [guestCount, setGuestCount] = useState('')
+ const [preferredDate, setPreferredDate] = useState('')
+ const [wishes, setWishes] = useState('')
+ const [success, setSuccess] = useState(false)
+ const [error, setError] = useState(null)
+ const [isPending, startTransition] = useTransition()
+
+ function handleSubmit(e: React.FormEvent) {
+ e.preventDefault()
+ setError(null)
+
+ startTransition(async () => {
+ try {
+ const utm = getUtmParams()
+ const res = await fetch('/api/leads', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ name,
+ phone,
+ email: email || undefined,
+ formSource: 'birthday-booking',
+ packageSlug: packageSlug || undefined,
+ groupSize: guestCount ? Number(guestCount) : undefined,
+ preferredDate: preferredDate || undefined,
+ message: [
+ childAge ? `Вік іменинника: ${childAge}` : '',
+ wishes,
+ ].filter(Boolean).join('\n') || undefined,
+ ...utm,
+ }),
+ })
+
+ const data = (await res.json()) as { ok?: boolean; error?: string }
+ if (!res.ok) {
+ setError(data.error ?? 'Щось пішло не так. Спробуйте ще раз.')
+ return
+ }
+ setSuccess(true)
+ } catch {
+ setError('Помилка мережі. Перевірте з\'єднання та спробуйте ще раз.')
+ }
+ })
+ }
+
+ if (success) {
+ return (
+
+
🎂
+
+ Заявку отримано!
+
+
+ Менеджер зв'яжеться з вами протягом 30 хвилин для уточнення деталей свята.
+
+