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

This commit is contained in:
Joe_Peach committed 2025-11-29 21:02:49 +03:00
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 --- */
+9 -14
View File
@@ -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: "ДЛЯ ЗИМНИХ ВИДОВ СПОРТА",
},
]; ];
+13 -11
View File
@@ -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;
} }
+3 -3
View File
@@ -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>