teaching and distance were done
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="6.48485" y="6.48485" width="31.0303" height="31.0303" stroke="white" stroke-width="0.969697"/>
|
||||
<path d="M17.7424 18.2544L18.2273 18.2544L18.2273 17.7695L18.2273 10.0276L18.2273 9.81758L18.0741 9.67392L13.7787 5.64655L13.6389 5.5154L13.4471 5.5154L6.00187 5.5154L5.51702 5.5154L5.51702 6.00024L5.51702 13.4554L5.51702 13.6459L5.6467 13.7855L9.65567 18.0996L9.79952 18.2544L10.0108 18.2544L17.7424 18.2544Z" fill="white" stroke="#202332" stroke-width="0.969697" stroke-linecap="square"/>
|
||||
<path d="M25.0148 17.7405L25.0148 18.2254L25.4997 18.2254L33.2416 18.2254L33.4516 18.2254L33.5953 18.0722L37.6226 13.7768L37.7538 13.637L37.7538 13.4452L37.7538 5.99998L37.7538 5.51513L37.269 5.51513L29.8138 5.51513L29.6233 5.51513L29.4837 5.64481L25.1696 9.65378L25.0148 9.79763L25.0148 10.009L25.0148 17.7405Z" fill="white" stroke="#202332" stroke-width="0.969697" stroke-linecap="square"/>
|
||||
<path d="M25.5265 25.0422L25.0417 25.0422L25.0417 25.5271L25.0417 33.269L25.0417 33.4791L25.1949 33.6227L29.4902 37.6501L29.6301 37.7812L29.8218 37.7812L37.2671 37.7812L37.7519 37.7812L37.7519 37.2964L37.7519 29.8412L37.7519 29.6507L37.6223 29.5111L33.6133 25.197L33.4694 25.0422L33.2581 25.0422L25.5265 25.0422Z" fill="white" stroke="#202332" stroke-width="0.969697" stroke-linecap="square"/>
|
||||
<path d="M18.2541 25.556L18.2541 25.0712L17.7693 25.0712L10.0274 25.0712L9.81733 25.0712L9.67367 25.2244L5.6463 29.5197L5.51515 29.6596L5.51515 29.8514L5.51515 37.2966L5.51515 37.7814L6 37.7814L13.4552 37.7814L13.6457 37.7814L13.7852 37.6518L18.0993 33.6428L18.2541 33.4989L18.2541 33.2876L18.2541 25.556Z" fill="white" stroke="#202332" stroke-width="0.969697" stroke-linecap="square"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 313 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 474 KiB |
+38
-16
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 74 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 10 MiB |
@@ -0,0 +1,5 @@
|
||||
<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.48485 6.48485H22H37.5152V37.5152H13.7576H6.48485V6.48485Z" stroke="white" stroke-width="0.969697"/>
|
||||
<path d="M22.4849 22L22 22L22 22.4848L22 30.2268L22 30.4368L22.1532 30.5805L26.4486 34.6078L26.5884 34.739L26.7802 34.739L34.2254 34.739L34.7103 34.739L34.7103 34.2542L34.7103 26.799L34.7103 26.6085L34.5806 26.4689L30.5716 22.1548L30.4278 22L30.2165 22L22.4849 22Z" fill="white" stroke="#202332" stroke-width="0.969697" stroke-linecap="square"/>
|
||||
<path d="M20 19.5151L19.5152 19.5151L19.5152 20L19.5152 27.7419L19.5152 27.952L19.6684 28.0956L23.9637 32.123L24.1036 32.2541L24.2953 32.2541L31.7406 32.2541L32.2254 32.2541L32.2254 31.7693L32.2254 24.3141L32.2254 24.1236L32.0957 23.984L28.0868 19.6699L27.9429 19.5151L27.7316 19.5151L20 19.5151Z" fill="white" stroke="#202332" stroke-width="0.969697" stroke-linecap="square"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 939 B |
@@ -0,0 +1,7 @@
|
||||
<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="6.48327" y="6.48327" width="30.9296" height="30.9011" stroke="white" stroke-width="0.96655"/>
|
||||
<path d="M17.7031 18.2039L18.1864 18.2039L18.1864 17.7206L18.1864 10.0107L18.1864 9.80123L18.0335 9.65801L13.7521 5.64731L13.6127 5.51673L13.4217 5.51672L6.00067 5.51672L5.5174 5.51672L5.5174 6L5.51739 13.4244L5.51739 13.6144L5.6468 13.7535L9.64276 18.0497L9.78612 18.2039L9.99663 18.2039L17.7031 18.2039Z" fill="white" stroke="#202332" stroke-width="0.96655" stroke-linecap="square"/>
|
||||
<path d="M12.7656 12.2766L12.2824 12.2766L12.2824 12.7599L12.2824 20.4698L12.2824 20.6792L12.4352 20.8225L16.7166 24.8332L16.856 24.9637L17.047 24.9637L24.4681 24.9637L24.9514 24.9637L24.9514 24.4805L24.9514 17.0561L24.9514 16.8661L24.822 16.727L20.826 12.4307L20.6826 12.2766L20.4721 12.2766L12.7656 12.2766Z" fill="white" stroke="#202332" stroke-width="0.96655" stroke-linecap="square"/>
|
||||
<path d="M19.5313 19.0363L19.048 19.0363L19.048 19.5196L19.048 27.2295L19.048 27.439L19.2009 27.5822L23.4822 31.5929L23.6216 31.7235L23.8126 31.7235L31.2337 31.7235L31.717 31.7235L31.717 31.2402L31.717 23.8159L31.717 23.6259L31.5876 23.4867L27.5916 19.1905L27.4483 19.0363L27.2377 19.0363L19.5313 19.0363Z" fill="white" stroke="#202332" stroke-width="0.96655" stroke-linecap="square"/>
|
||||
<path d="M26.2969 25.7961L25.8136 25.7961L25.8136 26.2794L25.8136 33.9893L25.8136 34.1988L25.9665 34.342L30.2479 38.3527L30.3873 38.4833L30.5783 38.4833L37.9993 38.4833L38.4826 38.4833L38.4826 38L38.4826 30.5756L38.4826 30.3856L38.3532 30.2465L34.3572 25.9503L34.2139 25.7961L34.0034 25.7961L26.2969 25.7961Z" fill="white" stroke="#202332" stroke-width="0.96655" stroke-linecap="square"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 139 KiB |
@@ -1,5 +1,5 @@
|
||||
import { useWindowWidth } from '../hooks/useWindowWidth';
|
||||
import { Marquee } from './Marquee';
|
||||
import { Marquee } from './Main/Marquee';
|
||||
|
||||
export function Header() {
|
||||
const width = useWindowWidth();
|
||||
|
||||
@@ -0,0 +1,39 @@
|
||||
export function Distance() {
|
||||
return (
|
||||
<div className="desktop:py-[70px] desktop:px-10 mobile:py-14 tablet:px-6 mobile:px-4">
|
||||
<h1 className="font-medium desktop:text-[64px] desktop:leading-[58px] tablet:text-[40px] tablet:leading-10 mobile:text-[28px] mobile:leading-7 text-[#ffffff] desktop:mb-14 tablet:mb-6 mobile:mb-4">
|
||||
Платформа GRAFF.training поволяет осуществлять{' '}
|
||||
<span
|
||||
className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]"
|
||||
style={{
|
||||
backgroundClip: 'text',
|
||||
WebkitBackgroundClip: 'text',
|
||||
WebkitTextFillColor: 'transparent',
|
||||
}}
|
||||
>
|
||||
дистанционное обучение
|
||||
</span>{' '}
|
||||
с любого устройства
|
||||
</h1>
|
||||
<div className="xl:pl-64">
|
||||
<div className="tablet:grid desktop:gap-x-4 desktop:gap-y-6 tablet:gap-x-3 tablet:gap-y-4 desktop:grid-cols-2 tablet-figma:max-[956px]:grid-cols-[446px_1fr]">
|
||||
<p className="desktop:mb-6 desktop:text-lg tablet:text-base mobile:text-sm text-[#ffffff] row-start-1 mobile:max-tablet:mb-6">
|
||||
Обучающиеся будут получать доступ к системе с высоко
|
||||
детализированной 3D графикой для прохождения сценариев на любом
|
||||
устройстве, без необходимости установки дополнительного ПО.
|
||||
</p>
|
||||
<img
|
||||
src="src/assets/datamining_2.png"
|
||||
alt=""
|
||||
className="row-start-2 mobile:max-tablet:mb-4"
|
||||
/>
|
||||
<img
|
||||
src="src/assets/datamining_1.png"
|
||||
alt=""
|
||||
className="row-start-2 col-start-2 h-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
export function Figures() {
|
||||
export function Effeciency() {
|
||||
return (
|
||||
<div className="desktop:py-[70px] mobile:py-14 2xl:pr-24 min-[1200px]:pl-10 min-[1600px]:pr-[168px] tablet:py-14 tablet:px-6 mobile:px-4">
|
||||
<div className="flex justify-between min-[1400px]:flex-row mobile:flex-col tablet:border-t border-[#3D425C] pt-5">
|
||||
@@ -0,0 +1,57 @@
|
||||
export function MultiUser() {
|
||||
return (
|
||||
<div className="desktop:py-[70px] desktop:pl-10 mobile:py-14 tablet:px-6 mobile:px-4">
|
||||
<h1 className="desktop:text-[64px] desktop:leading-[58px] desktop:mb-14 tablet:text-[40px] tablet:leading-10 mobile:mb-6 mobile:text-[28px] mobile:leading-7 text-[#ffffff] font-medium">
|
||||
<span
|
||||
className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]"
|
||||
style={{
|
||||
backgroundClip: 'text',
|
||||
WebkitBackgroundClip: 'text',
|
||||
WebkitTextFillColor: 'transparent',
|
||||
}}
|
||||
>
|
||||
Многопользовательский
|
||||
</span>
|
||||
<br /> режим обучения
|
||||
</h1>
|
||||
<div className="flex mobile:max-desktop-figma:flex-col items-start desktop:w-fit gap-x-4 tablet:pt-5 tablet:border-t border-[#3D425C]">
|
||||
<h6 className="flex gap-1 uppercase text-[#ffffff] desktop:text-sm mobile:text-xs font-medium tablet:max-desktop-figma:mb-4 mobile:max-tablet:pb-[9px]">
|
||||
<img src="src/assets/cube.svg" alt="" />
|
||||
Возможности
|
||||
</h6>
|
||||
<div>
|
||||
<div className="grid tablet:grid-cols-3 mobile:max-tablet:gap-y-2 desktop:gap-x-4 tablet:gap-x-3 border-b border-[#3D425C] tablet:pb-5 mobile:pb-2 mb-6 justify-stretch mobile:max-tablet:border-t mobile:max-tablet:pt-2">
|
||||
<MultiUserFeature
|
||||
img="src/assets/processes.svg"
|
||||
text="отработка производственных процессов, в которых участвует группа людей"
|
||||
/>
|
||||
<MultiUserFeature
|
||||
img="src/assets/plans.svg"
|
||||
text="командная отработка планов мероприятий по локализации и ликвидации последствий аварий"
|
||||
/>
|
||||
<MultiUserFeature
|
||||
img="src/assets/actions.svg"
|
||||
text="координация действий между несколькими сотрудниками"
|
||||
/>
|
||||
</div>
|
||||
<p className="text-[#ffffff] desktop:text-[32px] desktop:leading-8 tablet:text-[28px] tablet:leading-7 mobile:text-xl mobile:leading-5 font-medium tablet-figma:max-w-[668px] ">
|
||||
В одном цифровом пространстве{' '}
|
||||
<span className="opacity-60">
|
||||
могут работать сотрудники, находящиеся в разных помещениях,
|
||||
зданиях или городах
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function MultiUserFeature({ text, img }: { text: string; img: string }) {
|
||||
return (
|
||||
<div className="flex flex-col justify-between items-start p-6 bg-[#3D425C4D] bg-opacity-30 rounded-2xl desktop:max-w-[367px] tablet-figma:max-desktop-figma:min-w-[232px] desktop:min-h-[214px] tablet:min-h-[240px] mobile:min-h-[220px]">
|
||||
<img src={img} alt="" className="mb-14" />
|
||||
<p className="text-base text-[#ffffff]">{text}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
export function Process() {
|
||||
export function Products() {
|
||||
return (
|
||||
<div className="desktop:py-[70px] tablet:max-desktop:pt-14 tablet:max-desktop:pb-8 mobile:max-tablet:py-14 desktop:px-10 tablet:max-desktop:px-6 mobile:max-tablet:px-4 text-[#ffffff]">
|
||||
<h1 className="text-[64px] font-medium leading-[58px] mb-14 -tracking-[.02em] desktop:block mobile:hidden">
|
||||
@@ -1,7 +1,7 @@
|
||||
export function Distance() {
|
||||
export function Teaching() {
|
||||
return (
|
||||
<div className="desktop:py-[70px] desktop:px-10 tablet:max-desktop:px-6 tablet:max-desktop:py-14 desktop:flex">
|
||||
<h1 className="font-medium text-[64px] leading-[57.6px] text-[#ffffff] desktop:block mobile:max-desktop:hidden">
|
||||
<div className="desktop:py-[70px] desktop:px-10 tablet:max-desktop:px-6 mobile:max-tablet:px-4 mobile:max-desktop:py-14 desktop-figma:flex">
|
||||
<h1 className="font-medium text-[64px] leading-[57.6px] text-[#ffffff] desktop:block mobile:max-desktop:hidden mb-8">
|
||||
<span
|
||||
className="bg-text-gradient bg-gradient-to-r from-[#798FFF] to-[#D375FF]"
|
||||
style={{
|
||||
@@ -27,16 +27,16 @@ export function Distance() {
|
||||
</span>{' '}
|
||||
на базе платформы GRAFF TRANING
|
||||
</h1>
|
||||
{/* <DistanceFeatures /> */}
|
||||
<GridDistanceFeatures />
|
||||
<TeachingFeaturesForDesktop />
|
||||
<TeachingFeaturesForOtherScreens />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function DistanceFeatures() {
|
||||
function TeachingFeaturesForDesktop() {
|
||||
return (
|
||||
<div className="desktop:flex desktop:flex-col gap-y-4 flex-wrap">
|
||||
<div className="desktop:p-10 tablet:p-6 bg-[#3D425C4D] bg-opacity-30 rounded-2xl desktop:flex desktop:min-w-[880px] desktop:min-h-[400px] w-fit bg-[url(src/assets/chat.svg)] bg-no-repeat bg-[475px_69px]">
|
||||
<div className="mobile:max-desktop-figma:hidden desktop:flex-col gap-y-4 flex-wrap desktop:flex">
|
||||
<div className="max-w-[880px] desktop:p-10 tablet:p-6 bg-[#3D425C4D] bg-opacity-30 rounded-2xl desktop:flex desktop:min-w-[880px] desktop:min-h-[400px] bg-auto bg-[url(src/assets/schedule_big.svg)] bg-no-repeat bg-right-bottom">
|
||||
<div className="text-[#ffffff]">
|
||||
<h1 className="font-medium text-[32px] leading-8 mb-2">
|
||||
Управление процессом
|
||||
@@ -54,7 +54,7 @@ function DistanceFeatures() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="p-10 bg-[#3D425C4D] bg-opacity-30 rounded-2xl desktop:flex min-w-[880px] min-h-[400px]">
|
||||
<div className="max-w-[880px] p-10 bg-[#3D425C4D] bg-opacity-30 rounded-2xl desktop:flex min-w-[880px] min-h-[400px]">
|
||||
<div className="text-[#ffffff]">
|
||||
<h1 className="font-medium text-[32px] leading-8 mb-2">
|
||||
Управление пользователями
|
||||
@@ -67,7 +67,7 @@ function DistanceFeatures() {
|
||||
<img src="src/assets/modal.svg" className="rounded-lg" alt="" />
|
||||
</div>
|
||||
|
||||
<div className="p-10 pb-[18px] bg-[#3D425C4D] bg-opacity-30 rounded-2xl desktop:flex min-w-[880px] min-h-[400px] bg-[url(src/assets/pinned_windows.svg)] bg-no-repeat bg-right-bottom">
|
||||
<div className="max-w-[880px] p-10 pb-[18px] bg-[#3D425C4D] bg-opacity-30 rounded-2xl desktop:flex min-w-[880px] min-h-[400px] bg-[url(src/assets/pinned_windows.svg)] bg-no-repeat bg-right-bottom">
|
||||
<div className="text-[#ffffff]">
|
||||
<h1 className="font-medium text-[32px] leading-8 mb-2">
|
||||
Видеозапись обучения
|
||||
@@ -84,7 +84,7 @@ function DistanceFeatures() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="p-10 bg-[#3D425C4D] bg-opacity-30 rounded-2xl desktop:flex min-w-[880px] min-h-[400px] flex justify-between">
|
||||
<div className="max-w-[880px] p-10 bg-[#3D425C4D] bg-opacity-30 rounded-2xl desktop:flex min-w-[880px] min-h-[400px] flex justify-between">
|
||||
<div className="text-[#ffffff]">
|
||||
<h1 className="font-medium text-[32px] leading-8 mb-2">
|
||||
Статистика обучения
|
||||
@@ -112,22 +112,26 @@ function DistanceFeatures() {
|
||||
);
|
||||
}
|
||||
|
||||
function GridDistanceFeatures() {
|
||||
function TeachingFeaturesForOtherScreens() {
|
||||
return (
|
||||
<div className="grid grid-cols-2 grid-rows-[272px_107px_249px]">
|
||||
<div className="bg-[#3D425C4D] bg-opacity-30 rounded-2xl pt-6 px-6 overflow-hidden w-[353px] max-h-[272px] row-start-1 col-start-1">
|
||||
<h1 className="text-[#ffffff] font-medium text-2xl leading-6 mb-1">
|
||||
<div className="mobile:max-tablet:flex mobile:max-tablet:flex-col mobile:max-tablet:gap-y-2 tablet-figma:max-desktop:grid grid-rows-[272px_113px_249px] gap-3 grid-cols-[353px_354px] desktop:hidden tablet:max-tablet-figma:flex tablet:max-tablet-figma:flex-col">
|
||||
<div className="bg-[#3D425C4D] bg-opacity-30 rounded-2xl tablet:max-desktop:pt-6 tablet:max-desktop:px-6 mobile:max-tablet:pt-5 mobile:max-tablet:px-5 overflow-hidden row-start-1 col-start-1 mobile:max-tablet:flex mobile:max-tablet:flex-col">
|
||||
<h1 className="text-[#ffffff] font-medium tablet:max-desktop:text-2xl mobile:max-tablet:text-xl tablet:max-desktop:leading-6 mobile:max-tablet:leading-5 mb-1">
|
||||
Управление
|
||||
<br /> пользователями
|
||||
</h1>
|
||||
<p className="text-[#ffffff] text-xs -mb-[18px] leading-[17px]">
|
||||
<p className="text-[#ffffff] text-xs tablet:max-desktop:-mb-[18px] leading-[17px]">
|
||||
Добавление, удаление и назначение ролей
|
||||
</p>
|
||||
<img src="src/assets/modal.svg" className="relative top-7" alt="" />
|
||||
<img
|
||||
src="src/assets/modal.svg"
|
||||
className="relative mobile:max-tablet:w-[351px] tablet-figma:max-desktop:top-7 tablet:max-tablet-figma:top-11 mobile:max-tablet:top-5 mobile:max-tablet:left-[92px] self-end tablet:max-tablet-figma:m-auto"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="bg-[#3D425C4D] bg-opacity-30 rounded-2xl max-h-[389px] pt-6 px-6 bg-[url(src/assets/chat.svg)] bg-contain bg-no-repeat bg-[73px_102px] w-[353px] row-start-1 row-end-2 col-start-2">
|
||||
<h1 className="text-[#ffffff] font-medium text-2xl leading-6 mb-1">
|
||||
<div className="bg-[#3D425C4D] bg-opacity-30 rounded-2xl tablet:max-desktop:pt-6 tablet:max-desktop:px-6 mobile:max-tablet:pt-5 mobile:max-tablet:px-5 bg-[url(src/assets/schedule_big.svg)] tablet-figma:max-desktop:bg-contain mobile:max-tablet:bg-contain mobile:max-tablet:bg-[140px_130px] tablet:max-tablet-figma:bg-[length:50%] bg-no-repeat tablet-figma:max-desktop:bg-[73px_102px] tablet:max-tablet-figma:bg-right-bottom row-start-1 row-span-2 col-start-2">
|
||||
<h1 className="text-[#ffffff] font-medium tablet:max-desktop:text-2xl mobile:max-tablet:text-xl tablet:max-desktop:leading-6 mobile:max-tablet:leading-5 mb-1">
|
||||
Управление процессом
|
||||
</h1>
|
||||
<p className="text-[#ffffff] text-xs leading-[17px]">
|
||||
@@ -137,13 +141,13 @@ function GridDistanceFeatures() {
|
||||
</p>
|
||||
<img
|
||||
src="src/assets/master_card.svg"
|
||||
className="rounded-lg mb-11 h-[92px] mt-[166px]"
|
||||
className="rounded-lg mb-11 h-[92px] mt-[166px] tablet:max-tablet-figma:mx-auto"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="bg-[#3D425C4D] bg-opacity-30 rounded-2xl max-h-[389px] pt-6 px-6 bg-[url(src/assets/pinned_windows.svg)] bg-contain bg-no-repeat bg-[73px_119px] w-[353px] row-start-2 row-end-3 col-start-1">
|
||||
<h1 className="text-[#ffffff] font-medium text-2xl leading-6 mb-1">
|
||||
<div className="bg-[#3D425C4D] bg-opacity-30 rounded-2xl tablet:max-desktop:pt-6 tablet:max-desktop:px-6 mobile:max-tablet:pt-5 mobile:max-tablet:px-5 bg-[url(src/assets/pinned_windows_mini.svg)] tablet:max-tablet-figma:bg-[100%_100%] tablet-figma:max-desktop:bg-contain bg-no-repeat tablet-figma:max-desktop:bg-[67px_119px] mobile:max-tablet:bg-[100%_119px] mobile:max-tablet:flex mobile:max-tablet:flex-col row-start-2 row-span-2 col-start-1">
|
||||
<h1 className="text-[#ffffff] font-medium tablet:max-desktop:text-2xl mobile:max-tablet:text-xl tablet:max-desktop:leading-6 mobile:max-tablet:leading-5 mb-1">
|
||||
Видеозапись обучения
|
||||
</h1>
|
||||
<p className="text-[#ffffff] text-xs leading-[17px]">
|
||||
@@ -152,29 +156,29 @@ function GridDistanceFeatures() {
|
||||
</p>
|
||||
<img
|
||||
src="src/assets/manage_video.svg"
|
||||
className="rounded-lg h-[94px] mt-[147px] mb-6"
|
||||
className="rounded-lg h-[94px] mt-[147px] mb-6 tablet:max-tablet-figma:mx-auto tablet:max-tablet-figma:mr-[200px] self-end mr-[168px]"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="bg-[#3D425C4D] bg-opacity-30 rounded-2xl max-h-[249px] pt-6 px-6 w-[353px] overflow-hidden row-start-3 col-start-2">
|
||||
<h1 className="text-[#ffffff] font-medium text-2xl leading-6 mb-1">
|
||||
<div className="bg-[#3D425C4D] bg-opacity-30 rounded-2xl tablet:max-desktop:pt-6 tablet:max-desktop:px-6 mobile:max-tablet:pt-5 mobile:max-tablet:px-5 tablet:max-tablet-figma:pb-6 mobile:max-tablet:pb-5 overflow-hidden row-start-3 col-start-2">
|
||||
<h1 className="text-[#ffffff] font-medium tablet:max-desktop:text-2xl mobile:max-tablet:text-xl tablet:max-desktop:leading-6 mobile:max-tablet:leading-5 mb-1">
|
||||
Статистика обучения
|
||||
</h1>
|
||||
<p className="text-[#ffffff] text-xs leading-[17px]">
|
||||
<p className="text-[#ffffff] text-xs leading-[17px] mobile:max-tablet-figma:mb-5">
|
||||
Фиксация правильных и неправильных действий.
|
||||
<br />
|
||||
Отчет об ошибках
|
||||
</p>
|
||||
<div className="flex items-end overflow-hidden mt-0.5">
|
||||
<div className="flex items-end mobile:max-tablet-figma:justify-center tablet-figma:max-desktop:overflow-hidden mt-0.5 mobile:max-tablet:pl-11">
|
||||
<img
|
||||
src="src/assets/schedule.svg"
|
||||
className="rounded-lg w-[166px] relative z-10"
|
||||
className="rounded-lg mobile:max-desktop:w-[166px] tablet:max-desktop:relative z-10"
|
||||
alt=""
|
||||
/>
|
||||
<img
|
||||
src="src/assets/stats.svg"
|
||||
className="rounded-lg relative right-[27px] w-[166px]"
|
||||
className="rounded-lg relative tablet-figma:max-desktop:right-[27px] tablet:max-tablet-figma:right-[31px] mobile:max-desktop:w-[166px] tablet:max-tablet-figma:bottom-[27px] mobile:max-tablet:bottom-[14px] mobile:max-tablet:right-11"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
@@ -1,3 +0,0 @@
|
||||
export function Multiuser() {
|
||||
return <div></div>;
|
||||
}
|
||||
@@ -1,3 +0,0 @@
|
||||
export function Variances() {
|
||||
return <div></div>;
|
||||
}
|
||||
@@ -1,17 +1,21 @@
|
||||
import { Video } from '../components/Main/Video';
|
||||
import { Pluses } from '../components/Main/Pluses';
|
||||
import { Figures } from '../components/Main/Figures';
|
||||
import { Process } from '../components/Main/Process';
|
||||
import { Distance } from '../components/Distance';
|
||||
import { Effeciency } from '../components/Main/Effeciency';
|
||||
import { Products } from '../components/Main/Product';
|
||||
import { Teaching } from '../components/Main/Teaching';
|
||||
import { Distance } from '../components/Main/Distance';
|
||||
import { MultiUser } from '../components/Main/MultiUser';
|
||||
|
||||
export function MainPage() {
|
||||
return (
|
||||
<>
|
||||
<Video />
|
||||
<Pluses />
|
||||
<Figures />
|
||||
<Process />
|
||||
<Effeciency />
|
||||
<Products />
|
||||
<Teaching />
|
||||
<Distance />
|
||||
<MultiUser />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -9,7 +9,9 @@ export default {
|
||||
screens: {
|
||||
"mobile": '360px',
|
||||
"tablet": '640px',
|
||||
"tablet-figma": '768px',
|
||||
"desktop": '1024px',
|
||||
"desktop-figma": '1600px',
|
||||
},
|
||||
colors: {
|
||||
"text-gradient": '-webkit-linear-gradient(#798FFF, #D375FF)'
|
||||
|
||||
Reference in New Issue
Block a user