diff --git a/public/Anthill.svg b/public/Anthill.svg new file mode 100644 index 0000000..8545487 --- /dev/null +++ b/public/Anthill.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + ANTHILL + + diff --git a/public/index.html b/public/index.html index 06ee56e..6d07e67 100644 --- a/public/index.html +++ b/public/index.html @@ -2,14 +2,14 @@ - + - + Anthill diff --git a/public/logo.svg b/public/logo.svg index 6b3bf97..8545487 100644 --- a/public/logo.svg +++ b/public/logo.svg @@ -1,6 +1,38 @@ - - - - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + ANTHILL + + diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a..0000000 Binary files a/public/logo192.png and /dev/null differ diff --git a/public/logo512.png b/public/logo512.png deleted file mode 100644 index a4e47a6..0000000 Binary files a/public/logo512.png and /dev/null differ diff --git a/src/assets/Anthill.svg b/src/assets/Anthill.svg new file mode 100644 index 0000000..8545487 --- /dev/null +++ b/src/assets/Anthill.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + ANTHILL + + diff --git a/src/assets/anthill.png b/src/assets/anthill.png new file mode 100644 index 0000000..0341642 Binary files /dev/null and b/src/assets/anthill.png differ diff --git a/src/assets/images/fura.jpg b/src/assets/images/fura.jpg new file mode 100644 index 0000000..7b810f8 Binary files /dev/null and b/src/assets/images/fura.jpg differ diff --git a/src/assets/images/kareerjeep.jpg b/src/assets/images/kareerjeep.jpg new file mode 100644 index 0000000..fb257a9 Binary files /dev/null and b/src/assets/images/kareerjeep.jpg differ diff --git a/src/assets/images/mine1.jpg b/src/assets/images/mine1.jpg new file mode 100644 index 0000000..6afdc65 Binary files /dev/null and b/src/assets/images/mine1.jpg differ diff --git a/src/assets/images/nasos.jpg b/src/assets/images/nasos.jpg new file mode 100644 index 0000000..63bd378 Binary files /dev/null and b/src/assets/images/nasos.jpg differ diff --git a/src/assets/images/truckdelivery.jpg b/src/assets/images/truckdelivery.jpg new file mode 100644 index 0000000..69dc6a4 Binary files /dev/null and b/src/assets/images/truckdelivery.jpg differ diff --git a/src/assets/images/truckdelivery_obrez.jpg b/src/assets/images/truckdelivery_obrez.jpg new file mode 100644 index 0000000..28abbb8 Binary files /dev/null and b/src/assets/images/truckdelivery_obrez.jpg differ diff --git a/src/assets/images/wanlanda_office.jpg b/src/assets/images/wanlanda_office.jpg new file mode 100644 index 0000000..97413e9 Binary files /dev/null and b/src/assets/images/wanlanda_office.jpg differ diff --git a/src/assets/images/wanlandfutures.jpg b/src/assets/images/wanlandfutures.jpg new file mode 100644 index 0000000..2b21c64 Binary files /dev/null and b/src/assets/images/wanlandfutures.jpg differ diff --git a/src/components/Features.js b/src/components/Features.js new file mode 100644 index 0000000..6c90573 --- /dev/null +++ b/src/components/Features.js @@ -0,0 +1,144 @@ +import React from 'react'; +import { ShopOutlined, AppstoreOutlined, GlobalOutlined } from '@ant-design/icons'; + +import manufacture from '../assets/images/wanlandfutures.jpg'; +import boxes from '../assets/images/Assorti.jpg'; +import delivery from '../assets/images/fura.jpg'; + + + +const FeaturesVertical = () => { + const features = [ + { + icon: , + title: 'Официальный диллер ©Wanlanda', + description: 'Первый официальный сертифицированный дилер завода-производителя фильтрующих элементов ©WANLANDA на территории Сибирского Федерального округа', + image: manufacture + }, + { + icon: , + title: 'Широкий ассортимент', + description: 'Широкий выбор запчастей и комплектующих для различных марок спецтехники: Caterpillar, Atlas Copco, Liebherr, Komatsu и другие', + image: boxes + }, + { + icon: , + title: 'Логистика', + description: 'Отлаженные логистические цепочки и партнерство с надежными транспортными компаниями гарантируют своевременную доставку в любую точку России.', + image: delivery + } + ]; + + return ( +
+ {features.map((feature, index) => ( +
+ {/* Контент слева */} +
+
+
+ {/*
+ {feature.icon} +
*/} +

+ {feature.title} +

+
+

+ {feature.description} +

+
+
+ + {/* Изображение справа */} +
+
+ {feature.title} +
+
+
+ ))} +
+ ); + }; + + export default FeaturesVertical; + +// const FeaturesVertical = () => { +// const features = [ +// { +// icon: , +// title: 'Официальный диллер ©Wanlanda', +// description: 'Первый официальный сертифицированный дилер завода-производителя фильтрующих элементов ©WANLANDA на территории Сибирского Федерального округа', +// image: manufacture +// }, +// { +// icon: , +// title: 'Широкий ассортимент', +// description: 'Широкий выбор запчастей и комплектующих для различных марок спецтехники: Caterpillar, Atlas Copco, Liebherr, Komatsu и другие', +// image: boxes +// }, +// { +// icon: , +// title: 'Логистика', +// description: 'Отлаженные логистические цепочки и партнерство с надежными транспортными компаниями гарантируют своевременную доставку в любую точку России.', +// image: delivery +// } +// ]; + +// return ( +//
+// {features.map((feature, index) => ( +//
+// {/* Контент слева */} +//
+//
+//
+// {feature.icon} +//
+//

+// {feature.title} +//

+//

+// {feature.description} +//

+//
+//
+ +// {/* Изображение справа */} +//
+//
+// {feature.title} +//
+//
+//
+// ))} +//
+// ); +// }; + +// export default FeaturesVertical; \ No newline at end of file diff --git a/src/components/Header.js b/src/components/Header.js index 257815c..5d70f73 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -30,7 +30,7 @@ import React from 'react'; import { Link } from 'react-router-dom'; -import logo from '../assets/logo.svg'; +import logo from '../assets/anthill.png'; function Header() { return ( @@ -43,7 +43,7 @@ function Header() { diff --git a/src/components/Mapelement.js b/src/components/Mapelement.js new file mode 100644 index 0000000..81ef595 --- /dev/null +++ b/src/components/Mapelement.js @@ -0,0 +1,77 @@ +import React from 'react'; +import { CheckIcon } from "lucide-react" +import backphoto from '../assets/images/kareerjeep.jpg' + +export default function Component() { + const features = [ + { + title: 'КАЧЕСТВО', + description: 'Сотрудничество с надежными поставщиками - гарантия высого качества продукции' + }, + { + title: 'РАБОТАЕМ ПО ВСЕЙ СТРАНЕ', + description: 'Оперативная доставка запасных частей по всей России. Наличие отлаженных логистических цепочек позволяет гарантировать минимальные сроки поставки' + }, + { + title: 'ПОДДЕРЖКА', + description: 'Постоянное поддержание необходимых товаров позволяет обеспечивать бесперебойные поставки клиентам' + }, + { + title: 'ИНДИВИДУАЛЬНЫЙ ПОДХОД', + description: 'Обечпечение комфортных условий сотрудничества' + } + ]; + + return ( +
+
+ {/* Затемняющий оверлей */} +
+ + {/* Контент */} +
+ {/* Main Heading */} + {/*

+ - Ваш надежный партнёр{' '} + + в поставке запчастей и шин для спецтехники + +

*/} + + {/* Subheading */} +

+ ПОЧЕМУ МЫ +

+ + {/* Features Grid */} +
+ {features.map((feature, index) => ( +
+
+
+ +
+
+
+

+ {feature.title} +

+

+ {feature.description} +

+
+
+ ))} +
+
+
+
+ ); +} \ No newline at end of file diff --git a/src/components/MarqueeBrands.js b/src/components/MarqueeBrands.js index 503d2d9..cc06a60 100644 --- a/src/components/MarqueeBrands.js +++ b/src/components/MarqueeBrands.js @@ -1,7 +1,59 @@ import React, { useState } from 'react'; +import truck from '../assets/images/truckdelivery_obrez.jpg' const MarqueeBrands = () => { const [isPaused, setIsPaused] = useState(false); + + const tiles = [ + { + image: truck, + title: 'Caterpillar' + }, + { + image: truck, + title: 'Komatsu' + }, + { + image: truck, + title: 'Cummins' + }, + { + image: truck, + title: 'Hitachi' + }, + { + image: truck, + title: 'Liebherr' + }, + { + image: truck, + title: 'Shantui' + }, + { + image: truck, + title: 'Shacman' + }, + { + image: truck, + title: 'Shaanxi' + }, + { + image: truck, + title: 'Howo' + }, + { + image: truck, + title: 'Volvo' + }, + { + image: truck, + title: 'John Deere' + }, + { + image: truck, + title: 'Atlas Copco/Epiroc' + }, + ]; // Массив брендов const brands = [ diff --git a/src/components/Plitki.js b/src/components/Plitki.js index 9aa9564..91db1f5 100644 --- a/src/components/Plitki.js +++ b/src/components/Plitki.js @@ -85,9 +85,9 @@ // export default Plitki; import React, { useState } from 'react'; -import manufacture from '../assets/images/manufacture.jpg'; -import boxes from '../assets/images/Assorti.jpg'; -import delivery from '../assets/images/delivery.jpg'; +import manufacture from '../assets/images/wanlanda_office.jpg'; +import boxes from '../assets/images/nasos.jpg'; +import delivery from '../assets/images/truckdelivery_obrez.jpg'; import stock from '../assets/images/korobs.jpg'; import truck from '../assets/images/truck_home_page.jpg'; import warehouse from '../assets/images/rukopojatie.jpg'; @@ -95,6 +95,8 @@ import warehouse from '../assets/images/rukopojatie.jpg'; const Tile = ({ image, title, description }) => { const [isFlipped, setIsFlipped] = useState(false); const [showFullText, setShowFullText] = useState(false); + const spanishblue = '#0070BB'; + const salat = '#c1ff72'; return (
{
{/* Задняя сторона */} -
+

{title}

-
{description} -
+
*/}
@@ -153,18 +155,18 @@ const Plitki = () => { const tiles = [ { image: manufacture, - title: 'Производство', - description: 'Компания АНТХИЛЛ является первым официальным сертифицированным дилером завода-производителя фильтрующих элементов под брендом WANLANDA на территории Сибирского Федерального округа.' + title: 'Официальный диллер ©Wanlanda', + description: 'Первый официальный сертифицированный дилер завода-производителя фильтрующих элементов ©WANLANDA на территории Сибирского Федерального округа' }, { image: boxes, title: 'Широкий ассортимент', - description: 'Фильтры подходят для широкой техники - от легковых автомобилей до карьерной спецтехники. По качеству сравнимы с оригиналами мировых производителей, таких как: Shantui, Shacman, Shaanxi, Howo, КАМАЗ.' + description: 'Широкий выбор запчастей и комплектующих для различных марок спецтехники: Caterpillar, Atlas Copco, Liebherr, Komatsu и другие' }, { image: delivery, - title: 'Оперативная доставка', - description: 'АНТХИЛЛ обеспечивает оперативную доставку запасных частей по всему Сибирскому региону и России. Наличие отлаженных логистических цепочек позволяет гарантировать минимальные сроки поставки.' + title: 'Логистика', + description: 'Отлаженные логистические цепочки и партнерство с надежными транспортными компаниями гарантируют своевременную доставку в любую точку России.' }, { image: stock, @@ -173,7 +175,7 @@ const Plitki = () => { }, { image: truck, - title: 'Логистика', + title: 'Работаем по всей стране', description: 'Отлаженные логистические цепочки и партнерство с надежными транспортными компаниями гарантируют своевременную доставку в любую точку России.' }, { diff --git a/src/pages/HomePage.js b/src/pages/HomePage.js index 5a51503..2658147 100644 --- a/src/pages/HomePage.js +++ b/src/pages/HomePage.js @@ -64,12 +64,14 @@ // } import { Image } from 'antd'; -import truckhome from '../assets/images/homepagephot.jpg'; +import truckhome from '../assets/images/mine1.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'; import Aboutall from '../components/Aboutall.js'; +import Features from '../components/Features.js'; +import Mapelement from '../components/Mapelement.js'; export default function HomePage() { return ( @@ -82,21 +84,21 @@ export default function HomePage() { src={truckhome} alt="Truck on highway" className="w-full h-auto object-cover" - style={{ height: '700px' }} + style={{ height: '500px' }} />
-
+

- ООО «АНТХИЛЛ» молодая динамично развивающаяся компания. + «АНТХИЛЛ» — надежный поставщик комплектующих и запасных частей

-
+ {/*

Мы обеспечиваем надежность и своевременную поставку качественных запчастей, способствуя качественной работе техники наших клиентов и развитию их бизнеса.

-
+
*/}
@@ -123,7 +125,11 @@ export default function HomePage() { - + + + + + {/* */} {/* Content sections