+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/FboFbsSection/FboFbsSection.module.css b/src/sections/FboFbsSection/FboFbsSection.module.css
new file mode 100644
index 0000000..93a89fe
--- /dev/null
+++ b/src/sections/FboFbsSection/FboFbsSection.module.css
@@ -0,0 +1,23 @@
+.root {
+ padding: 4rem 0;
+}
+
+.container {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 1rem;
+}
+
+@media screen and (min-width: 641px) {
+ .container {
+ grid-auto-rows: 1fr;
+ }
+}
+
+@media screen and (min-width: 1270px) {
+ .container {
+ grid-template-columns: 1fr 1fr;
+ gap: 4rem;
+ justify-content: space-between;
+ }
+}
\ No newline at end of file
diff --git a/src/sections/FboFbsSection/FboFbsSection.tsx b/src/sections/FboFbsSection/FboFbsSection.tsx
new file mode 100644
index 0000000..a39a4d1
--- /dev/null
+++ b/src/sections/FboFbsSection/FboFbsSection.tsx
@@ -0,0 +1,43 @@
+import {Container} from "@/shared/components/Container/Container";
+import {FboFbsItem, FboFbsItemProps} from "@/sections/FboFbsSection/components/FboFbsItem/FboFbsItem";
+import fbo from '@/shared/assets/images/FBO.png';
+import fbs from '@/shared/assets/images/FBS.png';
+import styles from './FboFbsSection.module.css';
+
+const items: FboFbsItemProps[] = [
+ {
+ imgSrc: fbo,
+ headingBulletPoint: "хранение на складе маркетплейса",
+ bulletPoints: [
+ "бесплатная упаковка и переработка товаров под требования нужного маркетплейса",
+ "меньшие сроки доставки",
+ "возвраты обрабатывает платформа, а не продавец",
+ ]
+ },
+ {
+ imgSrc: fbs,
+ headingBulletPoint: "отгрузка со своего склада с доставкой маркетплейса",
+ bulletPoints: [
+ "мультиканальность продаж",
+ "возвраты приходят на склад",
+ ]
+ },
+]
+
+
+export function FboFbsSection() {
+ return (
+
+
+ {items.map((item, i) => (
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/FboFbsSection/components/FboFbsItem/FboFbsItem.module.css b/src/sections/FboFbsSection/components/FboFbsItem/FboFbsItem.module.css
new file mode 100644
index 0000000..693881d
--- /dev/null
+++ b/src/sections/FboFbsSection/components/FboFbsItem/FboFbsItem.module.css
@@ -0,0 +1,68 @@
+.root {
+ background-color: var(--grey);
+ border-radius: 5px;
+ padding: 2rem;
+ display: flex;
+ justify-content: end;
+ overflow: hidden;
+ position: relative;
+}
+
+.image {
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 40%;
+ object-fit: cover;
+}
+
+.list {
+ width: 60%;
+ padding: 1rem 1rem 1rem 2rem;
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ background-color: var(--white);
+ border-radius: 5px;
+ text-align: justify;
+ justify-content: center;
+}
+
+@media screen and (min-width: 641px) {
+ .list {
+ padding: 1.75rem 1.75rem 1.75rem 3rem;
+ }
+}
+
+@media screen and (min-width: 1270px) {
+ .root {
+ display: grid;
+ grid-template-rows: 1fr 1fr;
+ padding: 0;
+ }
+
+ .list {
+ width: unset;
+ justify-content: start;
+ background-color: transparent;
+ padding: 0 2rem 4rem 3rem;
+ }
+
+ .imageContainer {
+ position: relative;
+ width: 100%;
+ }
+
+ .image {
+ position: absolute;
+ width: 80%;
+ top: -4rem;
+ transform: unset;
+ height: auto;
+ }
+
+ .headingItem {
+ font-weight: 700;
+ }
+}
\ No newline at end of file
diff --git a/src/sections/FboFbsSection/components/FboFbsItem/FboFbsItem.tsx b/src/sections/FboFbsSection/components/FboFbsItem/FboFbsItem.tsx
new file mode 100644
index 0000000..f94b113
--- /dev/null
+++ b/src/sections/FboFbsSection/components/FboFbsItem/FboFbsItem.tsx
@@ -0,0 +1,23 @@
+import Image, {StaticImageData} from "next/image";
+import styles from './FboFbsItem.module.css';
+
+export type FboFbsItemProps = {
+ imgSrc: StaticImageData,
+ headingBulletPoint: string,
+ bulletPoints: string[]
+};
+
+export function FboFbsItem(props: FboFbsItemProps) {
+ const {imgSrc, headingBulletPoint, bulletPoints} = props;
+
+ return (
+
+
+
+
+ {headingBulletPoint}
+ {bulletPoints.map((bulletPoint, i) => {bulletPoint} )}
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/FooterSection/FooterSection.module.css b/src/sections/FooterSection/FooterSection.module.css
new file mode 100644
index 0000000..00d16e0
--- /dev/null
+++ b/src/sections/FooterSection/FooterSection.module.css
@@ -0,0 +1,93 @@
+.container {
+ border-radius: 5px;
+ background-color: var(--grey2);
+ padding: 2rem 2.5rem;
+ color: var(--white);
+ margin-bottom: 5rem;
+}
+
+.heading {
+ font-family: var(--HelveticaNeueCyr);
+ font-size: 3.2rem;
+ margin-bottom: 1rem;
+}
+
+.joinButton {
+ font-size: 2rem;
+ color: var(--white);
+ background-color: var(--blue);
+ border-radius: 10px;
+ padding: 1.5rem 2rem;
+ margin-bottom: 3.5rem;
+}
+
+.bottom {
+ display: flex;
+ gap: 2rem;
+}
+
+.bottomLeft {
+ flex: 1 1 60%;
+}
+
+.bottomRight {
+ flex: 1 1 40%;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+.instruction {
+ font-family: var(--HelveticaNeueCyr);
+ font-size: 2rem;
+ margin-bottom: 2rem;
+}
+
+.logo {
+ width: 6rem;
+ margin-bottom: 1rem;
+}
+
+.contactUs {
+ font-size: 1.6rem;
+}
+
+.socialButtons {
+ display: flex;
+ gap: 1rem;
+}
+
+.whatsAppLogo, .telegramLogo {
+ width: 18px;
+}
+
+.contactDetails {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+}
+
+@media screen and (min-width: 641px) {
+ .container {
+ padding: 3.7rem 6.2rem 6.2rem;
+ border-radius: 10px;
+ }
+
+ .contactUs {
+ font-weight: 700;
+ }
+
+ .whatsAppLogo, .telegramLogo {
+ width: 25px;
+ }
+}
+
+@media screen and (min-width: 992px) {
+ .container {
+ border-radius: 15px;
+ }
+
+ .whatsAppLogo, .telegramLogo {
+ width: 40px;
+ }
+}
\ No newline at end of file
diff --git a/src/sections/FooterSection/FooterSection.tsx b/src/sections/FooterSection/FooterSection.tsx
new file mode 100644
index 0000000..f8cabff
--- /dev/null
+++ b/src/sections/FooterSection/FooterSection.tsx
@@ -0,0 +1,40 @@
+import styles from './FooterSection.module.css';
+import {Container} from "@/shared/components/Container/Container";
+import Link from "next/link";
+import Image from "next/image";
+import dencoLogo from "@/shared/assets/icons/DENCO 2024.svg";
+import whatsAppLogo from '@/shared/assets/icons/ватсап.svg';
+import telegramLogo from '@/shared/assets/icons/телеграм.svg';
+
+export function FooterSection() {
+ return (
+
+
+ Зарабатывайте вместе с нами!
+
+
+
Инструкция к подключению
+
+ Все права защищены
+
+
+
Свяжитесь с нами!
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/HeaderSection/Header.module.css b/src/sections/HeaderSection/Header.module.css
new file mode 100644
index 0000000..39932e4
--- /dev/null
+++ b/src/sections/HeaderSection/Header.module.css
@@ -0,0 +1,53 @@
+.innerContainer {
+ padding: 1rem 0 2rem;
+ display: flex;
+ justify-content: space-between;
+}
+
+.dencoLogo {
+ max-width: 6rem;
+}
+
+.joinGroup {
+ display: flex;
+ align-items: center;
+ gap: 1rem;
+}
+
+.joinText {
+ font-size: 1.4rem;
+ color: var(--blue);
+}
+
+.link {
+ display: flex;
+}
+
+.joinLogo {
+ width: 2rem;
+ height: auto;
+}
+
+@media screen and (min-width: 641px) {
+ .dencoLogo {
+ max-width: 8.75rem;
+ }
+
+ .joinLogo {
+ width: 50px;
+ }
+
+ .joinGroup {
+ gap: 1.75rem;
+ }
+}
+
+@media screen and (min-width: 992px) {
+ .innerContainer {
+ padding: 1.2rem 0 3.5rem;
+ }
+
+ .dencoLogo {
+ max-width: unset;
+ }
+}
\ No newline at end of file
diff --git a/src/sections/HeaderSection/HeaderSection.tsx b/src/sections/HeaderSection/HeaderSection.tsx
new file mode 100644
index 0000000..1a4d32d
--- /dev/null
+++ b/src/sections/HeaderSection/HeaderSection.tsx
@@ -0,0 +1,26 @@
+import dencoLogo from '../../shared/assets/icons/DENCO лого.svg';
+import telegramLogo from '../../shared/assets/icons/лого телега.svg';
+import Image from "next/image";
+import Link from "next/link";
+import {Container} from "@/shared/components/Container/Container";
+import styles from "./Header.module.css";
+
+export function HeaderSection() {
+ return (
+
+
+
+
+
+
+
+
Подключиться к сервису
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/HeroSection/HeroSection.module.css b/src/sections/HeroSection/HeroSection.module.css
new file mode 100644
index 0000000..91682f5
--- /dev/null
+++ b/src/sections/HeroSection/HeroSection.module.css
@@ -0,0 +1,90 @@
+.root {
+ background-color: var(--grey);
+ position: relative;
+ overflow: hidden;
+}
+
+.bgWrap {
+ position: absolute;
+ right: -2rem;
+ bottom: -2rem;
+ width: 50%;
+ max-height: 80%;
+ z-index: 1;
+}
+
+.containerInner {
+ padding: 4rem 0 0;
+}
+
+.infoBlock {
+ max-width: 60rem;
+ position: relative;
+ z-index: 2;
+}
+
+.infoHeading {
+ font-family: var(--HelveticaNeueCyr);
+ font-size: 3.2rem;
+ text-transform: uppercase;
+ margin-bottom: 1.5rem;
+}
+
+.infoAdditional {
+ max-width: 60%;
+ margin-bottom: 3rem;
+}
+
+.joinButton {
+ font-size: 1.6rem;
+ color: var(--white);
+ background-color: var(--blue);
+ border-radius: 5px;
+ padding: 1rem;
+ margin-bottom: 6.7rem;
+}
+
+.marketPlaces {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 5rem;
+ padding: 1.8rem 10rem;
+ height: 4.7rem;
+ background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.7) 100%);
+ position: relative;
+ z-index: 2;
+}
+
+@media screen and (min-width: 641px) {
+ .infoHeading {
+ font-size: 3.5rem;
+ }
+
+ .marketPlaces {
+ height: 5.5rem;
+ }
+}
+
+@media screen and (min-width: 992px) {
+ .bgWrap {
+ bottom: -5px;
+ width: 60%;
+ max-height: unset;
+ right: -10rem;
+ }
+
+ .infoHeading {
+ max-width: 55%;
+ }
+
+ .joinButton {
+ margin-bottom: 9.2rem;
+ padding: 1.2rem 2.8rem;
+ border-radius: 8px;
+ }
+
+ .infoAdditional {
+ max-width: 40%;
+ }
+}
\ No newline at end of file
diff --git a/src/sections/HeroSection/HeroSection.tsx b/src/sections/HeroSection/HeroSection.tsx
new file mode 100644
index 0000000..0e56300
--- /dev/null
+++ b/src/sections/HeroSection/HeroSection.tsx
@@ -0,0 +1,39 @@
+import Link from "next/link";
+import Image from "next/image";
+import ozonLogo from "@/shared/assets/images/озон.svg";
+import wildBerriesLogo from "@/shared/assets/images/вб.svg";
+import yandexMarketLogo from "@/shared/assets/images/ям.svg";
+import person from "@/shared/assets/images/парень-и-лого-мп.png";
+import {Container} from "@/shared/components/Container/Container";
+import styles from './HeroSection.module.css';
+
+
+export function HeroSection() {
+ return (
+
+
+
+
+
Бизнес на маркетплейсе из любой точки мира
+
Дропшиппинг, фулфилмент и внутренняя аналитика в одном
+ сервисе
+
Стать партнёром
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/PlanDescriptionSection/PlanDescriptionSection.module.css b/src/sections/PlanDescriptionSection/PlanDescriptionSection.module.css
new file mode 100644
index 0000000..7103168
--- /dev/null
+++ b/src/sections/PlanDescriptionSection/PlanDescriptionSection.module.css
@@ -0,0 +1,113 @@
+.root {
+ padding: 4rem 0 2rem;
+ overflow: hidden;
+}
+
+.descriptionContainer {
+ display: grid;
+ grid-template-areas: 'desc desc'
+ 'img img';
+ grid-template-columns: auto auto;
+ grid-template-rows: auto;
+ margin: 0 auto;
+ width: fit-content;
+}
+
+.descriptionTextContainer {
+ max-width: 31rem;
+ margin: 0 auto;
+ grid-area: desc;
+ position: relative;
+}
+
+.description {
+ padding: 1rem;
+ border-radius: 10px;
+ color: var(--black);
+ font-size: 1.5rem;
+ text-align: justify;
+ background-color: var(--grey)
+}
+
+.descriptionAccent {
+ color: var(--blue);
+ font-weight: 700;
+}
+
+.cooperationImageContainer {
+ margin-left: auto;
+ margin-right: -8rem;
+ grid-area: img;
+ margin-top: -3rem;
+ z-index: -1;
+}
+
+.cooperationGuyImg {
+ max-width: 25rem;
+ background-color: transparent;
+ object-fit: cover;
+}
+
+.orangeCircle, .blueCircle {
+ position: absolute;
+ z-index: -1;
+}
+
+.orangeCircle {
+ width: 6rem;
+ top: -3rem;
+ right: 1rem;
+}
+
+.blueCircle {
+ width: 4rem;
+ bottom: -6rem;
+ left: 1rem;
+}
+
+@media screen and (min-width: 768px) {
+ .root {
+ padding-bottom: 6rem;
+ }
+
+ .title {
+ margin-bottom: 4.6rem;
+ }
+
+ .list {
+ margin-bottom: 5.2rem;
+ }
+
+ .descriptionContainer {
+ align-items: center;
+ grid-template-areas: 'img desc'
+ 'img desc';
+ grid-template-columns: 40% 60%;
+ }
+
+ .descriptionTextContainer {
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ max-width: 35rem;
+ margin: 0 auto;
+ }
+
+ .description {
+ padding: 1.4rem;
+ }
+
+ .cooperationImageContainer {
+ margin-left: 0;
+ margin-right: -5rem;
+ }
+
+ .cooperationGuyImg {
+ margin-top: 0;
+ max-width: 100%;
+ }
+
+ .blueCircle {
+ bottom: -3rem;
+ }
+}
diff --git a/src/sections/PlanDescriptionSection/PlanDescriptionSection.tsx b/src/sections/PlanDescriptionSection/PlanDescriptionSection.tsx
new file mode 100644
index 0000000..6896e8d
--- /dev/null
+++ b/src/sections/PlanDescriptionSection/PlanDescriptionSection.tsx
@@ -0,0 +1,37 @@
+import styles from './PlanDescriptionSection.module.css';
+import Image from "next/image";
+import {Container} from "@/shared/components/Container/Container";
+import cooperationGuyImg from '@/shared/assets/images/cooperation guy.png'
+import orangeCircle from '@/shared/assets/images/круг желтый.svg'
+import blueCircle from '@/shared/assets/images/круг синий.svg'
+
+export function PlanDescriptionSection() {
+ return (
+
+
+
+
+
+ Вы покупаете у нас только тот товар, который заказали на ваших маркетплейсах, тоесть Вы
+ исключаете
+ расходы на закупку большой партии товара. Денежные средства вы получаете напрямую от
+ маркетплейса. В
+ наш сервис заложены услуги фулфилмента, хранения товара, упаковки товара и ежедневная доставка
+ до
+ сортировочных центров МП -всю рутинную работу мы берем на себя. Вы
+ занимаетесь только
+ продвижением
+ карточек товара.
+
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/TestimonialsSection/TestimonialsSection.module.css b/src/sections/TestimonialsSection/TestimonialsSection.module.css
new file mode 100644
index 0000000..228908f
--- /dev/null
+++ b/src/sections/TestimonialsSection/TestimonialsSection.module.css
@@ -0,0 +1,22 @@
+.root {
+ margin-bottom: 4rem;
+}
+
+.title {
+ text-align: center;
+ margin-bottom: 2rem;
+ font-family: var(--HelveticaNeueCyr);
+ font-size: 2rem;
+}
+
+@media screen and (min-width: 641px) {
+ .title {
+ font-size: 2.8rem;
+ }
+}
+
+@media screen and (min-width: 992px) {
+ .title {
+ font-size: 2.1rem;
+ }
+}
\ No newline at end of file
diff --git a/src/sections/TestimonialsSection/TestimonialsSection.tsx b/src/sections/TestimonialsSection/TestimonialsSection.tsx
new file mode 100644
index 0000000..208ee36
--- /dev/null
+++ b/src/sections/TestimonialsSection/TestimonialsSection.tsx
@@ -0,0 +1,20 @@
+import {Container} from "@/shared/components/Container/Container";
+import chpok from '@/shared/assets/images/chpok.png';
+import styles from './TestimonialsSection.module.css';
+import Image from "next/image";
+import {Carousel} from "@/shared/components/Carousel/Carousel";
+
+export function TestimonialsSection() {
+ return (
+
+
+ Посмотрите отзывы от наших клиентов
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/WhyDencoSection/WhyDencoSection.module.css b/src/sections/WhyDencoSection/WhyDencoSection.module.css
new file mode 100644
index 0000000..30b8f90
--- /dev/null
+++ b/src/sections/WhyDencoSection/WhyDencoSection.module.css
@@ -0,0 +1,71 @@
+.root {
+ padding: 4rem 0 0;
+ margin-bottom: 4rem;
+}
+
+.heading {
+ font-family: var(--HelveticaNeueCyr);
+ font-size: 2rem;
+ margin-bottom: 1rem;
+}
+
+.itemList {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 1rem;
+ margin-bottom: 4rem;
+}
+
+.certificates {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 4rem;
+ padding: 0;
+ gap: 2rem;
+}
+
+.certificate {
+ flex: 1 1 auto;
+}
+
+.forgetEverything {
+ background-color: var(--grey);
+ padding: 1.5rem 0;
+ display: flex;
+ justify-content: center;
+}
+
+.forgetEverythingText {
+ font-family: var(--HelveticaNeueCyr);
+ font-weight: 700;
+ font-size: 2rem;
+ text-align: center;
+ margin: 0 -1.5rem;
+}
+
+@media screen and (min-width: 480px) {
+ .itemList {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+}
+
+@media screen and (min-width: 641px) {
+ .heading {
+ font-size: 2.8rem;
+ }
+
+ .forgetEverythingText {
+ margin: unset;
+ font-size: 2.8rem;
+ }
+}
+
+@media screen and (min-width: 992px) {
+ .heading {
+ font-size: 2.1rem;
+ }
+
+ .forgetEverythingText {
+ font-size: 2.1rem;
+ }
+}
\ No newline at end of file
diff --git a/src/sections/WhyDencoSection/WhyDencoSection.tsx b/src/sections/WhyDencoSection/WhyDencoSection.tsx
new file mode 100644
index 0000000..2191c1d
--- /dev/null
+++ b/src/sections/WhyDencoSection/WhyDencoSection.tsx
@@ -0,0 +1,59 @@
+import {Container} from "@/shared/components/Container/Container";
+import styles from './WhyDencoSection.module.css';
+import {WhyDencoItem, WhyDencoItemProps} from "@/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem";
+import certificate from "@/shared/assets/images/DENCO 30.06.png";
+import Image from "next/image";
+
+const items: WhyDencoItemProps[] = [
+ {
+ position: 1,
+ body: 'Продавайте более полумиллиона товаров без склада и офиса'
+ },
+ {
+ position: 2,
+ body: 'Низкий ФОТ'
+ },
+ {
+ position: 3,
+ body: 'Без больших стартовых затрат'
+ },
+ {
+ position: 4,
+ body: 'Работа из любой точки мира'
+ },
+ {
+ position: 5,
+ body: 'Автоматическое ценообразование. Средняя чистая прибыль товара от 25%'
+ },
+ {
+ position: 6,
+ body: 'Всё автоматизировано - от получения заказа до доставки.'
+ },
+]
+
+export function WhyDencoSection() {
+ return (
+
+
+ Почему Denco?
+
+ {items.map((item, i) => )}
+
+
+
+
+
+ Забудьте об аренде склада, найме сотрудников, упаковке и
+ доставке до МП - всё мы сделаем за вас!
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem.module.css b/src/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem.module.css
new file mode 100644
index 0000000..2322ed6
--- /dev/null
+++ b/src/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem.module.css
@@ -0,0 +1,50 @@
+.root {
+ background-color: var(--grey);
+ padding: 1.5rem 0.5rem 1.5rem 0.5rem;
+ border-radius: 0.5rem;
+ position: relative;
+ display: flex;
+ align-items: center;
+ min-height: 10rem;
+}
+
+.digit {
+ font-family: var(--ProximaNova);
+ position: absolute;
+ left: 1rem;
+ z-index: 1;
+ color: rgba(183, 183, 183, 0.5);
+ text-transform: uppercase;
+ font-size: 6.4rem;
+}
+
+.body {
+ position: relative;
+ z-index: 2;
+}
+
+@media screen and (min-width: 641px) {
+ .digit {
+ font-size: 10rem;
+ }
+}
+
+@media screen and (min-width: 768px) {
+ .digit {
+ font-size: 11.2rem;
+ }
+
+ .body {
+ font-size: 1.75rem;
+ }
+}
+
+@media screen and (min-width: 992px) {
+ .digit {
+ top: -2.4rem;
+ }
+
+ .body {
+ font-size: 1.4rem;
+ }
+}
\ No newline at end of file
diff --git a/src/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem.tsx b/src/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem.tsx
new file mode 100644
index 0000000..b88b6f3
--- /dev/null
+++ b/src/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem.tsx
@@ -0,0 +1,15 @@
+import styles from './WhyDencoItem.module.css';
+
+export type WhyDencoItemProps = {
+ position: number,
+ body: string,
+};
+
+export function WhyDencoItem({position, body}: WhyDencoItemProps) {
+ return (
+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/WideChoiceSection/WideChoiceSection.module.css b/src/sections/WideChoiceSection/WideChoiceSection.module.css
new file mode 100644
index 0000000..4e4f104
--- /dev/null
+++ b/src/sections/WideChoiceSection/WideChoiceSection.module.css
@@ -0,0 +1,36 @@
+.innerContainer {
+ background-color: var(--grey);
+ padding: 1rem 3rem 4rem;
+ margin: 0 -3rem;
+}
+
+.heading {
+ font-family: var(--HelveticaNeueCyr);
+ font-size: 2rem;
+ margin-bottom: 1rem;
+}
+
+.subHeading {
+ margin-bottom: 1.5rem;
+}
+
+@media screen and (min-width: 641px) {
+ .innerContainer {
+ margin: 0 -6rem;
+ }
+
+ .heading {
+ font-size: 2.8rem;
+ }
+}
+
+@media screen and (min-width: 992px) {
+ .innerContainer {
+ margin: 0;
+ }
+
+ .heading {
+ width: 50%;
+ font-size: 2.1rem;
+ }
+}
\ No newline at end of file
diff --git a/src/sections/WideChoiceSection/WideChoiceSection.tsx b/src/sections/WideChoiceSection/WideChoiceSection.tsx
new file mode 100644
index 0000000..344aad0
--- /dev/null
+++ b/src/sections/WideChoiceSection/WideChoiceSection.tsx
@@ -0,0 +1,60 @@
+'use client'
+
+import Image from "next/image";
+import {Container} from "@/shared/components/Container/Container";
+import styles from './WideChoiceSection.module.css';
+import {WideChoiceItem} from "@/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem";
+import bear from '@/shared/assets/images/bear.png'
+import tools from '@/shared/assets/images/tools.png'
+import ball from '@/shared/assets/images/ball.png'
+import stationery from '@/shared/assets/images/stationery.png'
+import huntingAndFishing from '@/shared/assets/images/hunting and fishing.png'
+import feast from '@/shared/assets/images/feast.png'
+import healthAndBeauty from '@/shared/assets/images/health and beauty.png'
+import electronics from '@/shared/assets/images/electronics.png'
+import sliderArrowLeft from "@/shared/assets/icons/sliderArrowLeft.svg";
+import sliderArrowRight from "@/shared/assets/icons/sliderArrowRight.svg";
+import Slider, {Settings} from "react-slick";
+
+export function WideChoiceSection() {
+ const settings: Settings = {
+ dots: true,
+ infinite: true,
+ speed: 500,
+ slidesToShow: 4,
+ slidesToScroll: 4,
+ lazyLoad: 'progressive',
+ prevArrow:
,
+ nextArrow: ,
+ responsive: [
+ {
+ breakpoint: 480,
+ settings: {
+ slidesToShow: 3,
+ slidesToScroll: 3,
+ }
+ }
+ ]
+ };
+
+ return (
+
+
+
+
Обширный выбор товаров из различных категорий.
+
Более миллиона товаров - ассортимент обновляется ежедневно
+
+
+
+
+
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.module.css b/src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.module.css
new file mode 100644
index 0000000..4d4979a
--- /dev/null
+++ b/src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.module.css
@@ -0,0 +1,29 @@
+.root {
+ width: 100%;
+}
+
+.container {
+ width: 10rem;
+ height: 14rem;
+ border: 1px solid var(--grey2);
+ margin: 0 auto;
+}
+
+.imageContainer {
+ height: 75%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-bottom: 1px solid var(--grey2);
+}
+
+.name {
+ position: relative;
+ padding: 0.3rem 0;
+ width: 100%;
+ text-align: center;
+ height: 25%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
diff --git a/src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.tsx b/src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.tsx
new file mode 100644
index 0000000..19b5741
--- /dev/null
+++ b/src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.tsx
@@ -0,0 +1,23 @@
+import Image, {StaticImageData} from "next/image";
+import styles from './WideChoiceItem.module.css';
+
+export type WideChoiceItemProps = {
+ imgSrc: StaticImageData,
+ name: string,
+ alt: string,
+};
+
+export function WideChoiceItem({imgSrc, name, alt, ...otherProps}: WideChoiceItemProps) {
+ return (
+
+ );
+};
\ No newline at end of file
diff --git a/src/shared/assets/fonts/HelveticaNeueCyr-Bold.ttf b/src/shared/assets/fonts/HelveticaNeueCyr-Bold.ttf
new file mode 100644
index 0000000..6979569
Binary files /dev/null and b/src/shared/assets/fonts/HelveticaNeueCyr-Bold.ttf differ
diff --git a/src/shared/assets/fonts/SFProText-Bold.ttf b/src/shared/assets/fonts/SFProText-Bold.ttf
new file mode 100644
index 0000000..0cd5ce1
Binary files /dev/null and b/src/shared/assets/fonts/SFProText-Bold.ttf differ
diff --git a/src/shared/assets/fonts/SFProText-Regular.ttf b/src/shared/assets/fonts/SFProText-Regular.ttf
new file mode 100644
index 0000000..b63615e
Binary files /dev/null and b/src/shared/assets/fonts/SFProText-Regular.ttf differ
diff --git a/src/shared/assets/fonts/SFProText-Semibold.ttf b/src/shared/assets/fonts/SFProText-Semibold.ttf
new file mode 100644
index 0000000..c4c70d5
Binary files /dev/null and b/src/shared/assets/fonts/SFProText-Semibold.ttf differ
diff --git a/src/shared/assets/fonts/proximanova_extrabold.otf b/src/shared/assets/fonts/proximanova_extrabold.otf
new file mode 100644
index 0000000..775d5fc
Binary files /dev/null and b/src/shared/assets/fonts/proximanova_extrabold.otf differ
diff --git a/src/shared/assets/icons/DENCO 2024.svg b/src/shared/assets/icons/DENCO 2024.svg
new file mode 100644
index 0000000..488f877
--- /dev/null
+++ b/src/shared/assets/icons/DENCO 2024.svg
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
diff --git a/src/shared/assets/icons/DENCO лого.svg b/src/shared/assets/icons/DENCO лого.svg
new file mode 100644
index 0000000..52eb632
--- /dev/null
+++ b/src/shared/assets/icons/DENCO лого.svg
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
diff --git a/src/shared/assets/icons/sliderArrowLeft.svg b/src/shared/assets/icons/sliderArrowLeft.svg
new file mode 100644
index 0000000..7b09553
--- /dev/null
+++ b/src/shared/assets/icons/sliderArrowLeft.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/shared/assets/icons/sliderArrowRight.svg b/src/shared/assets/icons/sliderArrowRight.svg
new file mode 100644
index 0000000..a98fc1d
--- /dev/null
+++ b/src/shared/assets/icons/sliderArrowRight.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/shared/assets/icons/ватсап.svg b/src/shared/assets/icons/ватсап.svg
new file mode 100644
index 0000000..9860517
--- /dev/null
+++ b/src/shared/assets/icons/ватсап.svg
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
diff --git a/src/shared/assets/icons/лого телега.svg b/src/shared/assets/icons/лого телега.svg
new file mode 100644
index 0000000..e83f1a1
--- /dev/null
+++ b/src/shared/assets/icons/лого телега.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/src/shared/assets/icons/телеграм.svg b/src/shared/assets/icons/телеграм.svg
new file mode 100644
index 0000000..48dfa1d
--- /dev/null
+++ b/src/shared/assets/icons/телеграм.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
diff --git a/src/shared/assets/images/DENCO 30.06.png b/src/shared/assets/images/DENCO 30.06.png
new file mode 100644
index 0000000..01f574f
Binary files /dev/null and b/src/shared/assets/images/DENCO 30.06.png differ
diff --git a/src/shared/assets/images/FBO.png b/src/shared/assets/images/FBO.png
new file mode 100644
index 0000000..e0e0444
Binary files /dev/null and b/src/shared/assets/images/FBO.png differ
diff --git a/src/shared/assets/images/FBS.png b/src/shared/assets/images/FBS.png
new file mode 100644
index 0000000..01fe656
Binary files /dev/null and b/src/shared/assets/images/FBS.png differ
diff --git a/src/shared/assets/images/accountItems/accountBalancePage.png b/src/shared/assets/images/accountItems/accountBalancePage.png
new file mode 100644
index 0000000..d650fcc
Binary files /dev/null and b/src/shared/assets/images/accountItems/accountBalancePage.png differ
diff --git a/src/shared/assets/images/accountItems/itemsPage.png b/src/shared/assets/images/accountItems/itemsPage.png
new file mode 100644
index 0000000..cc8c348
Binary files /dev/null and b/src/shared/assets/images/accountItems/itemsPage.png differ
diff --git a/src/shared/assets/images/accountItems/mainPage.png b/src/shared/assets/images/accountItems/mainPage.png
new file mode 100644
index 0000000..9b4d080
Binary files /dev/null and b/src/shared/assets/images/accountItems/mainPage.png differ
diff --git a/src/shared/assets/images/accountItems/ordersPage.png b/src/shared/assets/images/accountItems/ordersPage.png
new file mode 100644
index 0000000..fa1b22d
Binary files /dev/null and b/src/shared/assets/images/accountItems/ordersPage.png differ
diff --git a/src/shared/assets/images/accountItems/pricesPage.png b/src/shared/assets/images/accountItems/pricesPage.png
new file mode 100644
index 0000000..d55a926
Binary files /dev/null and b/src/shared/assets/images/accountItems/pricesPage.png differ
diff --git a/src/shared/assets/images/accountItems/statisticsPage.png b/src/shared/assets/images/accountItems/statisticsPage.png
new file mode 100644
index 0000000..e441d96
Binary files /dev/null and b/src/shared/assets/images/accountItems/statisticsPage.png differ
diff --git a/src/shared/assets/images/accountItems/tablePage.png b/src/shared/assets/images/accountItems/tablePage.png
new file mode 100644
index 0000000..44d7f81
Binary files /dev/null and b/src/shared/assets/images/accountItems/tablePage.png differ
diff --git a/src/shared/assets/images/ball.png b/src/shared/assets/images/ball.png
new file mode 100644
index 0000000..e80f9cc
Binary files /dev/null and b/src/shared/assets/images/ball.png differ
diff --git a/src/shared/assets/images/bear.png b/src/shared/assets/images/bear.png
new file mode 100644
index 0000000..54be2e7
Binary files /dev/null and b/src/shared/assets/images/bear.png differ
diff --git a/src/shared/assets/images/chpok.png b/src/shared/assets/images/chpok.png
new file mode 100644
index 0000000..5b1f5d0
Binary files /dev/null and b/src/shared/assets/images/chpok.png differ
diff --git a/src/shared/assets/images/cooperation guy.png b/src/shared/assets/images/cooperation guy.png
new file mode 100644
index 0000000..1261fb3
Binary files /dev/null and b/src/shared/assets/images/cooperation guy.png differ
diff --git a/src/shared/assets/images/cooperation1.png b/src/shared/assets/images/cooperation1.png
new file mode 100644
index 0000000..a81b223
Binary files /dev/null and b/src/shared/assets/images/cooperation1.png differ
diff --git a/src/shared/assets/images/cooperation2.png b/src/shared/assets/images/cooperation2.png
new file mode 100644
index 0000000..493d8a7
Binary files /dev/null and b/src/shared/assets/images/cooperation2.png differ
diff --git a/src/shared/assets/images/cooperation3.png b/src/shared/assets/images/cooperation3.png
new file mode 100644
index 0000000..5b320c6
Binary files /dev/null and b/src/shared/assets/images/cooperation3.png differ
diff --git a/src/shared/assets/images/cooperation4.png b/src/shared/assets/images/cooperation4.png
new file mode 100644
index 0000000..63f3ec7
Binary files /dev/null and b/src/shared/assets/images/cooperation4.png differ
diff --git a/src/shared/assets/images/cooperation5.png b/src/shared/assets/images/cooperation5.png
new file mode 100644
index 0000000..60a71cb
Binary files /dev/null and b/src/shared/assets/images/cooperation5.png differ
diff --git a/src/shared/assets/images/cooperation6.png b/src/shared/assets/images/cooperation6.png
new file mode 100644
index 0000000..2d226e4
Binary files /dev/null and b/src/shared/assets/images/cooperation6.png differ
diff --git a/src/shared/assets/images/electronics.png b/src/shared/assets/images/electronics.png
new file mode 100644
index 0000000..03b88fd
Binary files /dev/null and b/src/shared/assets/images/electronics.png differ
diff --git a/src/shared/assets/images/feast.png b/src/shared/assets/images/feast.png
new file mode 100644
index 0000000..7a362f1
Binary files /dev/null and b/src/shared/assets/images/feast.png differ
diff --git a/src/shared/assets/images/health and beauty.png b/src/shared/assets/images/health and beauty.png
new file mode 100644
index 0000000..cea61d5
Binary files /dev/null and b/src/shared/assets/images/health and beauty.png differ
diff --git a/src/shared/assets/images/hunting and fishing.png b/src/shared/assets/images/hunting and fishing.png
new file mode 100644
index 0000000..deb1890
Binary files /dev/null and b/src/shared/assets/images/hunting and fishing.png differ
diff --git a/src/shared/assets/images/phone/phoneLight.svg b/src/shared/assets/images/phone/phoneLight.svg
new file mode 100644
index 0000000..b2c02e0
--- /dev/null
+++ b/src/shared/assets/images/phone/phoneLight.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/shared/assets/images/phone/phoneShadow.svg b/src/shared/assets/images/phone/phoneShadow.svg
new file mode 100644
index 0000000..c0646f7
--- /dev/null
+++ b/src/shared/assets/images/phone/phoneShadow.svg
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
diff --git a/src/shared/assets/images/phone/телефон 1.png b/src/shared/assets/images/phone/телефон 1.png
new file mode 100644
index 0000000..adffe7b
Binary files /dev/null and b/src/shared/assets/images/phone/телефон 1.png differ
diff --git a/src/shared/assets/images/stationery.png b/src/shared/assets/images/stationery.png
new file mode 100644
index 0000000..f444326
Binary files /dev/null and b/src/shared/assets/images/stationery.png differ
diff --git a/src/shared/assets/images/tools.png b/src/shared/assets/images/tools.png
new file mode 100644
index 0000000..45613ee
Binary files /dev/null and b/src/shared/assets/images/tools.png differ
diff --git a/src/shared/assets/images/вб.svg b/src/shared/assets/images/вб.svg
new file mode 100644
index 0000000..5d0784e
--- /dev/null
+++ b/src/shared/assets/images/вб.svg
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
diff --git a/src/shared/assets/images/круг желтый.svg b/src/shared/assets/images/круг желтый.svg
new file mode 100644
index 0000000..b2065fa
--- /dev/null
+++ b/src/shared/assets/images/круг желтый.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/shared/assets/images/круг синий.svg b/src/shared/assets/images/круг синий.svg
new file mode 100644
index 0000000..5684929
--- /dev/null
+++ b/src/shared/assets/images/круг синий.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/shared/assets/images/озон.svg b/src/shared/assets/images/озон.svg
new file mode 100644
index 0000000..c845321
--- /dev/null
+++ b/src/shared/assets/images/озон.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/src/shared/assets/images/парень-и-лого-мп.png b/src/shared/assets/images/парень-и-лого-мп.png
new file mode 100644
index 0000000..15959c5
Binary files /dev/null and b/src/shared/assets/images/парень-и-лого-мп.png differ
diff --git a/src/shared/assets/images/ям.svg b/src/shared/assets/images/ям.svg
new file mode 100644
index 0000000..3d853b8
--- /dev/null
+++ b/src/shared/assets/images/ям.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/shared/components/Carousel/Carousel.module.css b/src/shared/components/Carousel/Carousel.module.css
new file mode 100644
index 0000000..67cda2f
--- /dev/null
+++ b/src/shared/components/Carousel/Carousel.module.css
@@ -0,0 +1,5 @@
+.root {
+ padding: 0 1rem;
+ max-width: 900px;
+ margin: 0 auto;
+}
\ No newline at end of file
diff --git a/src/shared/components/Carousel/Carousel.tsx b/src/shared/components/Carousel/Carousel.tsx
new file mode 100644
index 0000000..66e096c
--- /dev/null
+++ b/src/shared/components/Carousel/Carousel.tsx
@@ -0,0 +1,32 @@
+'use client'
+
+import styles from './Carousel.module.css';
+import {ComponentProps, ReactNode} from "react";
+import Slider from "react-slick";
+import Image from "next/image";
+import sliderArrowLeft from "@/shared/assets/icons/sliderArrowLeft.svg";
+import sliderArrowRight from "@/shared/assets/icons/sliderArrowRight.svg";
+
+type Props = {
+ children: ReactNode
+};
+
+const settings: ComponentProps = {
+ infinite: true,
+ speed: 500,
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ lazyLoad: 'progressive',
+ prevArrow: ,
+ nextArrow: ,
+};
+
+export function Carousel({children}: Props) {
+ return (
+
+
+ {children}
+
+
+ );
+};
\ No newline at end of file
diff --git a/src/shared/components/Container/Container.module.css b/src/shared/components/Container/Container.module.css
new file mode 100644
index 0000000..ce12f4c
--- /dev/null
+++ b/src/shared/components/Container/Container.module.css
@@ -0,0 +1,18 @@
+.root {
+ max-width: var(--container-width);
+ padding: 0 3rem;
+ margin: 0 auto;
+}
+
+@media screen and (min-width: 641px) {
+ .root {
+ padding: 0 6rem;
+ }
+}
+
+
+@media screen and (min-width: 992px) {
+ .root {
+ padding: 0 3rem;
+ }
+}
\ No newline at end of file
diff --git a/src/shared/components/Container/Container.tsx b/src/shared/components/Container/Container.tsx
new file mode 100644
index 0000000..48a65b7
--- /dev/null
+++ b/src/shared/components/Container/Container.tsx
@@ -0,0 +1,16 @@
+import {ReactNode} from "react";
+import classNames from "classnames";
+import styles from './Container.module.css';
+
+type Props = {
+ children: ReactNode,
+ className?: string,
+};
+
+export function Container({children, className}: Props) {
+ return (
+
+ {children}
+
+ );
+};
\ No newline at end of file
diff --git a/src/shared/components/Modal/Modal.module.css b/src/shared/components/Modal/Modal.module.css
new file mode 100644
index 0000000..6bfb702
--- /dev/null
+++ b/src/shared/components/Modal/Modal.module.css
@@ -0,0 +1,13 @@
+.root {
+ background-color: var(--modal-background);
+ position: fixed;
+ inset: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 5;
+}
+
+.container {
+ padding: 0 1rem 0;
+}
diff --git a/src/shared/components/Modal/Modal.tsx b/src/shared/components/Modal/Modal.tsx
new file mode 100644
index 0000000..ee09df3
--- /dev/null
+++ b/src/shared/components/Modal/Modal.tsx
@@ -0,0 +1,28 @@
+'use client'
+
+import {ReactNode, useEffect} from "react";
+import styles from './Modal.module.css';
+
+type Props = {
+ children?: ReactNode,
+ onClose?: () => void;
+};
+
+export function Modal(props: Props) {
+ const {children, onClose} = props;
+
+ useEffect(() => {
+ document.body.style.overflow = 'hidden';
+ return () => {
+ document.body.style.overflow = 'scroll'
+ }
+ }, []);
+
+ return (
+
+
e.stopPropagation()}>
+ {children}
+
+