Matiss/Mati.ss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement hero text and model fade-in animations, and update site navigation and footer content.

Browse Source
This commit is contained in:
Matiss Jurevics
2025-12-15 19:35:35 +00:00
parent 50993176c1
commit f9ff3383a7
4 changed files with 54 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/Footer.jsx
View File

@@ -16,39 +16,26 @@ const Footer = () => {
gap: '40px'
}}>
<div>
<h4 className="uppercase" style={{ marginBottom: '20px', color: '#666' }}>Products</h4>
<h4 className="uppercase" style={{ marginBottom: '20px', color: '#666' }}>Socials</h4>
<ul style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
<li><a href="#">OP-1 Field</a></li>
<li><a href="#">TX-6</a></li>
<li><a href="#">OP-Z</a></li>
<li><a href="#">Pocket Operators</a></li>
<li><a href="#">OD-11</a></li>
<li><a href="#">Instagram</a></li>
<li><a href="#">Twitter / X</a></li>
<li><a href="#">LinkedIn</a></li>
<li><a href="#">GitHub</a></li>
</ul>
</div>
<div>
<h4 className="uppercase" style={{ marginBottom: '20px', color: '#666' }}>Support</h4>
<h4 className="uppercase" style={{ marginBottom: '20px', color: '#666' }}>Contact</h4>
<ul style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
<li><a href="#">Downloads</a></li>
<li><a href="#">Guides</a></li>
<li><a href="#">Warranty</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div>
<h4 className="uppercase" style={{ marginBottom: '20px', color: '#666' }}>Company</h4>
<ul style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
<li><a href="#">About</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Careers</a></li>
<li><a href="mailto:im@mati.ss">im@mati.ss</a></li>
</ul>
</div>
<div style={{ minWidth: '300px' }}>
<h4 className="uppercase" style={{ marginBottom: '20px', color: '#ff4d00' }}>Newsletter</h4>
<h4 className="uppercase" style={{ marginBottom: '20px', color: '#ff4d00' }}>Stay Updated</h4>
<p style={{ marginBottom: '20px', color: '#888' }}>
Sign up for the latest news, product releases, and exclusive offers.
Occasional updates on new projects and experiments.
</p>
<div style={{ display: 'flex', borderBottom: '1px solid #333' }}>
<input
@@ -87,7 +74,7 @@ const Footer = () => {
alignItems: 'center',
color: '#444'
}}>
<div className="uppercase" style={{ fontSize: '1.2rem', fontWeight: 'bold' }}>Teenage Engineering</div>
<div className="uppercase" style={{ fontSize: '1.2rem', fontWeight: 'bold' }}>Matiss Jurevics</div>
<div className="mono" style={{ fontSize: '0.8rem' }}>© 2024</div>
</div>
</footer>