fakz9/landing-page-2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

final commit

Browse Source
This commit is contained in:
fakz9
2024-05-03 05:56:22 +03:00
parent 31ef122d22
commit 4376a0fd99
18 changed files with 81 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/videos/1.mp4 Normal file
View File

Binary file not shown.

BIN
public/videos/2.mp4 Normal file
View File

Binary file not shown.

BIN
public/videos/3.mp4 Normal file
View File

Binary file not shown.

BIN
public/videos/4.mp4 Normal file
View File

Binary file not shown.

4
src/app/layout.tsx
View File

@@ -41,6 +41,10 @@ export default function RootLayout({
return ( return (
<html lang="en" <html lang="en"
className={classNames(helveticaNeueCyrFont.variable, sFProTextFont.variable, proximaNovaFont.variable)}> className={classNames(helveticaNeueCyrFont.variable, sFProTextFont.variable, proximaNovaFont.variable)}>
<head>
<link rel="icon" href="/favicon.png" sizes="any"/>
<title>DENCO Бизнес</title>
</head>
<body>{children}</body> <body>{children}</body>
</html> </html>
); );

14
src/sections/FooterSection/FooterSection.module.css
View File

@@ -23,15 +23,17 @@
.bottom { .bottom {
display: flex; display: flex;
gap: 2rem; justify-content: space-between;
align-items: flex-end;
} }
.bottomLeft { .bottomLeft {
flex: 1 1 60%; display: flex;
gap: 1rem;
flex-direction: column;
} }
.bottomRight { .bottomRight {
flex: 1 1 40%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
@@ -40,12 +42,14 @@
.instruction { .instruction {
font-family: var(--HelveticaNeueCyr); font-family: var(--HelveticaNeueCyr);
font-size: 2rem; font-size: 2rem;
margin-bottom: 2rem;
} }
.logo { .logo {
width: 6rem; width: 6rem;
margin-bottom: 1rem; }
.logoContainer {
} }
.contactUs { .contactUs {

32
src/sections/FooterSection/FooterSection.tsx
View File

@@ -11,27 +11,27 @@ export function FooterSection() {
<footer> <footer>
<Container className={styles.container}> <Container className={styles.container}>
<h3 className={styles.heading}>Зарабатывайте вместе с нами!</h3> <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.bottom}>
<div className={styles.bottomRight}>
<p className={styles.contactUs}>Свяжитесь с нами!</p>
<div className={styles.contactDetails}>
<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}> <div className={styles.bottomLeft}>
<p className={styles.instruction}>Инструкция к подключению</p> {/*<p className={styles.instruction}>Инструкция к подключению</p>*/}
<div className={styles.logoContainer}>
<Image className={styles.logo} src={dencoLogo} alt={'Логотип'}/> <Image className={styles.logo} src={dencoLogo} alt={'Логотип'}/>
<p>Все права защищены</p> <p>Все права защищены</p>
</div> </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>
</div>
</div> </div>
</div> </div>
</Container> </Container>

5
src/sections/HeaderSection/Header.module.css
View File

@@ -1,11 +1,12 @@
.innerContainer { .innerContainer {
padding: 1rem 0 2rem; padding: 1rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.dencoLogo { .dencoLogo {
max-width: 6rem; max-width: 6rem;
height: 100%;
} }
.joinGroup { .joinGroup {
@@ -44,7 +45,7 @@
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
.innerContainer { .innerContainer {
padding: 1.2rem 0 3.5rem; padding: 1.2rem;
} }
.dencoLogo { .dencoLogo {

2
src/sections/HeroSection/HeroSection.tsx
View File

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

3
src/sections/TestimonialsSection/TestimonialsSection.module.css
View File

@@ -9,6 +9,9 @@
font-size: 2rem; font-size: 2rem;
} }
.container {
max-width: 30rem;
}
@media screen and (min-width: 641px) { @media screen and (min-width: 641px) {
.title { .title {
font-size: 2.8rem; font-size: 2.8rem;

9
src/sections/TestimonialsSection/TestimonialsSection.tsx
View File

@@ -7,12 +7,13 @@ import {Carousel} from "@/shared/components/Carousel/Carousel";
export function TestimonialsSection() { export function TestimonialsSection() {
return ( return (
<section className={styles.root}> <section className={styles.root}>
<Container> <Container className={styles.container}>
<h3 className={styles.title}>Посмотрите отзывы от наших клиентов</h3> <h3 className={styles.title}>Посмотрите отзывы от наших клиентов</h3>
<Carousel> <Carousel>
<Image src={chpok} alt={''}/> <video controls src={"videos/1.mp4"}/>
<Image src={chpok} alt={''}/> <video controls src={"videos/2.mp4"}/>
<Image src={chpok} alt={''}/> <video controls src={"videos/3.mp4"}/>
<video controls src={"videos/4.mp4"}/>
</Carousel> </Carousel>
</Container> </Container>
</section> </section>

2
src/sections/WhyDencoSection/components/WhyDencoItem/WhyDencoItem.module.css
View File

@@ -21,6 +21,8 @@
.body { .body {
position: relative; position: relative;
z-index: 2; z-index: 2;
flex:1;
text-align: center;
} }
@media screen and (min-width: 641px) { @media screen and (min-width: 641px) {

43
src/sections/WideChoiceSection/WideChoiceSection.tsx
View File

@@ -8,8 +8,8 @@ import bear from '@/shared/assets/images/bear.png'
import tools from '@/shared/assets/images/tools.png' import tools from '@/shared/assets/images/tools.png'
import ball from '@/shared/assets/images/ball.png' import ball from '@/shared/assets/images/ball.png'
import stationery from '@/shared/assets/images/stationery.png' import stationery from '@/shared/assets/images/stationery.png'
import huntingAndFishing from '@/shared/assets/images/hunting and fishing.png' import garden from '@/shared/assets/images/garden.png'
import feast from '@/shared/assets/images/feast.png' import home from '@/shared/assets/images/home.png'
import healthAndBeauty from '@/shared/assets/images/health and beauty.png' import healthAndBeauty from '@/shared/assets/images/health and beauty.png'
import electronics from '@/shared/assets/images/electronics.png' import electronics from '@/shared/assets/images/electronics.png'
import sliderArrowLeft from "@/shared/assets/icons/sliderArrowLeft.svg"; import sliderArrowLeft from "@/shared/assets/icons/sliderArrowLeft.svg";
@@ -44,14 +44,37 @@ export function WideChoiceSection() {
<h3 className={styles.heading}>Обширный выбор товаров из различных категорий.</h3> <h3 className={styles.heading}>Обширный выбор товаров из различных категорий.</h3>
<p className={styles.subHeading}>Более миллиона товаров - ассортимент обновляется ежедневно</p> <p className={styles.subHeading}>Более миллиона товаров - ассортимент обновляется ежедневно</p>
<Slider {...settings}> <Slider {...settings}>
<WideChoiceItem imgSrc={bear} name={'Детские игрушки'} alt={'Детские игрушки'}/> <WideChoiceItem
<WideChoiceItem imgSrc={tools} name={'Инструменты'} alt={'Инструменты'}/> href={"https://denco.store/toy"}
<WideChoiceItem imgSrc={ball} name={'Спортивные товары'} alt={'Спортивные товары'}/> imgSrc={bear}
<WideChoiceItem imgSrc={stationery} name={'Канцтовары'} alt={'Канцтовары'}/> name={'Детские игрушки'}
<WideChoiceItem imgSrc={huntingAndFishing} name={'Охота и рыбалка'} alt={'Охота и рыбалка'}/> alt={'Детские игрушки'}/>
<WideChoiceItem imgSrc={feast} name={'Праздник'} alt={'Праздник'}/> <WideChoiceItem
<WideChoiceItem imgSrc={healthAndBeauty} name={'Красота и здоровье'} alt={'Красота и здоровье'}/> href={"https://denco.store/stroitelstvo-i-remont"}
<WideChoiceItem imgSrc={electronics} name={'Электроника'} alt={'Электроника'}/> 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> </Slider>
</div> </div>
</Container> </Container>

1
src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.module.css
View File

@@ -7,6 +7,7 @@
height: 14rem; height: 14rem;
border: 1px solid var(--grey2); border: 1px solid var(--grey2);
margin: 0 auto; margin: 0 auto;
display: block;
} }
.imageContainer { .imageContainer {

7
src/sections/WideChoiceSection/components/WideChoiceItem/WideChoiceItem.tsx
View File

@@ -5,19 +5,20 @@ export type WideChoiceItemProps = {
imgSrc: StaticImageData, imgSrc: StaticImageData,
name: string, name: string,
alt: string, alt: string,
href: string,
}; };
export function WideChoiceItem({imgSrc, name, alt, ...otherProps}: WideChoiceItemProps) { export function WideChoiceItem({imgSrc, name, alt,href , ...otherProps}: WideChoiceItemProps) {
return ( return (
<div className={styles.root} {...otherProps}> <div className={styles.root} {...otherProps}>
<div className={styles.container}> <a href={href} className={styles.container}>
<div className={styles.imageContainer}> <div className={styles.imageContainer}>
<Image src={imgSrc} alt={alt} sizes='100vw' placeholder={'blur'}/> <Image src={imgSrc} alt={alt} sizes='100vw' placeholder={'blur'}/>
</div> </div>
<div className={styles.name}> <div className={styles.name}>
<p>{name}</p> <p>{name}</p>
</div> </div>
</div> </a>
</div> </div>
); );
}; };

BIN
src/shared/assets/images/garden.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

BIN
src/shared/assets/images/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB