Update src/app/calculator/page.tsx

This commit is contained in:
2026-03-25 21:13:15 +00:00
parent 2c48e69514
commit dbf9f67c94

View File

@@ -85,7 +85,7 @@ export default function CalculatorPage() {
navItems={[
{ name: "Главная", id: "/" },
{ name: "Услуги", id: "/services" },
{ name: "Результаты", id: "/#comparison" },
{ name: "Наши работы", id: "/#our-works" },
{ name: "Калькулятор", id: "/calculator" },
{ name: "О нас", id: "/#process" },
{ name: "Контакты", id: "/#contact" }
@@ -114,24 +114,21 @@ export default function CalculatorPage() {
<label className="radio-item flex items-center py-[15px] border-b border-[#f0f0f0] cursor-pointer">
<input type="radio" name="service" value={pricesPerSqMeter.standard} checked={servicePrice === pricesPerSqMeter.standard} onChange={handleServiceChange} className="hidden" />
<span className="radio-custom relative w-[20px] h-[20px] border-[2px] border-[#ddd] rounded-full mr-[15px] flex-shrink-0">
{servicePrice === pricesPerSqMeter.standard && <span className="absolute w-[10px] h-[10px] bg-[#0047FF] rounded-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" />}
</span>
{servicePrice === pricesPerSqMeter.standard && <span className="absolute w-[10px] h-[10px] bg-[#0047FF] rounded-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" />}</span>
<span className="service-name flex-1 text-[15px] text-[#444]">Стандартная чистка</span>
<span className="service-price font-bold text-[#0047FF]">2 500/м²</span>
</label>
<label className="radio-item flex items-center py-[15px] border-b border-[#f0f0f0] cursor-pointer">
<input type="radio" name="service" value={pricesPerSqMeter.premium} checked={servicePrice === pricesPerSqMeter.premium} onChange={handleServiceChange} className="hidden" />
<input type="radio" name="service" value={pricesPerSqMeter.premium} checked={servicePrice === pricesToPerSqMeter.premium} onChange={handleServiceChange} className="hidden" />
<span className="radio-custom relative w-[20px] h-[20px] border-[2px] border-[#ddd] rounded-full mr-[15px] flex-shrink-0">
{servicePrice === pricesPerSqMeter.premium && <span className="absolute w-[10px] h-[10px] bg-[#0047FF] rounded-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" />}
</span>
{servicePrice === pricesPerSqMeter.premium && <span className="absolute w-[10px] h-[10px] bg-[#0047FF] rounded-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" />}</span>
<span className="service-name flex-1 text-[15px] text-[#444]">Премиум химчистка</span>
<span className="service-price font-bold text-[#0047FF]">4 500/м²</span>
</label>
<label className="radio-item flex items-center py-[15px] border-b border-[#f0f0f0] cursor-pointer">
<input type="radio" name="service" value={pricesPerSqMeter.express} checked={servicePrice === pricesPerSqMeter.express} onChange={handleServiceChange} className="hidden" />
<span className="radio-custom relative w-[20px] h-[20px] border-[2px] border-[#ddd] rounded-full mr-[15px] flex-shrink-0">
{servicePrice === pricesPerSqMeter.express && <span className="absolute w-[10px] h-[10px] bg-[#0047FF] rounded-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" />}
</span>
{servicePrice === pricesPerSqMeter.express && <span className="absolute w-[10px] h-[10px] bg-[#0047FF] rounded-full top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" />}</span>
<span className="service-name flex-1 text-[15px] text-[#444]">Срочная доставка</span>
<span className="service-price font-bold text-[#0047FF]">3 500/м²</span>
</label>
@@ -141,8 +138,7 @@ export default function CalculatorPage() {
<label className="checkbox-container flex items-center cursor-pointer">
<input type="checkbox" id="odor" checked={odorRemoval} onChange={handleOdorChange} className="hidden" />
<span className="checkmark relative w-[24px] h-[24px] bg-white border-[2px] border-[#0047FF] rounded-[8px] mr-[15px] flex-shrink-0">
{odorRemoval && <span className="absolute left-[6px] top-[1px] font-bold text-white"></span>}
</span>
{odorRemoval && <span className="absolute left-[6px] top-[1px] font-bold text-white"></span>}</span>
<div className="extra-text flex-1">
<strong className="block text-[14px] text-[#1a1a1a]">Удаление запахов</strong>
<small className="text-[#666] text-[11px]">Дополнительная обработка</small>
@@ -187,7 +183,7 @@ export default function CalculatorPage() {
{ label: "О нас", href: "/#process" },
{ label: "Услуги", href: "/services" },
{ label: "Цены", href: "/#pricing" },
{ label: "Результаты", href: "/#comparison" },
{ label: "Наши работы", href: "/#our-works" },
{ label: "Калькулятор", href: "/calculator" },
{ label: "Контакты", href: "/#contact" }
]