mmintel/mb-grid-solutions.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css fix

Browse Source
This commit is contained in:
Marc Mintel
2026-01-29 00:18:44 +01:00
parent 0853a497ef
commit b5e09ea52e
5 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/globals.css
View File

@@ -7,6 +7,8 @@
--color-secondary-bg: #E6E9ED;
--color-text-primary: #1F2933;
--color-text-secondary: #6B7280;
--font-family-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
:root {
@@ -35,6 +37,10 @@
}
@layer base {
*, ::after, ::before {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
@@ -48,6 +54,7 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
@@ -91,12 +98,6 @@
transition: all var(--transition-fast);
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 var(--spacing-lg);
}
section {
padding: clamp(3rem, 8vw, 6rem) 0;
}

12
app/page.tsx
View File

@@ -14,7 +14,7 @@ export default function Home() {
backgroundPosition: 'center',
}}
>
<div className="container mx-auto px-4 relative z-10">
<div className="max-w-[1200px] mx-auto px-4 relative z-10">
<div className="max-w-[700px]">
<span className="inline-block text-accent-green text-xs font-bold uppercase tracking-[0.15em] mb-3">Engineering Excellence</span>
<h1 className="text-primary text-4xl md:text-6xl font-extrabold mb-6 tracking-tight leading-[1.15]">
@@ -39,7 +39,7 @@ export default function Home() {
</section>
<section className="py-16 md:py-24 bg-[#f8fafc]">
<div className="container mx-auto px-4">
<div className="max-w-[1200px] mx-auto px-4">
<div className="mb-12 md:mb-20">
<span className="inline-block text-accent-green text-xs font-bold uppercase tracking-[0.15em] mb-3">Portfolio</span>
<h2 className="text-primary text-3xl md:text-4xl font-bold mb-6 relative inline-block after:content-[''] after:absolute after:-bottom-3 after:left-0 after:w-12 after:h-1 after:bg-accent-green after:rounded-sm">Unsere Leistungen</h2>
@@ -68,7 +68,7 @@ export default function Home() {
</section>
<section className="py-16 md:py-24 bg-white">
<div className="container mx-auto px-4">
<div className="max-w-[1200px] mx-auto px-4">
<div className="grid grid-cols-1 lg:grid-cols-2 items-center gap-12 md:gap-16">
<img
src="/media/cables/HS Kabel.png"
@@ -112,7 +112,7 @@ export default function Home() {
backgroundPosition: 'center',
}}
>
<div className="container mx-auto px-4 relative z-10">
<div className="max-w-[1200px] mx-auto px-4 relative z-10">
<div className="mb-12 md:mb-20">
<span className="inline-block text-white/60 text-xs font-bold uppercase tracking-[0.15em] mb-3">Expertise</span>
<h2 className="text-white text-3xl md:text-4xl font-bold mb-6">Technische Spezifikationen</h2>
@@ -143,7 +143,7 @@ export default function Home() {
</section>
<section className="py-16 md:py-24 bg-white">
<div className="container mx-auto px-4">
<div className="max-w-[1200px] mx-auto px-4">
<div className="mb-12 md:mb-20">
<span className="inline-block text-accent-green text-xs font-bold uppercase tracking-[0.15em] mb-3">Werte</span>
<h2 className="text-primary text-3xl md:text-4xl font-bold mb-6 relative inline-block after:content-[''] after:absolute after:-bottom-3 after:left-0 after:w-12 after:h-1 after:bg-accent-green after:rounded-sm">Unsere Leitprinzipien</h2>
@@ -171,7 +171,7 @@ export default function Home() {
</section>
<section className="relative py-16 md:py-24 bg-primary overflow-hidden">
<div className="container mx-auto px-4 relative z-10">
<div className="max-w-[1200px] mx-auto px-4 relative z-10">
<h2 className="text-white text-3xl md:text-5xl font-bold mb-6 tracking-tight leading-tight">
Bereit für Ihr nächstes Projekt?
</h2>