Repository navigation
Conversation
- Update CSS variables in global.css to light theme tokens (bg, text, border, shadow) - Add light theme animation system (drive, dash-flow, node-pulse, scan, glow-pulse, ripple) - Fix ThemeContext to use 'light' and set color-scheme on html element - Swap header logo from white variant to standard colored variant - Migrate all page CSS files: Home, CommerceLogi, SyncSeries, SyncAPIM, SyncBoot, SyncCMS, SyncEta, Company, Contact, UseCases, Hydra — replacing dark hardcoded colors with light theme values and soft card shadows - Update visualization components: APIGatewayParticles, APISecurityShield, APIInteractiveBento, APIPacketbeatAnalytics, CICDPipeline, EtaDashboardForensics, LogiCityNetwork, VisualValidationScanner - Update SyncSeries sub-animations: SyncApimAnimation, SyncEtaAnimation - Replace dark bg (#0F172A, #020617, #1E293B) with light equivalents (#F8FAFC, #FFFFFF, #F1F5F9) - Replace dark borders with #E2E8F0, dark text with slate-700/900 https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
- APISecurityShield: outer bg → #F8FAFC, shield panels → white with #E2E8F0 borders - ArchitectureMap: bg → #F8FAFC, node cards → white, connection lines → #E2E8F0 - CompanyDarkMap: map bg → #F8FAFC, grid/roads → #E2E8F0, info card → white - CompanyLogoSynergy: bg → #F8FAFC, heading → #0F172A - EtaAILoop: bg → #F8FAFC, inactive nodes → #E2E8F0, active → #0891B2 - EtaDashboardForensics: additional table row border/text fixes - GlobalNetworkGlobe: bg → #F8FAFC, title → #0F172A, info panel → white https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
- Track circle stroke: rgba(255,255,255,0.05) → #E2E8F0 (visible on white bg) - Value text: #FFFFFF → #0F172A - Label text: #E2E8F0 → #0F172A - Add white card background with border and shadow for clear separation https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
- LogGrafana: dark panel backgrounds → light, log text #E2E8F0 → #0F172A - LogiDocumentAI: dark document panel → #F8FAFC, CTA button → brand gradient - LogiHeadlessSim: dark connect button → brand gradient - LogiRouteOptimization: dark container → light, #E2E8F0 text → #0F172A - UIBuilder: dark sidebar/canvas panels → light equivalents - UseCaseGlobe: white overlay text #FFFFFF → #0F172A https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
- APIPacketbeatAnalytics: SVG stroke rgba(255,255,255,0.05) → #E2E8F0 - CircuitBreaker: node cards #1E293B → #FFFFFF, track #334155 → #E2E8F0 - EtaPipelineDomino: conveyor belt #1E293B → #E2E8F0, dividers lightened - EtaSelfHealing: code container #1E293B → #F1F5F9 - EtaVisualQA: inspect pill #0F172A → brand gradient - UIBuilderSim: success notification #0F172A → brand gradient https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
Use viewBox="0 0 400 520" with preserveAspectRatio="none" so the SVG paths stretch to fill the center flex section regardless of container width. Lines now properly connect server cards on the left to the analytics panel on the right. https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
- Move SVG to full-container absolute overlay (covers entire component) - Use ResizeObserver to measure actual container width at runtime - Compute serverX (190px), analyticsX (width-540px) and cardYs (112,194,276) dynamically so lines precisely connect server card right edges to analytics panel left edge at all screen widths https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
- Rewrites Home.jsx with glassmorphism-style hero section, animated background blobs, gradient headline, and scroll indicator - Adds ecosystem bento grid (AI Infra 2×2, Sync Series 2×1, Commerce 1×1, Let's Talk CTA 1×1) with hover animations via Framer Motion - Configures Tailwind v4 via postcss.config.js - Adds blob, blink, float, marquee keyframe animations to global.css - Adds responsive bento grid breakpoints for mobile/tablet - Adds hero-title, section-title, bento-card-title-* CSS overrides https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
Animates 'AI-DLC 기반의 완벽한 디지털 혁신 생태계' character by character with a blinking cursor, starting 1s after page load. https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
translateX(-50%) and translateY animation conflicted on same element. https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
…ctions - Hero: two-column layout with floating infra cards and terminal animation - Pipeline: staggered 3-card grid (Inception/Construction/Operations) - Validation: dark code scanner panel + check badge cards - CTA: centered full-width section with arrow button - Added float-1/2/3, typing, scan-sweep, svg-dash, ping, spin keyframes https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
- Hero: use t('hydra.hero.title') and t('hydra.hero.desc') instead of hardcoded strings
- Pipeline: remove incorrect English fallback values from t() calls
- Validation: use t('hydra.validation.title/syntaxAgent/costAgent'), remove hardcoded description paragraph
- ROI: remove hardcoded '압도적인' prefix, use t() for card labels
- CTA: restore t('hydra.cta.title').split() pattern, remove duplicate hardcoded h2
https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
Added to ko/en/jp: - hero.headline, hero.headline2, hero.cta.contact, hero.cta.explore, hero.scroll - home.ecosystem.title, home.ecosystem.subtitle - home.bento.hydra.desc, home.bento.explore, home.bento.sync.desc - home.bento.commerce.desc, home.bento.contact.title, home.bento.contact.desc https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
- Switch floating card panel to a shared coordinate system: SVG viewBox 0 0 560 500 with preserveAspectRatio=none fills the same 100%×500px container, so SVG path endpoints (A100→420,80; H100→420,410; SysNode→120,390; EKS→280,250) map exactly to card center % positions - Separate positioning wrapper from float-animation div to prevent translate(-50%,-50%) from being overridden by anim-float-* transforms - Replace all maxWidth: 1400px with 1200px across Hero, Pipeline, Validation, and ROI sections https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
Each page's old className-based CTA section is replaced with the same inline-style pattern as Hydra.jsx: motion.div fade-in, large clamp heading, dark #0F172A pill link with arrow icon and hover lift effect. framer-motion import added to each file. i18n keys preserved as-is. https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
Remaining two pages updated to match the dark pill CTA style introduced in Hydra.jsx. Company preserves CompanyDarkMap above the text block. https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
Replace blue gradient hero button with the same #0F172A pill + arrow pattern used across all page bottom CTAs. https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
This reverts commit 7a93fb2.
New section between Validation and ROI displays the impact headline
'압도적인 / 효율성의 차이' with gradient on the second line, plus
subtitle text. Added hydra.effect.{label,title,subtitle} to ko/en/jp.
https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
…ign) - Hero: gradient 'Use Cases' title + badge + network dot bg - Filters: 전체/물류유통/제조/IT테크/금융 pill buttons - 6 flip cards (CSS 3D rotateY): front shows company/subtitle/icon, back shows Key Results with two metrics per card - Impact metrics panel: 4-stat glassmorphism grid - Removes UseCaseGlobe / UseCaseImpactCharts / motion-component imports - Adds flip card CSS to UseCases.css, pulse-slow to global.css - Adds usecases.hero / flip / impact / filters keys to ko/en/jp i18n https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
Swap <span>EMPASY</span> for <img src="/empasy-logo.svg"> to match the header logo. CSS updated to height: 32px auto-width image sizing. https://claude.ai/code/session_01T9ox8549XhCNtSZEsAQq9y
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.