добавил картинок и заголовки

This commit is contained in:
Joe_Peach committed 2025-11-29 21:02:49 +03:00
1 parent 0e704bc6a0
commit e3fc84a637
12 files changed
+33 -31

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 --- */
+9 -14
View File
@@ -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: "ДЛЯ ВНЕШНЕЙ И ВНУТРЕННЕЙ КАНАЛИЗАЦИИ",
}
];
+13 -11
View File
@@ -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;
}
+1 -1
View File
@@ -15,7 +15,7 @@ return (
<div className={styles.center}>
<NavLink to="about">O КОМПАНИИ</NavLink>
<NavLink to="products">ПРОДУКЦИЯ</NavLink>
<a>ПРАЙС-ЛИСТ</a>
<NavLink to="products">ПРАЙС-ЛИСТ</NavLink>
</div>