ilya_zahvatkin/anthil_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add download button for product list in Header component

Browse Source
This commit is contained in:
belikovme 2025-02-26 14:44:52 +07:00
parent 39ba823eae
commit 44c3775230
2 changed files with 39 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/Наличие АНТХИЛЛ.xlsx Normal file
View File

Binary file not shown.

44
src/components/Header.js
View File

@ -28,6 +28,34 @@
// export default Header; // export default Header;
// import React from 'react';
// import { Link } from 'react-router-dom';
// import logo from '../assets/anthill.png';
// function Header() {
// return (
// <header className="bg-white text-primary-foreground">
// <div className="container text-2xl mx-auto px-4 py-10">
// <div className="flex justify-center items-center">
// <Link to="/" className="flex items-center space-x-2 hover:text-primary-foreground/80 transition-colors">
// <img src={logo} alt="Anthill Logo" className="h-10 w-auto" />
// {/* <span className="text-2xl text-black font-bold">Anthill</span> */}
// </Link>
// <nav>
// <ul className="flex space-x-6 text-black font-bold">
// {/* <li><Link to="/" className="hover:text-primary-foreground/80 transition-colors">Главная</Link></li> */}
// {/* <li><Link to="/contact" className="hover:text-primary-foreground/80 transition-colors">Контакты</Link></li> */}
// </ul>
// </nav>
// </div>
// </div>
// </header>
// );
// }
// export default Header;
import React from 'react'; import React from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import logo from '../assets/anthill.png'; import logo from '../assets/anthill.png';
@ -36,15 +64,21 @@ function Header() {
return ( return (
<header className="bg-white text-primary-foreground"> <header className="bg-white text-primary-foreground">
<div className="container text-2xl mx-auto px-4 py-10"> <div className="container text-2xl mx-auto px-4 py-10">
<div className="flex justify-center items-center"> <div className="flex justify-between items-center">
<Link to="/" className="flex items-center space-x-2 hover:text-primary-foreground/80 transition-colors"> <Link to="/" className="flex items-center space-x-2 hover:text-primary-foreground/80 transition-colors">
<img src={logo} alt="Anthill Logo" className="h-10 w-auto" /> <img src={logo} alt="Anthill Logo" className="h-10 w-auto" />
{/* <span className="text-2xl text-black font-bold">Anthill</span> */}
</Link> </Link>
<nav> <nav>
<ul className="flex space-x-6 text-black font-bold"> <ul className="flex space-x-0">
{/* <li><Link to="/" className="hover:text-primary-foreground/80 transition-colors">Главная</Link></li> */} <li>
{/* <li><Link to="/contact" className="hover:text-primary-foreground/80 transition-colors">Контакты</Link></li> */} <a
href={require('../assets/Наличие АНТХИЛЛ.xlsx')}
className="bg-black text-white px-4 py-2 rounded hover:bg-gray-800 transition-colors"
download
>
Скачать товары
</a>
</li>
</ul> </ul>
</nav> </nav>
</div> </div>