mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-17 02:32:34 +01:00
parent 6a49448e0a
commit 4d5ce9bfd6
43 changed files with 1642 additions and 2022 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/website/components/mockups/MockupStack.tsx
View File

@@ -30,7 +30,7 @@ export function MockupStack({ children, index = 0 }: MockupStackProps) {
return (
<div className="relative w-full h-full scale-60 sm:scale-70 md:scale-85 lg:scale-95 max-w-[85vw] mx-auto my-4 sm:my-0" style={{ perspective: '1200px' }}>
<div
className="absolute rounded-lg bg-iron-gray/80 border border-charcoal-outline"
className="absolute rounded-none bg-panel-gray/80 border border-border-gray/50"
style={{
rotate: `${rotation1}deg`,
zIndex: 1,
@@ -44,7 +44,7 @@ export function MockupStack({ children, index = 0 }: MockupStackProps) {
/>
<div
className="absolute rounded-lg bg-iron-gray/90 border border-charcoal-outline"
className="absolute rounded-none bg-panel-gray/90 border border-border-gray/50"
style={{
rotate: `${rotation2}deg`,
zIndex: 2,
@@ -58,7 +58,7 @@ export function MockupStack({ children, index = 0 }: MockupStackProps) {
/>
<div
className="relative z-10 w-full h-full rounded-lg overflow-hidden"
className="relative z-10 w-full h-full rounded-none overflow-hidden border border-border-gray/30"
style={{
boxShadow: '0 20px 60px rgba(0,0,0,0.45)',
}}
@@ -73,7 +73,7 @@ export function MockupStack({ children, index = 0 }: MockupStackProps) {
return (
<div className="relative w-full h-full scale-60 sm:scale-70 md:scale-85 lg:scale-95 max-w-[85vw] mx-auto my-4 sm:my-0" style={{ perspective: '1200px' }}>
<motion.div
className="absolute rounded-lg bg-iron-gray/80 border border-charcoal-outline"
className="absolute rounded-none bg-panel-gray/80 border border-border-gray/50"
style={{
rotate: `${rotation1}deg`,
zIndex: 1,
@@ -89,7 +89,7 @@ export function MockupStack({ children, index = 0 }: MockupStackProps) {
/>
<motion.div
className="absolute rounded-lg bg-iron-gray/90 border border-charcoal-outline"
className="absolute rounded-none bg-panel-gray/90 border border-border-gray/50"
style={{
rotate: `${rotation2}deg`,
zIndex: 2,
@@ -105,7 +105,7 @@ export function MockupStack({ children, index = 0 }: MockupStackProps) {
/>
<motion.div
className="relative z-10 w-full h-full rounded-lg overflow-hidden"
className="relative z-10 w-full h-full rounded-none overflow-hidden border border-border-gray/30"
style={{
boxShadow: '0 20px 60px rgba(0,0,0,0.45)',
}}
@@ -129,12 +129,12 @@ export function MockupStack({ children, index = 0 }: MockupStackProps) {
transition={{ duration: 0.4, delay: 0.2 }}
>
<motion.div
className="absolute inset-0 pointer-events-none rounded-lg"
className="absolute inset-0 pointer-events-none rounded-none"
whileHover={
shouldReduceMotion
? {}
: {
boxShadow: '0 0 40px rgba(25, 140, 255, 0.4)',
boxShadow: '0 0 40px rgba(25, 140, 255, 0.2)',
transition: { duration: 0.2 },
}
}