Update src/app/calculator/page.tsx
This commit is contained in:
@@ -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" }
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user