import React, { useState } from "react";
export default function WeddingPricing() {
const [annual, setAnnual] = useState(false);
const [city, setCity] = useState("astana");
const price = (kzt) => kzt.toLocaleString("ru-RU");
const cityPrices = {
astana: { s: 900000, m: 1300000, l: 1700000, xl: 2500000 },
moscow: { s: 1500000, m: 2000000, l: 2600000, xl: 3500000 },
spb: { s: 1200000, m: 1700000, l: 2300000, xl: 3000000 },
};
const plans = [
{ id: "s", name: "S", tagline: "2 оператора, съёмочный день целиком", features: ["2 оператора", "Фильм 2–3 часа", "Рилзы 10–15 сек. (до 5 шт.)"], notes: ["Дрон доступен как доп.услуга"] },
{ id: "m", name: "M", tagline: "3 оператора, лайв, дрон", features: ["3 оператора", "Лайв на экраны", "Дрон", "Фильм 2–3 часа", "SDE", "Рилзы (до 5 шт.)"], popular: true },
{ id: "l", name: "L", tagline: "3 оператора, лайв + дрон, авторский фильм", features: ["3 оператора", "Лайв на экраны", "Дрон", "Авторский фильм", "Фильм 2–3 часа", "SDE", "Рилзы (до 5 шт.)"] },
{ id: "xl", name: "XL", tagline: "5 операторов, ПТС, YouTube", features: ["5 операторов", "ПТС на экраны + YouTube", "Дрон", "Авторский фильм", "Фильм 2–3 часа", "SDE", "Рилзы (до 5 шт.)"] },
];
const features = [
{ label: "Операторы", keys: ["2 оператора", "3 оператора", "3 оператора", "5 операторов"] },
{ label: "Лайв на экраны", keys: ["", "Лайв на экраны", "Лайв на экраны", "ПТС на экраны + YouTube"] },
{ label: "Дрон", keys: ["доп.услуга", "✓", "✓", "✓"] },
{ label: "Авторский фильм", keys: ["", "", "✓", "✓"] },
{ label: "Фильм 2–3 часа", keys: ["✓", "✓", "✓", "✓"] },
{ label: "SDE (монтаж в день)", keys: ["", "✓", "✓", "✓"] },
{ label: "Рилзы (до 5 шт.)", keys: ["✓", "✓", "✓", "✓"] },
];
return (
{/* остальной код заголовка и карточек без изменений */}
{/* карточки */}
Сравнение пакетов
| Функции |
{plans.map((p) => (
{p.name} |
))}
{features.map((row, i) => (
| {row.label} |
{row.keys.map((value, j) => (
{value === "✓" ? "✓" : value || "—"}
|
))}
))}
{/* дополнительно */}
);
}