добавил картинок и заголовки
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%;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
filter: brightness(0.5)
|
||||
}
|
||||
|
||||
/* --- Mobile Adaptive --- */
|
||||
|
||||
@@ -2,6 +2,8 @@ import styles from './Banner.module.css'
|
||||
import React from "react";
|
||||
import { Carousel } from "antd";
|
||||
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 {
|
||||
id: number;
|
||||
@@ -15,25 +17,18 @@ description: string;
|
||||
const slides: SlideItem[] = [
|
||||
{
|
||||
id: 1,
|
||||
image: "/images/banner1.jpg",
|
||||
image: banner_img1,
|
||||
title: "ПРОИЗВОДСТВО",
|
||||
subtitle: "ЛЫЖНЫХ СМАЗОК, АКСЕСУАРОВ И ПРОДУКЦИИ",
|
||||
description: "ДЛЯ ЗИМНИХ ВИДОВ СПОРТА",
|
||||
subtitle: "ТРУБ, ФИТИНГОВ, КОЛЕН И ОТВОДОВ",
|
||||
description: "ДЛЯ ВНЕШНЕЙ И ВНУТРЕННЕЙ КАНАЛИЗАЦИИ",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
image: "/images/banner2.jpg",
|
||||
image: banner_img2,
|
||||
title: "ПРОИЗВОДСТВО",
|
||||
subtitle: "ЛЫЖНЫХ СМАЗОК, АКСЕСУАРОВ И ПРОДУКЦИИ",
|
||||
description: "ДЛЯ ЗИМНИХ ВИДОВ СПОРТА",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
image: "/images/banner3.jpg",
|
||||
title: "ПРОИЗВОДСТВО",
|
||||
subtitle: "ЛЫЖНЫХ СМАЗОК, АКСЕСУАРОВ И ПРОДУКЦИИ",
|
||||
description: "ДЛЯ ЗИМНИХ ВИДОВ СПОРТА",
|
||||
},
|
||||
subtitle: "ТРУБ, ФИТИНГОВ, КОЛЕН И ОТВОДОВ",
|
||||
description: "ДЛЯ ВНЕШНЕЙ И ВНУТРЕННЕЙ КАНАЛИЗАЦИИ",
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
import React from "react";
|
||||
import styles from "./Categories.module.css";
|
||||
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 {
|
||||
id: number;
|
||||
@@ -13,26 +15,26 @@ highlight?: boolean;
|
||||
const categories: CategoryItem[] = [
|
||||
{
|
||||
id: 1,
|
||||
title: "СРЕДСТВА",
|
||||
subtitle: "ДЛЯ УХОДА",
|
||||
image: "/images/cat-care.jpg",
|
||||
title: "Труба ПВХ",
|
||||
subtitle: "для ВНУТРЕННЕЙ канализации",
|
||||
image: category_interna2,
|
||||
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: 4, title: "СМЫВКА", image: "/images/cat-wash.jpg" },
|
||||
{ id: 5, title: "СМОЛА", image: "/images/cat-resin.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,
|
||||
title: "ПОЛЕЗНЫЕ",
|
||||
subtitle: "АКССЕСУАРЫ",
|
||||
id: 2,
|
||||
title: "Труба ПВХ",
|
||||
subtitle: "для НАРУЖНОЙ канализации",
|
||||
highlight: true,
|
||||
image: "/images/cat-accessories.jpg",
|
||||
image: category_internal1,
|
||||
},
|
||||
{ id: 9, title: "СВЯЗКИ И СКРЕПКИ ДЛЯ ЛЫЖ", image: "/images/cat-straps.jpg" },
|
||||
{ id: 10, title: "ЧЕХЛЫ, СУМКИ", image: "/images/cat-bags.jpg" },
|
||||
/*{ id: 9, title: "СВЯЗКИ И СКРЕПКИ ДЛЯ ЛЫЖ", image: "/images/cat-straps.jpg" },
|
||||
{ id: 10, title: "ЧЕХЛЫ, СУМКИ", image: "/images/cat-bags.jpg" },*/
|
||||
];
|
||||
|
||||
|
||||
|
||||
@@ -4,6 +4,8 @@ import Button from "../Button/Button";
|
||||
import { Carousel } from "antd";
|
||||
import ModalRequestForm from "../ModalRequestForm/ModalRequestForm";
|
||||
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 {
|
||||
id: number;
|
||||
@@ -14,13 +16,13 @@ interface ProductionSlide {
|
||||
const slides: ProductionSlide[] = [
|
||||
{
|
||||
id: 1,
|
||||
image: "/images/prod1.jpg",
|
||||
label: "Аэрозольная упаковка",
|
||||
image: image1,
|
||||
label: ".",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
image: "/images/prod2.jpg",
|
||||
label: "Металлические баллоны",
|
||||
image: image2,
|
||||
label: ".",
|
||||
},
|
||||
];
|
||||
|
||||
@@ -59,7 +61,7 @@ const ProductionBanner: React.FC = () => {
|
||||
>
|
||||
{slides.map((s) => (
|
||||
<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>
|
||||
))}
|
||||
|
||||
@@ -42,6 +42,8 @@ font-size: 16px;
|
||||
|
||||
|
||||
.center a {
|
||||
color: #bfbfbf;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
transition: 0.3s ease;
|
||||
}
|
||||
|
||||
@@ -13,9 +13,9 @@ return (
|
||||
|
||||
|
||||
<div className={styles.center}>
|
||||
<NavLink to="about" >O КОМПАНИИ</NavLink>
|
||||
<NavLink to="products" >ПРОДУКЦИЯ</NavLink>
|
||||
<a>ПРАЙС-ЛИСТ</a>
|
||||
<NavLink to="about">O КОМПАНИИ</NavLink>
|
||||
<NavLink to="products">ПРОДУКЦИЯ</NavLink>
|
||||
<NavLink to="products">ПРАЙС-ЛИСТ</NavLink>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
Reference in new issue
Block a user