557305db5d
Some checks failed
ci/woodpecker/push/integration Pipeline failed
ci/woodpecker/push/main Pipeline failed
CI/CD Pipeline / Go Tests (push) Has been cancelled
CI/CD Pipeline / Python Tests (push) Has been cancelled
CI/CD Pipeline / Website Tests (push) Has been cancelled
CI/CD Pipeline / Linting (push) Has been cancelled
CI/CD Pipeline / Security Scan (push) Has been cancelled
CI/CD Pipeline / Docker Build & Push (push) Has been cancelled
CI/CD Pipeline / Integration Tests (push) Has been cancelled
CI/CD Pipeline / Deploy to Staging (push) Has been cancelled
CI/CD Pipeline / Deploy to Production (push) Has been cancelled
CI/CD Pipeline / CI Summary (push) Has been cancelled
Security Scanning / Secret Scanning (push) Has been cancelled
Security Scanning / Dependency Vulnerability Scan (push) Has been cancelled
Security Scanning / Go Security Scan (push) Has been cancelled
Security Scanning / Python Security Scan (push) Has been cancelled
Security Scanning / Node.js Security Scan (push) Has been cancelled
Security Scanning / Docker Image Security (push) Has been cancelled
Security Scanning / Security Summary (push) Has been cancelled
Tests / Go Tests (push) Has been cancelled
Tests / Python Tests (push) Has been cancelled
Tests / Integration Tests (push) Has been cancelled
Tests / Go Lint (push) Has been cancelled
Tests / Python Lint (push) Has been cancelled
Tests / Security Scan (push) Has been cancelled
Tests / All Checks Passed (push) Has been cancelled
- Academy, Whistleblower, Incidents frontend pages with API proxies and types - Vendor compliance API proxy route - Go backend handlers and models for all new SDK modules - Investor pitch-deck app with interactive slides - Blog section with DSGVO, AI Act, NIS2, glossary articles - MkDocs documentation site - CI/CD pipelines (Woodpecker, GitHub Actions), security scanning config - Planning and implementation documentation Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
51 lines
1.8 KiB
TypeScript
51 lines
1.8 KiB
TypeScript
'use client'
|
|
|
|
import { motion } from 'framer-motion'
|
|
import { Cloud } from 'lucide-react'
|
|
|
|
interface ProductShowcaseProps {
|
|
type: 'mini' | 'studio' | 'cloud'
|
|
className?: string
|
|
}
|
|
|
|
const PRODUCT_IMAGES = {
|
|
mini: 'https://www.apple.com/newsroom/images/2024/10/apples-new-mac-mini-apples-new-mac-mini-is-more-mighty-more-mini-and-built-for-apple-intelligence/article/Apple-Mac-mini-hero_big.jpg.large.jpg',
|
|
studio: 'https://www.apple.com/newsroom/images/2025/03/apple-unveils-new-mac-studio-the-most-powerful-mac-ever/article/Apple-Mac-Studio-front-250305_big.jpg.large.jpg',
|
|
}
|
|
|
|
export default function ProductShowcase({ type, className = '' }: ProductShowcaseProps) {
|
|
if (type === 'cloud') {
|
|
return (
|
|
<motion.div
|
|
className={`relative ${className}`}
|
|
whileHover={{ rotateY: 5, rotateX: -5, scale: 1.05 }}
|
|
transition={{ type: 'spring', stiffness: 300 }}
|
|
style={{ perspective: 1000, transformStyle: 'preserve-3d' }}
|
|
>
|
|
<div className="w-28 h-28 rounded-2xl bg-gradient-to-br from-purple-500 to-pink-500
|
|
flex items-center justify-center shadow-lg shadow-purple-500/20">
|
|
<Cloud className="w-14 h-14 text-white" />
|
|
</div>
|
|
</motion.div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<motion.div
|
|
className={`relative ${className}`}
|
|
whileHover={{ rotateY: 5, rotateX: -5, scale: 1.05 }}
|
|
transition={{ type: 'spring', stiffness: 300 }}
|
|
style={{ perspective: 1000, transformStyle: 'preserve-3d' }}
|
|
>
|
|
<div className="w-28 h-28 rounded-2xl overflow-hidden shadow-lg shadow-indigo-500/20 bg-white/5">
|
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
|
<img
|
|
src={PRODUCT_IMAGES[type]}
|
|
alt={type === 'mini' ? 'Mac Mini M4 Pro' : 'Mac Studio M3 Ultra'}
|
|
className="w-full h-full object-cover"
|
|
/>
|
|
</div>
|
|
</motion.div>
|
|
)
|
|
}
|