feat(pulse-3d-landing): landing 3D completa — Atomic Design + Three.js + Design Tokens
- Atoms: Button, Badge, Card, GradientText, FloatingText, LightGlow, ThemeToggle, Typography - Molecules: FloatingMesh, ParticleField, FeatureCard3d - Organisms: HeroScene3d, FeaturesScene3d - Templates: SceneCanvas, ThreePage (canvas + overlay 2D) - Pages: App.tsx — Hero + FeaturesOverview + About + CTA wireframes - Design Tokens completo: space/font/color/shadow/radius/material3d/camera3d/animation - Globals CSS: reset, grid, scrollbar, focus-visible, light/dark mode - Vite + React 18 + TypeScript + @react-three/fiber + drei + framer-motion - npm install + dev server OK - node_modules em .gitignore — commit apenas código fonte - Repo standalone: pulse-3d-landing/
This commit is contained in:
@@ -0,0 +1,16 @@
|
||||
import { CSSProperties } from 'react'
|
||||
import { tokens } from '../../systems/tokens'
|
||||
|
||||
export function Divider({ vertical=false, style }: { vertical?: boolean; style?: CSSProperties }) {
|
||||
return (
|
||||
<hr style={{
|
||||
border : 'none',
|
||||
height : vertical ? '1px' : 'auto',
|
||||
width : vertical ? '1px' : '100%',
|
||||
flex : vertical ? 'none' : 1,
|
||||
background: 'linear-gradient(90deg, transparent, rgba(37,99,235,.2), transparent)',
|
||||
margin : 0,
|
||||
...style,
|
||||
}} />
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user