final commit

2024-05-03 05:56:22 +03:00
parent 31ef122d22
commit 4376a0fd99
18 changed files with 81 additions and 41 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -41,6 +41,10 @@ export default function RootLayout({
    return (
        <html lang="en"
              className={classNames(helveticaNeueCyrFont.variable, sFProTextFont.variable, proximaNovaFont.variable)}>
+        <head>
+            <link rel="icon" href="/favicon.png" sizes="any"/>
+            <title>DENCO Бизнес</title>
+        </head>
        <body>{children}</body>
        </html>
    );
--- a/src/sections/FooterSection/FooterSection.module.css
+++ b/src/sections/FooterSection/FooterSection.module.css
@@ -23,15 +23,17 @@

 .bottom {
    display: flex;
-    gap: 2rem;
+    justify-content: space-between;
+    align-items: flex-end;
 }

 .bottomLeft {
-    flex: 1 1 60%;
+    display: flex;
+    gap: 1rem;
+    flex-direction: column;
 }

 .bottomRight {
-    flex: 1 1 40%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
@@ -40,12 +42,14 @@
 .instruction {
    font-family: var(--HelveticaNeueCyr);
    font-size: 2rem;
-    margin-bottom: 2rem;
 }

 .logo {
    width: 6rem;
-    margin-bottom: 1rem;
+}
+
+.logoContainer {
+
 }

 .contactUs {
--- a/src/sections/FooterSection/FooterSection.tsx
+++ b/src/sections/FooterSection/FooterSection.tsx
@@ -11,27 +11,27 @@ export function FooterSection() {
        <footer>
            <Container className={styles.container}>
                <h3 className={styles.heading}>Зарабатывайте вместе с нами!</h3>
-                <Link href={''} className={styles.joinButton}>Стать партнёром</Link>
+                <Link href={'https://t.me/dencofulfillmant_manager'}
+                      className={styles.joinButton}>Стать
+                    партнёром</Link>
+
                <div className={styles.bottom}>
-                    <div className={styles.bottomLeft}>
-                        <p className={styles.instruction}>Инструкция к подключению</p>
-                        <Image className={styles.logo} src={dencoLogo} alt={'Логотип'}/>
-                        <p>Все права защищены</p>
-                    </div>
+
                    <div className={styles.bottomRight}>
                        <p className={styles.contactUs}>Свяжитесь с нами!</p>
-                        <div className={styles.socialButtons}>
-                            <Link href={''}>
-                                <Image className={styles.whatsAppLogo} src={whatsAppLogo} alt={''}/>
-                            </Link>
-                            <Link href={''}>
-                                <Image className={styles.telegramLogo} src={telegramLogo} alt={''}/>
-                            </Link>
-                        </div>
                        <div className={styles.contactDetails}>
-                            <Link href={'tel:+79000000000'}>+7(900)000-00-00</Link>
-                            <Link href={'mailto:emailemail110@gmail.com'}>emailemail110@gmail.com</Link>
+                            <Link href={'tel:+79951541493'}>+7 (995) 154-14-93</Link>
+                            <Link href={'mailto:info@denco.store'}>info@denco.store</Link>
                        </div>
+
+                    </div>
+                    <div className={styles.bottomLeft}>
+                        {/*<p className={styles.instruction}>Инструкция к подключению</p>*/}
+                        <div className={styles.logoContainer}>
+                            <Image className={styles.logo} src={dencoLogo} alt={'Логотип'}/>
+                            <p>Все права защищены</p>
+                        </div>
+
                    </div>
                </div>
            </Container>
--- a/src/sections/HeaderSection/Header.module.css
+++ b/src/sections/HeaderSection/Header.module.css
@@ -1,11 +1,12 @@
 .innerContainer {
-    padding: 1rem 0 2rem;
+    padding: 1rem;
    display: flex;
    justify-content: space-between;
 }

 .dencoLogo {
    max-width: 6rem;
+    height: 100%;
 }

 .joinGroup {
@@ -44,7 +45,7 @@

@media screen and (min-width: 992px) {
    .innerContainer {
-        padding: 1.2rem 0 3.5rem;
+        padding: 1.2rem;
    }

    .dencoLogo {
--- a/src/sections/HeroSection/HeroSection.tsx
+++ b/src/sections/HeroSection/HeroSection.tsx
@@ -17,7 +17,7 @@ export function HeroSection() {
                        <h2 className={styles.infoHeading}>Бизнес на маркетплейсе из любой точки мира</h2>
                        <p className={styles.infoAdditional}>Дропшиппинг, фулфилмент и внутренняя аналитика в одном
                            сервисе</p>
-                        <Link href={''} className={styles.joinButton}>Стать партнёром</Link>
+                        <Link href={'https://t.me/dencofulfillmant_manager'} className={styles.joinButton}>Стать партнёром</Link>
                    </div>
                </div>
                <div className={styles.bgWrap}>
--- a/src/sections/TestimonialsSection/TestimonialsSection.module.css
+++ b/src/sections/TestimonialsSection/TestimonialsSection.module.css
@@ -9,6 +9,9 @@
    font-size: 2rem;
 }

+.container {
+    max-width: 30rem;
+}
@media screen and (min-width: 641px) {
    .title {
        font-size: 2.8rem;
--- a/src/sections/TestimonialsSection/TestimonialsSection.tsx
+++ b/src/sections/TestimonialsSection/TestimonialsSection.tsx
@@ -7,12 +7,13 @@ import {Carousel} from "@/shared/components/Carousel/Carousel";
 export function TestimonialsSection() {
    return (
        <section className={styles.root}>
-            <Container>
+            <Container className={styles.container}>
                <h3 className={styles.title}>Посмотрите отзывы от наших клиентов</h3>
                <Carousel>
-                    <Image src={chpok} alt={''}/>
-                    <Image src={chpok} alt={''}/>
-                    <Image src={chpok} alt={''}/>
+                    <video  controls src={"videos/1.mp4"}/>
+                    <video  controls src={"videos/2.mp4"}/>
+                    <video  controls src={"videos/3.mp4"}/>
+                    <video  controls src={"videos/4.mp4"}/>
                </Carousel>
            </Container>
        </section>
--- a/src/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem.module.css
+++ b/src/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem.module.css
@@ -21,6 +21,8 @@
 .body {
    position: relative;
    z-index: 2;
+    flex:1;
+    text-align: center;
 }

@media screen and (min-width: 641px) {
--- a/src/sections/WideChoiceSection/WideChoiceSection.tsx
+++ b/src/sections/WideChoiceSection/WideChoiceSection.tsx
@@ -8,8 +8,8 @@ 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 garden from '@/shared/assets/images/garden.png'
+import home from '@/shared/assets/images/home.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";
@@ -44,14 +44,37 @@ export function WideChoiceSection() {
                    <h3 className={styles.heading}>Обширный выбор товаров из различных категорий.</h3>
                    <p className={styles.subHeading}>Более миллиона товаров - ассортимент обновляется ежедневно</p>
                    <Slider {...settings}>
-                        <WideChoiceItem imgSrc={bear} name={'Детские игрушки'} alt={'Детские игрушки'}/>
-                        <WideChoiceItem imgSrc={tools} name={'Инструменты'} alt={'Инструменты'}/>
-                        <WideChoiceItem imgSrc={ball} name={'Спортивные товары'} alt={'Спортивные товары'}/>
-                        <WideChoiceItem imgSrc={stationery} name={'Канцтовары'} alt={'Канцтовары'}/>
-                        <WideChoiceItem imgSrc={huntingAndFishing} name={'Охота и рыбалка'} alt={'Охота и рыбалка'}/>
-                        <WideChoiceItem imgSrc={feast} name={'Праздник'} alt={'Праздник'}/>
-                        <WideChoiceItem imgSrc={healthAndBeauty} name={'Красота и здоровье'} alt={'Красота и здоровье'}/>
-                        <WideChoiceItem imgSrc={electronics} name={'Электроника'} alt={'Электроника'}/>
+                        <WideChoiceItem
+                            href={"https://denco.store/toy"}
+                            imgSrc={bear}
+                            name={'Детские игрушки'}
+                            alt={'Детские игрушки'}/>
+                        <WideChoiceItem
+                            href={"https://denco.store/stroitelstvo-i-remont"}
+                            imgSrc={tools}
+                            name={'Инструменты'}
+                            alt={'Инструменты'}/>
+                        <WideChoiceItem
+                            href={"https://denco.store/products-for-outdoor-activities"}
+                            imgSrc={ball}
+                            name={'Спортивные товары'}
+                            alt={'Спортивные товары'}/>
+                        <WideChoiceItem
+                            href={"https://denco.store/kanczelyarskie-tovaryi"}
+                            imgSrc={stationery}
+                            name={'Канцтовары'}
+                            alt={'Канцтовары'}/>
+                        <WideChoiceItem
+                            href={"https://denco.store/sad-i-ogorod"}
+                            imgSrc={garden}
+                            name={'Сад и огород'}
+                            alt={'Сад и огород'}/>
+                        <WideChoiceItem
+                            href={"https://denco.store/tovaryi-dlya-doma"}
+                            imgSrc={home}
+                            name={'Товары для дома'}
+                            alt={'Товары для дома'}/>
+
                    </Slider>
                </div>
            </Container>
--- a/src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.module.css
+++ b/src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.module.css
@@ -7,6 +7,7 @@
    height: 14rem;
    border: 1px solid var(--grey2);
    margin: 0 auto;
+    display: block;
 }

 .imageContainer {
--- a/src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.tsx
+++ b/src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.tsx
@@ -5,19 +5,20 @@ export type WideChoiceItemProps = {
    imgSrc: StaticImageData,
    name: string,
    alt: string,
+    href: string,
 };

-export function WideChoiceItem({imgSrc, name, alt, ...otherProps}: WideChoiceItemProps) {
+export function WideChoiceItem({imgSrc, name, alt,href , ...otherProps}: WideChoiceItemProps) {
    return (
        <div className={styles.root} {...otherProps}>
-            <div className={styles.container}>
+            <a href={href} className={styles.container}>
                <div className={styles.imageContainer}>
                    <Image src={imgSrc} alt={alt} sizes='100vw' placeholder={'blur'}/>
                </div>
                <div className={styles.name}>
                    <p>{name}</p>
                </div>
-            </div>
+            </a>
        </div>
    );
 };
--- a/src/shared/assets/images/garden.png
+++ b/src/shared/assets/images/garden.png
--- a/src/shared/assets/images/home.png
+++ b/src/shared/assets/images/home.png