From b88a2c494076e7ea24acbd4a34dfd4671cdabe7f Mon Sep 17 00:00:00 2001 From: aurinex Date: Thu, 10 Jul 2025 00:06:19 +0500 Subject: [PATCH] calculate(70%) --- src/assets/emoji/belarus.png | Bin 0 -> 10672 bytes src/assets/emoji/russia.png | Bin 0 -> 8483 bytes src/components/Divider.tsx | 28 ++ src/pages/CalculatorPage.tsx | 770 +++++++++++++++++++++++++++++++++++ src/pages/DeliveryPage.tsx | 42 +- src/pages/MainPage.tsx | 11 +- src/pages/StagesPage.tsx | 5 +- 7 files changed, 831 insertions(+), 25 deletions(-) create mode 100644 src/assets/emoji/belarus.png create mode 100644 src/assets/emoji/russia.png create mode 100644 src/components/Divider.tsx create mode 100644 src/pages/CalculatorPage.tsx diff --git a/src/assets/emoji/belarus.png b/src/assets/emoji/belarus.png new file mode 100644 index 0000000000000000000000000000000000000000..56c5e90ebfacd0ba52f1349fe4f3c1c60b44f956 GIT binary patch literal 10672 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 aOl + + + ); +}; + +export default Divider; + + diff --git a/src/pages/CalculatorPage.tsx b/src/pages/CalculatorPage.tsx new file mode 100644 index 0000000..39439df --- /dev/null +++ b/src/pages/CalculatorPage.tsx @@ -0,0 +1,770 @@ +import React, { useState } from "react"; +import { + Box, + Typography, + TextField, + Button, + FormControl, + Select, + MenuItem, + FormControlLabel, + Radio, + InputAdornment, +} from "@mui/material"; +import { useResponsive } from "../theme/useResponsive"; +import russia from "../assets/emoji/russia.png"; +import belarus from "../assets/emoji/belarus.png"; + +function CalculatorPage() { + const { isMobile } = useResponsive(); + + // Состояния для полей формы + const [country, setCountry] = useState("russia"); // russia или belarus + const [age, setAge] = useState("Новые, не менее 3-х лет"); + const [price, setPrice] = useState(""); + const [currency, setCurrency] = useState("USD Доллар США"); + const [engineType, setEngineType] = useState("Бензиновый"); + const [hybridType, setHybridType] = useState("Не гибрид"); + const [engineVolume, setEngineVolume] = useState(""); + const [enginePower, setEnginePower] = useState(""); + const [enginePowerUnit, setEnginePowerUnit] = useState("л.с."); + const [electricMotorPower, setElectricMotorPower] = useState(""); + const [electricMotorPowerUnit, setElectricMotorPowerUnit] = useState("л.с."); + const [powerRatio, setPowerRatio] = useState("ДВС > ЭД"); + const [calculationType, setCalculationType] = useState("Физ. лица"); + const [enhancedPermeability, setEnhancedPermeability] = useState(false); + + const handleCalculate = () => { + // Здесь будет логика расчета + console.log({ + country, + age, + price, + currency, + engineType, + hybridType, + engineVolume, + enginePower, + enginePowerUnit, + electricMotorPower, + electricMotorPowerUnit, + powerRatio, + calculationType, + enhancedPermeability, + }); + }; + + return ( + + + {/* Левая часть - форма */} + + {/* Первая линия */} + + + Рассчитать для + + + setCountry("russia")} + sx={{ cursor: "pointer", position: "relative" }} + > + + Россия + + setCountry("belarus")} + sx={{ cursor: "pointer", position: "relative" }} + > + + Беларусь + + + + + {/* Вторая линия */} + + + Возраст + + {/* setAge(e.target.value)} + variant="outlined" + placeholder="Новые, не менее 3-х лет" + sx={{ + "& .MuiOutlinedInput-root": { + borderRadius: "25px", + bgcolor: "white", + height: "40px", + } + }} + /> */} + + + + {/* Третья линия */} + + setPrice(e.target.value)} + variant="outlined" + InputProps={{ + endAdornment: ₽, + }} + sx={{ + "& .MuiOutlinedInput-root": { + borderRadius: "2vw", + bgcolor: "white", + height: "3.5vw", + width: "83%", + border: "0.1vw solid #C27664", + fontFamily: "Unbounded", + fontSize: "1.5vw", + color: "#C27664", + "& fieldset": { + border: "none" + }, + } + }} + /> + + + + {/* + + */} + + + {/* Четвертая линия - Валюта */} + {/* + + + + */} + + {/* Пятая линия */} + + + Двигатель + + + + + + + {/* Шестая линия */} + + + Тип гибрида + + + + + + + {/* Седьмая линия */} + + setEngineVolume(e.target.value)} + variant="outlined" + sx={{ + "& .MuiOutlinedInput-root": { + borderRadius: "2vw", + bgcolor: "white", + height: "3.5vw", + width: "67%", + border: "0.1vw solid #C27664", + fontFamily: "Unbounded", + fontSize: "1.4vw", + color: "#C27664", + "& fieldset": { + border: "none" + }, + } + }} + /> + + см³ + + + + {/* Восьмая линия */} + + setEnginePower(e.target.value)} + variant="outlined" + sx={{ + "& .MuiOutlinedInput-root": { + borderRadius: "2vw", + bgcolor: "white", + height: "3.5vw", + width: "98%", + border: "0.1vw solid #C27664", + fontFamily: "Unbounded", + fontSize: "1.4vw", + color: "#C27664", + "& fieldset": { + border: "none" + }, + } + }} + /> + + setEnginePowerUnit("л.с.")} + sx={{ + color: "#C27664", + "&.Mui-checked": { color: "#C27664" }, + "& .MuiSvgIcon-root": { + fontSize: "1.5vw" + } + }} + /> + } + label="л.с." + sx={{ + "& .MuiFormControlLabel-label": { + fontSize: "2vw", + fontFamily: "Unbounded", + color: "#C27664", + } + }} + /> + setEnginePowerUnit("кВт")} + sx={{ + color: "#C27664", + "&.Mui-checked": { color: "#C27664" }, + "& .MuiSvgIcon-root": { + fontSize: "1.5vw" + } + }} + /> + } + label="кВт" + sx={{ + "& .MuiFormControlLabel-label": { + fontSize: "2vw", + fontFamily: "Unbounded", + color: "#C27664", + } + }} + /> + + + + {/* Девятая линия */} + + setElectricMotorPower(e.target.value)} + variant="outlined" + sx={{ + "& .MuiOutlinedInput-root": { + borderRadius: "2vw", + bgcolor: "white", + height: "3.5vw", + width: "112%", + border: "0.1vw solid #C27664", + fontFamily: "Unbounded", + fontSize: "1.32vw", + color: "#C27664", + "& fieldset": { + border: "none" + }, + } + }} + /> + + setElectricMotorPowerUnit("л.с.")} + sx={{ + color: "#C27664", + "&.Mui-checked": { color: "#C27664" }, + "& .MuiSvgIcon-root": { + fontSize: "1.5vw" + } + }} + /> + } + label="л.с." + sx={{ + "& .MuiFormControlLabel-label": { + fontSize: "2vw", + fontFamily: "Unbounded", + color: "#C27664", + } + }} + /> + setElectricMotorPowerUnit("кВт")} + sx={{ + color: "#C27664", + "&.Mui-checked": { color: "#C27664" }, + "& .MuiSvgIcon-root": { + fontSize: "1.5vw" + } + }} + /> + } + label="кВт" + sx={{ + "& .MuiFormControlLabel-label": { + fontSize: "2vw", + fontFamily: "Unbounded", + color: "#C27664", + } + }} + /> + + + + {/* Десятая линия */} + + + ДВС vs ЭД + + + ЭД"} + onChange={() => setPowerRatio("ДВС > ЭД")} + sx={{ + color: "#C27664", + "&.Mui-checked": { color: "#C27664" }, + }} + /> + } + label="ДВС > ЭД" + sx={{ + "& .MuiFormControlLabel-label": { + fontSize: "1.7vw", + fontFamily: "Unbounded", + color: "#C27664", + } + }} + /> + setPowerRatio("ДВС < ЭД")} + sx={{ + color: "#C27664", + "&.Mui-checked": { color: "#C27664" }, + }} + /> + } + label="ДВС < ЭД" + sx={{ + "& .MuiFormControlLabel-label": { + fontSize: "1.7vw", + fontFamily: "Unbounded", + color: "#C27664", + } + }} + /> + + + + {/* Одиннадцатая линия */} + + + Расчет при ввозе + + + + + + + {/* Двенадцатая линия */} + + setEnhancedPermeability(!enhancedPermeability)} + sx={{ + color: "#C27664", + "&.Mui-checked": { color: "#C27664" }, + }} + /> + } + label="Повышенной проходимости" + sx={{ + "& .MuiFormControlLabel-label": { + fontSize: "2vw", + color: "#C27664", + fontFamily: "Unbounded", + } + }} + /> + + + {/* Тринадцатая линия */} + + + + {/* Правая часть - описание */} + + + РАСЧИТАЙТЕ СТОИМОСТЬ ДОСТАВКИ! + + + + С помощью калькулятора таможенных платежей за автомобиль + + + + + Обсуждаем ваш запрос и бюджет, подбираем варианты. Заключаем договор и вносим аванс (100 000 P, возвращается, если не подберем авто). + + + Выкупаем авто + + + Оформляем документы и доставляем авто в РФ. На всех этапах машина застрахована. + + + Проходим таможню, делаем документы для регистрации. + + + Передаём авто вам - с актом и финальной оплатой. + + + + + + ); +} + +export default CalculatorPage; diff --git a/src/pages/DeliveryPage.tsx b/src/pages/DeliveryPage.tsx index c816157..4bde7b2 100644 --- a/src/pages/DeliveryPage.tsx +++ b/src/pages/DeliveryPage.tsx @@ -44,42 +44,44 @@ function DeliveryPage() { component="h1" sx={{ fontFamily: "Unbounded", - fontSize: isMobile ? "10vw" : "4vw", + fontSize: isMobile ? "6vw" : "4vw", fontWeight: "bold", marginBottom: "1vw", - maxWidth: "50vw", + maxWidth: isMobile ? "auto" :"50vw", }} > Мы доставляем автомобили из{" "} США, Китая и Кореи - + usa china korea @@ -102,10 +104,10 @@ function DeliveryPage() { component="h2" sx={{ fontFamily: "Unbounded", - fontSize: "1.5vw", + fontSize: isMobile ? "4vw" : "1.5vw", fontWeight: "light", color: "#C27664", - ml: "2.5vw", + ml: isMobile ? "4.5vw" : "2.5vw", maxWidth: "60%", }} > @@ -115,18 +117,18 @@ function DeliveryPage() { onClick={handleOpenFeedback} sx={{ fontFamily: "Unbounded", - fontSize: "1.5vw", + fontSize: isMobile ? "3vw" : "1.5vw", color: "white", bgcolor: "#C27664", - borderRadius: "3vw", + borderRadius: isMobile ? "5vw" : "3vw", maxWidth: "60%", cursor: "pointer", left: "50%", - top: "70%", + top: isMobile ? "75%" : "70%", position: "absolute", transform: "translateX(-50%)", - padding: "1vw 3vw 1vw 3vw", - width: "18vw", + padding: isMobile ? "2vw 6vw 2vw 6vw" : "1vw 3vw 1vw 3vw", + width: isMobile ? "50vw" : "18vw", textAlign: "center", "&:hover": { bgcolor: "#945B4D", diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index 6e92c68..7b39d18 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -4,13 +4,15 @@ import Feedback from "../components/Feedback"; import car from "../../src/assets/icon/car.png"; import { useResponsive } from "../theme/useResponsive"; import TelegramIcon from "@mui/icons-material/Telegram"; -import VkIcon from "@mui/icons-material/Facebook"; +import { FaVk } from "react-icons/fa"; import WhatsAppIcon from "@mui/icons-material/WhatsApp"; import { scrollToAnchor } from "../utils/scrollUtils"; import AboutUsPage from "./AboutUsPage"; import StagesPage from "./StagesPage"; import CarsPage from "./CarsPage"; import DeliveryPage from "./DeliveryPage"; +import Divider from "../components/Divider"; +import CalculatorPage from "./CalculatorPage"; function MainPage() { const [feedbackOpen, setFeedbackOpen] = useState(false); @@ -181,7 +183,7 @@ function MainPage() { "&:hover": { color: "#945B4D", borderColor: "#945B4D" }, }} > - + + + + + + ); } diff --git a/src/pages/StagesPage.tsx b/src/pages/StagesPage.tsx index 988eac1..64145ed 100644 --- a/src/pages/StagesPage.tsx +++ b/src/pages/StagesPage.tsx @@ -85,7 +85,6 @@ function StagesPage() { padding: isMobile ? "10vw 5vw" : "5vw", minHeight: "100vh", scrollMarginTop: isMobile ? "15vw" : "10vw", - position: "relative", // Добавляем позиционирование для родителя }} >