+
{/* Убрали container и паддинги */}
+
+
{/* Правая колонка с изображением */}
-
+
+
+
{/* Левая колонка с текстом */}
-
- Фильтры подходят для широкой техники - от легковых автомобилей до карьерной спецтехники. По качеству сравнимы с оригиналами мировых производителей, таких как: Shantui, Shacman, Shaanxi, Howo, КАМАЗ.
+
+ АНТХИЛЛ обеспечивает оперативную доставку запасных частей по всему Сибирскому региону и России. Наличие отлаженных логистических цепочек позволяет гарантировать минимальные сроки поставки при конкурентных ценах. Индивидуальный подход к каждому клиенту помогает формировать оптимальные складские запасы с учетом сезонности и специфики эксплуатации техники.
- {/*
-
*/}
-
);
diff --git a/src/components/Plitki.js b/src/components/Plitki.js
new file mode 100644
index 0000000..1780bb2
--- /dev/null
+++ b/src/components/Plitki.js
@@ -0,0 +1,197 @@
+// import React, { useState } from 'react';
+// import korobs from '../assets/images/korobs.jpg'
+// import sklad from '../assets/images/sklad.jpg'
+// import trucks from '../assets/images/truck_home_page.jpg'
+// import pered from '../assets/images/peredovietech.jpg'
+
+// // Компонент одной плитки
+// const Tile = ({ image, title, description }) => {
+// const [isFlipped, setIsFlipped] = useState(false);
+// const [showFullText, setShowFullText] = useState(false);
+
+// return (
+//
{
+// if (isFlipped) setShowFullText(!showFullText);
+// }}
+// onMouseEnter={() => !showFullText && setIsFlipped(true)}
+// onMouseLeave={() => !showFullText && setIsFlipped(false)}
+// >
+//
+// {/* Передняя сторона с изображением */}
+//
+//
+//
+
+// {/* Задняя сторона с текстом */}
+//
+// {showFullText ? (
+//
+//
{title}
+//
{description}
+//
+// ) : (
+//
+//
{title}
+//
+// )}
+//
+//
+//
+// );
+// };
+
+// // Основной компонент с сеткой плиток
+// const Plitki = () => {
+// const tiles = [
+// {
+// image: pered,
+// title: 'Официальный дилер WANLANDA',
+// description: 'Компания АНТХИЛЛ является первым официальным сертифицированным дилером завода-производителя фильтрующих элементов под брендом WANLANDA на территории Сибирского Федерального округа.'
+// },
+// {
+// image: korobs,
+// title: 'Широкий ассортимент',
+// description: 'Фильтры подходят для широкой техники - от легковых автомобилей до карьерной спецтехники. По качеству сравнимы с оригиналами мировых производителей, таких как: Shantui, Shacman, Shaanxi, Howo, КАМАЗ.'
+// },
+// {
+// image: trucks,
+// title: 'Оперативная доставка',
+// description: 'АНТХИЛЛ обеспечивает оперативную доставку запасных частей по всему Сибирскому региону и России. Наличие отлаженных логистических цепочек позволяет гарантировать минимальные сроки поставки при конкурентных ценах.'
+// },
+// {
+// image: sklad,
+// title: 'Индивидуальный подход',
+// description: 'Индивидуальный подход к каждому клиенту помогает формировать оптимальные складские запасы с учетом сезонности и специфики эксплуатации техники.'
+// }
+// ];
+
+// return (
+//
+//
+// {tiles.map((tile, index) => (
+//
+// ))}
+//
+//
+// );
+// };
+
+// export default Plitki;
+
+import React, { useState } from 'react';
+import manufacture from '../assets/images/manufacture.jpg';
+import boxes from '../assets/images/korobs.jpg';
+import delivery from '../assets/images/delivery.jpg';
+import stock from '../assets/images/korobs.jpg';
+import truck from '../assets/images/truck_home_page.jpg';
+import warehouse from '../assets/images/rukopojatie.jpg';
+
+const Tile = ({ image, title, description }) => {
+ const [isFlipped, setIsFlipped] = useState(false);
+ const [showFullText, setShowFullText] = useState(false);
+
+ return (
+
{
+ if (isFlipped) {
+ setShowFullText(!showFullText);
+ }
+ }}
+ onMouseEnter={() => !showFullText && setIsFlipped(true)}
+ onMouseLeave={() => !showFullText && setIsFlipped(false)}
+ >
+
+ {/* Передняя сторона */}
+
+
+
+
+ {/* Задняя сторона */}
+
+
+
+ {title}
+
+
+ {description}
+
+
+
+
+
+ );
+};
+
+const Plitki = () => {
+ const tiles = [
+ {
+ image: manufacture,
+ title: 'Производство',
+ description: 'Компания АНТХИЛЛ является первым официальным сертифицированным дилером завода-производителя фильтрующих элементов под брендом WANLANDA на территории Сибирского Федерального округа.'
+ },
+ {
+ image: boxes,
+ title: 'Широкий ассортимент',
+ description: 'Фильтры подходят для широкой техники - от легковых автомобилей до карьерной спецтехники. По качеству сравнимы с оригиналами мировых производителей, таких как: Shantui, Shacman, Shaanxi, Howo, КАМАЗ.'
+ },
+ {
+ image: delivery,
+ title: 'Оперативная доставка',
+ description: 'АНТХИЛЛ обеспечивает оперативную доставку запасных частей по всему Сибирскому региону и России. Наличие отлаженных логистических цепочек позволяет гарантировать минимальные сроки поставки.'
+ },
+ {
+ image: stock,
+ title: 'Складские запасы',
+ description: 'Наличие собственного склада и постоянное поддержание необходимого количества товаров позволяет нам обеспечивать бесперебойные поставки нашим клиентам.'
+ },
+ {
+ image: truck,
+ title: 'Логистика',
+ description: 'Отлаженные логистические цепочки и партнерство с надежными транспортными компаниями гарантируют своевременную доставку в любую точку России.'
+ },
+ {
+ image: warehouse,
+ title: 'Индивидуальный подход',
+ description: 'Индивидуальный подход к каждому клиенту помогает формировать оптимальные складские запасы с учетом сезонности и специфики эксплуатации техники.'
+ }
+ ];
+
+ return (
+
+
+ {tiles.map((tile, index) => (
+
+ ))}
+
+
+ );
+};
+
+export default Plitki;
\ No newline at end of file
diff --git a/src/components/Textandphoto.js b/src/components/Textandphoto.js
index bab1f73..66d90b2 100644
--- a/src/components/Textandphoto.js
+++ b/src/components/Textandphoto.js
@@ -1,79 +1,19 @@
-// // import React, { useState } from 'react';
-
-// // const Textandphoto = () => {
-// // // 232323
-// // // c1ff72
-// // return (
-// //
-// //
-// //
-// // Компания АНТХИЛЛ является первым официальным сертифицированным дилером завода-производителя фильтрующих элементов под брендом WANLANDA на территории Сибирского Федерального округа.
-// //
-// //
-// // Фильтры подходят для широкой техники - от легковых автомобилей до карьерной спецтехники. По качеству сравнимы с оригиналами мировых производителей, таких как: Shantui, Shacman, Shaanxi, Howo, KAMA3.
-// //
-// //
-// //
-// // );
-// // };
-
-// // export default Textandphoto;
-
// import React from 'react';
// import { Image } from 'antd';
// import sklad from '../assets/images/sklad.jpg'
// const Textandphoto = () => {
// return (
-//
-//
-// {/* Левая колонка с текстом */}
-//
-//
-// Компания АНТХИЛЛ является первым официальным сертифицированным дилером завода-производителя фильтрующих элементов под брендом WANLANDA на территории Сибирского Федерального округа.
-//
-// {/*
-// Фильтры подходят для широкой техники - от легковых автомобилей до карьерной спецтехники. По качеству сравнимы с оригиналами мировых производителей, таких как: Shantui, Shacman, Shaanxi, Howo, КАМАЗ.
-//
*/}
-//
-
-// {/* Правая колонка с изображением */}
-//
-//
-//
-//
-//
-// );
-// };
-
-// export default Textandphoto;
-
-// import React from 'react';
-// import { Image } from 'antd';
-// import sklad from '../assets/images/sklad.jpg'
-
-// const Textandphoto = () => {
-// return (
-//
-//
{/* Уменьшенная высота */}
+//
{/* Убрали container и паддинги */}
+//
// {/* Левая колонка с текстом */}
//
//
// Компания АНТХИЛЛ является первым официальным сертифицированным дилером завода-производителя фильтрующих элементов под брендом WANLANDA на территории Сибирского Федерального округа.
//
-// {/*
+//
// Фильтры подходят для широкой техники - от легковых автомобилей до карьерной спецтехники. По качеству сравнимы с оригиналами мировых производителей, таких как: Shantui, Shacman, Shaanxi, Howo, КАМАЗ.
-//
*/}
+//
//
// {/* Правая колонка с изображением */}
@@ -84,7 +24,7 @@
// preview={false}
// style={{
// width: '100%',
-// height: '320px', // Такая же высота как и у контейнера
+// height: '320px',
// objectFit: 'cover',
// borderRadius: '1.5rem'
// }}
@@ -97,37 +37,39 @@
// export default Textandphoto;
+
import React from 'react';
import { Image } from 'antd';
-import sklad from '../assets/images/sklad.jpg'
+import sklad from '../assets/images/korobs.jpg'
const Textandphoto = () => {
return (
-
{/* Убрали container и паддинги */}
-
+
+
{/* Левая колонка с текстом */}
Компания АНТХИЛЛ является первым официальным сертифицированным дилером завода-производителя фильтрующих элементов под брендом WANLANDA на территории Сибирского Федерального округа.
-
+
Фильтры подходят для широкой техники - от легковых автомобилей до карьерной спецтехники. По качеству сравнимы с оригиналами мировых производителей, таких как: Shantui, Shacman, Shaanxi, Howo, КАМАЗ.
-
{/* Правая колонка с изображением */}
-
diff --git a/src/index.css b/src/index.css
index b5c61c9..55fe4c4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,19 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+.perspective-1000 {
+ perspective: 1000px;
+ }
+
+ .preserve-3d {
+ transform-style: preserve-3d;
+ }
+
+ .backface-hidden {
+ backface-visibility: hidden;
+ }
+
+ .rotate-y-180 {
+ transform: rotateY(180deg);
+ }
\ No newline at end of file
diff --git a/src/pages/ContactPage.js b/src/pages/ContactPage.js
index e07a116..9d5dcec 100644
--- a/src/pages/ContactPage.js
+++ b/src/pages/ContactPage.js
@@ -4,7 +4,7 @@ function ContactPage() {
return (
Свяжитесь с нами
-
У вас вопросы, у нас ответы.
+ {/*
У вас вопросы, у нас ответы.
*/}
-
+ {/*
Наши контакты
Адрес: г. Новокузнецк, ул. Тольяти, д. 5Б, помещ. 10
- {/*
Телефон: +7 (111) 222-43-23
*/}
+ {/*
Телефон: +7 (111) 222-43-23
Email: info@anthill.com
-
+
*/}
);
}
diff --git a/src/pages/HomePage.js b/src/pages/HomePage.js
index fc09aa4..5ada2fd 100644
--- a/src/pages/HomePage.js
+++ b/src/pages/HomePage.js
@@ -1,86 +1,98 @@
-// import React from 'react';
-// import { Link } from 'react-router-dom';
+// import {Image} from 'antd'
+// import { useState } from 'react'
+// import truckhome from '../assets/images/truck_home_page.jpg'
+// // import SimpleCarousel from '../components/Carusel.js'
+// import MarqueeBrands from '../components/MarqueeBrands.js'
+// import Textandphoto from '../components/Textandphoto.js'
+// import Photoandtext from '../components/Photoandtext.js'
-// function HomePage() {
+// export default function HomePage() {
// return (
-
-//
-//
-// dsf
-//
+//
+//
+//
+//
+//
+//
+//
+// {/* Контейнер для заголовка с белым фоном */}
+//
+//
+// ООО «АНТХИЛЛ» молодая динамично развивающаяся компания.
+//
+//
+
+// {/* Контейнер для текста с белым фоном */}
+//
+//
+// Мы обеспечиваем надежность и своевременную поставку качественных запчастей,
+// способствуя качественной работе техники наших клиентов и развитию их бизнеса.
+//
+//
+//
+//
+//
+//
+//
-//
-// Добро пожаловать в Anthill
-// Ваш надежный источник аналогов фильтров и комплектующих для замены
-//
-// Просмотреть каталог
-//
-//
+//
-//
-//
-//
Наша миссия
-//
Обеспечить вас качественными деталями по доступным ценам, поддерживая ваше оборудование в отличном состоянии.
-//
-//
Почему выбирают нас
-//
-// - Широкий ассортимент продукции
-// - Гарантия качества
-// - Конкурентные цены
-// - Быстрая доставка
-//
-//
+//
+//
+//
+
+//
+//
+//
+
+//
//
-// );
+// )
// }
-// export default HomePage;
-
-import {Image} from 'antd'
-import { useState } from 'react'
-import truckhome from '../assets/images/truck_home_page.jpg'
-// import SimpleCarousel from '../components/Carusel.js'
-import MarqueeBrands from '../components/MarqueeBrands.js'
-import Textandphoto from '../components/Textandphoto.js'
-import Photoandtext from '../components/Photoandtext.js'
-
+import { Image } from 'antd';
+import truckhome from '../assets/images/homepagephot.jpg';
+import MarqueeBrands from '../components/MarqueeBrands.js';
+import Textandphoto from '../components/Textandphoto.js';
+import Photoandtext from '../components/Photoandtext.js';
+import Plitki from '../components/Plitki.js';
export default function HomePage() {
-
- // const [email, setEmail] = useState('')
- // const [format, setFormat] = useState('Rail Freight')
- // const [boxes, setBoxes] = useState('23')
- // const [shippingService, setShippingService] = useState('Rail Freight')
- // const [urgency, setUrgency] = useState('Basic')
-
return (
-
-
-
+
+ {/* Hero section */}
+
+
-
- {/* Контейнер для заголовка с белым фоном */}
ООО «АНТХИЛЛ» молодая динамично развивающаяся компания.
-
- {/* Контейнер для текста с белым фоном */}
-
- Мы обеспечиваем надежность и своевременную поставку качественных запчастей,
+
+ Мы обеспечиваем надежность и своевременную поставку качественных запчастей,
способствуя качественной работе техники наших клиентов и развитию их бизнеса.
@@ -88,107 +100,38 @@ export default function HomePage() {
-
-
-
-
-
-
-
-
-
-
-
+
-
-
- {/*
-
-
-
GET A PRICE
-
+ {/* Numbers section
+
*/}
+ */}
+
+ {/* Brands section */}
+
+
+
+
+ {/* Content sections
+
*/}
+
- )
+ );
}
\ No newline at end of file