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

feat: Integrate Directus CMS, add i18n with next-intl, and configure project tooling with pnpm, husky, and commitlint.**

Browse Source
This commit is contained in:
Marc Mintel
2026-02-05 01:18:06 +01:00
parent 765cfd4c69
commit e80140f7cf
65 changed files with 12793 additions and 5879 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
app/globals.css
View File

@@ -10,14 +10,18 @@
--color-text-main: #0f172a;
--color-text-muted: #64748b;
--color-border: #e2e8f0;
--font-sans: var(--font-inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-sans:
var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
sans-serif;
--radius-xl: 1rem;
--radius-2xl: 1.5rem;
--shadow-soft: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
--shadow-card: 0 10px 15px -3px rgb(0 0 0 / 0.03), 0 4px 6px -4px rgb(0 0 0 / 0.03);
--shadow-soft:
0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
--shadow-card:
0 10px 15px -3px rgb(0 0 0 / 0.03), 0 4px 6px -4px rgb(0 0 0 / 0.03);
}
:root {
@@ -43,7 +47,11 @@
}
.grid-pattern {
background-image: radial-gradient(circle, var(--color-border) 1px, transparent 1px);
background-image: radial-gradient(
circle,
var(--color-border) 1px,
transparent 1px
);
background-size: 40px 40px;
}
@@ -56,7 +64,11 @@
background-image:
radial-gradient(at 0% 0%, rgba(16, 185, 129, 0.05) 0px, transparent 50%),
radial-gradient(at 100% 0%, rgba(15, 23, 42, 0.05) 0px, transparent 50%),
radial-gradient(at 100% 100%, rgba(16, 185, 129, 0.05) 0px, transparent 50%),
radial-gradient(
at 100% 100%,
rgba(16, 185, 129, 0.05) 0px,
transparent 50%
),
radial-gradient(at 0% 100%, rgba(15, 23, 42, 0.05) 0px, transparent 50%);
}
@@ -78,7 +90,7 @@
}
.tech-card-border::before {
content: '';
content: "";
@apply absolute -inset-px bg-gradient-to-br from-accent/20 via-transparent to-accent/20 rounded-[inherit] opacity-0 transition-opacity duration-500;
}
@@ -86,11 +98,20 @@
@apply opacity-100;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
@apply font-bold tracking-tight text-primary;
text-wrap: balance;
}
button {
@apply cursor-pointer;
}
section {
@apply py-20 md:py-32;
}
@@ -102,11 +123,11 @@
}
.btn-primary {
@apply inline-flex items-center justify-center px-6 py-3 rounded-lg bg-primary text-white font-semibold transition-all hover:bg-primary-light hover:shadow-lg active:scale-[0.98] disabled:opacity-50;
@apply inline-flex items-center justify-center px-6 py-3 rounded-lg bg-primary text-white font-semibold transition-all hover:bg-primary-light hover:shadow-lg active:scale-[0.98] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed;
}
.btn-accent {
@apply inline-flex items-center justify-center px-6 py-3 rounded-lg bg-accent text-white font-semibold transition-all hover:bg-accent-hover hover:shadow-lg active:scale-[0.98] disabled:opacity-50;
@apply inline-flex items-center justify-center px-6 py-3 rounded-lg bg-accent text-white font-semibold transition-all hover:bg-accent-hover hover:shadow-lg active:scale-[0.98] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed;
}
.glass-panel {