добавил картинок и заголовки
This commit is contained in:
1 parent
0e704bc6a0
commit
e3fc84a637
12 files changed
+35
-33
No files matched your search
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 955 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 215 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
@@ -62,6 +62,7 @@ width: 100%;
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
object-position: center;
|
object-position: center;
|
||||||
|
filter: brightness(0.5)
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --- Mobile Adaptive --- */
|
/* --- Mobile Adaptive --- */
|
||||||
|
|||||||
@@ -2,6 +2,8 @@ import styles from './Banner.module.css'
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import { Carousel } from "antd";
|
import { Carousel } from "antd";
|
||||||
import Button from '../Button/Button.tsx';
|
import Button from '../Button/Button.tsx';
|
||||||
|
import banner_img1 from '../../assets/images/mainPage/ChatGPT-Image-Oct-1_-2025_-05_29_18-PM.png'
|
||||||
|
import banner_img2 from '../../assets/images/mainPage/296170994030930.jpg'
|
||||||
|
|
||||||
export interface SlideItem {
|
export interface SlideItem {
|
||||||
id: number;
|
id: number;
|
||||||
@@ -15,25 +17,18 @@ description: string;
|
|||||||
const slides: SlideItem[] = [
|
const slides: SlideItem[] = [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
image: "/images/banner1.jpg",
|
image: banner_img1,
|
||||||
title: "ПРОИЗВОДСТВО",
|
title: "ПРОИЗВОДСТВО",
|
||||||
subtitle: "ЛЫЖНЫХ СМАЗОК, АКСЕСУАРОВ И ПРОДУКЦИИ",
|
subtitle: "ТРУБ, ФИТИНГОВ, КОЛЕН И ОТВОДОВ",
|
||||||
description: "ДЛЯ ЗИМНИХ ВИДОВ СПОРТА",
|
description: "ДЛЯ ВНЕШНЕЙ И ВНУТРЕННЕЙ КАНАЛИЗАЦИИ",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
image: "/images/banner2.jpg",
|
image: banner_img2,
|
||||||
title: "ПРОИЗВОДСТВО",
|
title: "ПРОИЗВОДСТВО",
|
||||||
subtitle: "ЛЫЖНЫХ СМАЗОК, АКСЕСУАРОВ И ПРОДУКЦИИ",
|
subtitle: "ТРУБ, ФИТИНГОВ, КОЛЕН И ОТВОДОВ",
|
||||||
description: "ДЛЯ ЗИМНИХ ВИДОВ СПОРТА",
|
description: "ДЛЯ ВНЕШНЕЙ И ВНУТРЕННЕЙ КАНАЛИЗАЦИИ",
|
||||||
},
|
}
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
image: "/images/banner3.jpg",
|
|
||||||
title: "ПРОИЗВОДСТВО",
|
|
||||||
subtitle: "ЛЫЖНЫХ СМАЗОК, АКСЕСУАРОВ И ПРОДУКЦИИ",
|
|
||||||
description: "ДЛЯ ЗИМНИХ ВИДОВ СПОРТА",
|
|
||||||
},
|
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import styles from "./Categories.module.css";
|
import styles from "./Categories.module.css";
|
||||||
import Button from "../Button/Button";
|
import Button from "../Button/Button";
|
||||||
|
import category_internal1 from "../../assets/images/mainPage/category_internal1.jpg"
|
||||||
|
import category_interna2 from "../../assets/images/mainPage/category_internal2.jpg"
|
||||||
|
|
||||||
interface CategoryItem {
|
interface CategoryItem {
|
||||||
id: number;
|
id: number;
|
||||||
@@ -13,26 +15,26 @@ highlight?: boolean;
|
|||||||
const categories: CategoryItem[] = [
|
const categories: CategoryItem[] = [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "СРЕДСТВА",
|
title: "Труба ПВХ",
|
||||||
subtitle: "ДЛЯ УХОДА",
|
subtitle: "для ВНУТРЕННЕЙ канализации",
|
||||||
image: "/images/cat-care.jpg",
|
image: category_interna2,
|
||||||
highlight: true,
|
highlight: true,
|
||||||
},
|
},
|
||||||
{ id: 2, title: "СМАЗКИ СКОЛЬЖЕНИЯ", subtitle: "(ПАРАФИНЫ)", image: "/images/cat-paraffin.jpg" },
|
/*{ id: 2, title: "СМАЗКИ СКОЛЬЖЕНИЯ", subtitle: "(ПАРАФИНЫ)", image: "/images/cat-paraffin.jpg" },
|
||||||
{ id: 3, title: "МАЗИ ДЕРЖАНИЯ", image: "/images/cat-hold.jpg" },
|
{ id: 3, title: "МАЗИ ДЕРЖАНИЯ", image: "/images/cat-hold.jpg" },
|
||||||
{ id: 4, title: "СМЫВКА", image: "/images/cat-wash.jpg" },
|
{ id: 4, title: "СМЫВКА", image: "/images/cat-wash.jpg" },
|
||||||
{ id: 5, title: "СМОЛА", image: "/images/cat-resin.jpg" },
|
{ id: 5, title: "СМОЛА", image: "/images/cat-resin.jpg" },
|
||||||
{ id: 6, title: "СКРЕБКИ", image: "/images/cat-scraper.jpg" },
|
{ id: 6, title: "СКРЕБКИ", image: "/images/cat-scraper.jpg" },
|
||||||
{ id: 7, title: "ПРОБКИ / РАСТИРКИ", image: "/images/cat-cork.jpg" },
|
{ id: 7, title: "ПРОБКИ / РАСТИРКИ", image: "/images/cat-cork.jpg" },*/
|
||||||
{
|
{
|
||||||
id: 8,
|
id: 2,
|
||||||
title: "ПОЛЕЗНЫЕ",
|
title: "Труба ПВХ",
|
||||||
subtitle: "АКССЕСУАРЫ",
|
subtitle: "для НАРУЖНОЙ канализации",
|
||||||
highlight: true,
|
highlight: true,
|
||||||
image: "/images/cat-accessories.jpg",
|
image: category_internal1,
|
||||||
},
|
},
|
||||||
{ id: 9, title: "СВЯЗКИ И СКРЕПКИ ДЛЯ ЛЫЖ", image: "/images/cat-straps.jpg" },
|
/*{ id: 9, title: "СВЯЗКИ И СКРЕПКИ ДЛЯ ЛЫЖ", image: "/images/cat-straps.jpg" },
|
||||||
{ id: 10, title: "ЧЕХЛЫ, СУМКИ", image: "/images/cat-bags.jpg" },
|
{ id: 10, title: "ЧЕХЛЫ, СУМКИ", image: "/images/cat-bags.jpg" },*/
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -4,6 +4,8 @@ import Button from "../Button/Button";
|
|||||||
import { Carousel } from "antd";
|
import { Carousel } from "antd";
|
||||||
import ModalRequestForm from "../ModalRequestForm/ModalRequestForm";
|
import ModalRequestForm from "../ModalRequestForm/ModalRequestForm";
|
||||||
const imageUrl = "http://sprint-pro.com/images/banners/slide1/t1.png";
|
const imageUrl = "http://sprint-pro.com/images/banners/slide1/t1.png";
|
||||||
|
import image1 from "../../assets/images/mainPage/_.jpg"
|
||||||
|
import image2 from "../../assets/images/mainPage/orig.jpg"
|
||||||
|
|
||||||
interface ProductionSlide {
|
interface ProductionSlide {
|
||||||
id: number;
|
id: number;
|
||||||
@@ -14,13 +16,13 @@ interface ProductionSlide {
|
|||||||
const slides: ProductionSlide[] = [
|
const slides: ProductionSlide[] = [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
image: "/images/prod1.jpg",
|
image: image1,
|
||||||
label: "Аэрозольная упаковка",
|
label: ".",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
image: "/images/prod2.jpg",
|
image: image2,
|
||||||
label: "Металлические баллоны",
|
label: ".",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -59,7 +61,7 @@ const ProductionBanner: React.FC = () => {
|
|||||||
>
|
>
|
||||||
{slides.map((s) => (
|
{slides.map((s) => (
|
||||||
<div key={s.id} className={styles.slide}>
|
<div key={s.id} className={styles.slide}>
|
||||||
<img src={imageUrl} className={styles.image} alt="prod" />
|
<img src={s.image} className={styles.image} alt="prod" />
|
||||||
<div className={styles.label}>{s.label}</div>
|
<div className={styles.label}>{s.label}</div>
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
|
|||||||
@@ -42,6 +42,8 @@ font-size: 16px;
|
|||||||
|
|
||||||
|
|
||||||
.center a {
|
.center a {
|
||||||
|
color: #bfbfbf;
|
||||||
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: 0.3s ease;
|
transition: 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -13,9 +13,9 @@ return (
|
|||||||
|
|
||||||
|
|
||||||
<div className={styles.center}>
|
<div className={styles.center}>
|
||||||
<NavLink to="about" >O КОМПАНИИ</NavLink>
|
<NavLink to="about">O КОМПАНИИ</NavLink>
|
||||||
<NavLink to="products" >ПРОДУКЦИЯ</NavLink>
|
<NavLink to="products">ПРОДУКЦИЯ</NavLink>
|
||||||
<a>ПРАЙС-ЛИСТ</a>
|
<NavLink to="products">ПРАЙС-ЛИСТ</NavLink>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user