feat(): Added ci restruct project and add dockerfile
This commit is contained in:
1 parent
5451970f02
commit
8aa8e04077
70 files changed
+81
-11
No files matched your search
@@ -0,0 +1,68 @@
|
||||
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;
|
||||
image: string;
|
||||
title: string;
|
||||
subtitle: string;
|
||||
description: string;
|
||||
}
|
||||
|
||||
|
||||
const slides: SlideItem[] = [
|
||||
{
|
||||
id: 1,
|
||||
image: banner_img1,
|
||||
title: "ПРОИЗВОДСТВО",
|
||||
subtitle: "ТРУБ, ФИТИНГОВ, КОЛЕН И ОТВОДОВ",
|
||||
description: "ДЛЯ ВНЕШНЕЙ И ВНУТРЕННЕЙ КАНАЛИЗАЦИИ",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
image: banner_img2,
|
||||
title: "ПРОИЗВОДСТВО",
|
||||
subtitle: "ТРУБ, ФИТИНГОВ, КОЛЕН И ОТВОДОВ",
|
||||
description: "ДЛЯ ВНЕШНЕЙ И ВНУТРЕННЕЙ КАНАЛИЗАЦИИ",
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
const BannerSlider: React.FC = () => {
|
||||
|
||||
const handleClick = () => {
|
||||
console.log('Кнопка нажата!');
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={styles.wrapper}>
|
||||
<Carousel autoplay dots className={styles.carousel}>
|
||||
{slides.map((slide) => (
|
||||
<div key={slide.id}>
|
||||
<div className={styles.slide}>
|
||||
<div className={styles.textBlock}>
|
||||
<h2>{slide.title}</h2>
|
||||
<h1>
|
||||
{slide.subtitle}
|
||||
<br /> {slide.description}
|
||||
</h1>
|
||||
<Button
|
||||
label="СМОТРЕТЬ КАТАЛОГ"
|
||||
onClick={handleClick}
|
||||
/>
|
||||
</div>
|
||||
<img src={slide.image} alt="banner" className={styles.image} />
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</Carousel>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
export default BannerSlider;
|
||||
Reference in new issue
Block a user