feat(rebrand): Dr. Paruzzo personal brand hub#21
Closed
PescadoRabioso93 wants to merge 10 commits intoJCodesMore:masterfrom
Closed
feat(rebrand): Dr. Paruzzo personal brand hub#21PescadoRabioso93 wants to merge 10 commits intoJCodesMore:masterfrom
PescadoRabioso93 wants to merge 10 commits intoJCodesMore:masterfrom
Conversation
Screenshots, topology, asset inventory, text content, and section detail extracted from https://naya-studio-dubai.webflow.io/ plus the Ecosystem Hub spec for the post-clone transformation phase. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…rget site 25 images, 4 videos, 1 font (CarlBrown.woff2), noise.gif, blur-poster, and favicons/OG image extracted from naya-studio-dubai.webflow.io. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…mations Components: Navbar, HeroSection, CapabilitiesSection, PortfolioSection, BenefitsSection, ReviewsSection, ContactSection, Footer, Preloader, LenisProvider, NoiseOverlay, icons. Stack: Lenis smooth scroll, GSAP ScrollTrigger, Swiper carousels, Carl Brown display font, word-by-word blur scroll reveals. Known gaps vs original: animations need fine-tuning, spacing/padding not pixel-perfect, card 3D overlap simplified, missing custom cursor. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
* docs: add side-by-side visual audit screenshots (original vs clone vs fix) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * feat(ui): integrate SplitType animations, custom cursor, progressive blur and scroll-driven effects - SplitType word/char blur reveals matching original site params (blur 0.8vw, scale 0.95, stagger 0.4s, ease power1.inOut) - Hero "CUBE STUDIO" entrance animation with SplitType chars post-preloader - Custom cursor with lerp tracking, DRAG state on swipers, scale on links - Navbar progressive blur proportional to scroll position (not binary) - Capability cards scroll-driven entrance (scale+rotateX) and exit (scale down) - Portfolio Swiper EffectCoverflow 3D carousel - Reviews section SplitType heading + carousel entrance animation - Contact form fields stagger entrance - Blue blob parallax on all sections via GSAP ScrollTrigger - Line-by-line paragraph reveals via SplitType lines - Hover glow effects on buttons and image brightness on portfolio Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Juan Ignacio Paruzzo <128498647+PescadoRabioso93@users.noreply.github.com> Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…, socials Full rebrand from Naya Studio clone to Dr. Paruzzo personal brand hub: - Color palette: black → deep blue #0a1628, accent → cyan #00d4ff + gold #c8953e - All section texts rewritten in Spanish (hero, capabilities, portfolio, benefits, reviews, contact) - 4 optimized WebP images (24MB PNG → 781KB WebP) - 14 social network links with icons (IG, YT, TikTok, LinkedIn, X, FB, Reddit, Threads, Line, Kakao, WeChat, WhatsApp) - Updated metadata, lang="es", SEO tags - Footer and Navbar with new brand identity Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…tadataBase - Fix 3 legacy rgba(100,150,255) colors → teal rgba(0,212,255) - Align OKLCH accent to match #00d4ff exactly - Replace 12 blue-blur.webp instances with CSS radial-gradient + blur - Alternate teal/gold blobs across sections for brand cohesion - Swap flower-image → dr-paruzzo-brain, mirror → dr-paruzzo-portrait - Remove orchid-video.webm (floral) from Benefits + Capabilities (-3.3MB) - Replace with ambient CSS gradient glows - Add NewsletterSection between Reviews and Contact (UI placeholder) - Add metadataBase to layout.tsx (eliminates build warning) - Add poster fallback to hero-rock video Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…l cleanup Sprint 1 — Cleanup: - Remove all Naya/Cube Studio references from comments - Delete orphan assets: flower-image, orchid-video, author-[1-5], author-borders, hero-image, stone-hero, hero-rock (-12MB) Sprint 2 — Hero transformation: - Replace 3D rock video with dr-paruzzo-brain.webp image - Add GSAP floating animation (sine.inOut loop) + teal pulse glow - Maintain scroll parallax (y:-250, rotation:12, scale:0.8) - Replace hero background with dr-paruzzo-banner-1.webp Sprint 3 — Contact form: - Add /api/contact POST route with Resend SDK integration - Form validates name/email/message, sends email to dr.paruzzo@gmail.com - Loading/success/error states with aria-live feedback - Newsletter CTA shows "Próximamente" toast on submit - Add aria-labels to all form inputs Sprint 4 — SEO: - Add robots.ts and sitemap.ts (static generation) - Copy OG image from brand assets - Rename package to dr-paruzzo-site v1.0.0 - Remove Line/KakaoTalk/WeChat socials (no URLs yet) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Visual Engineering — Phase 4: Sprint 1: Install @react-three/fiber v9.5, @react-three/drei, three.js - Fix Lenis↔GSAP bridge with gsap.ticker.lagSmoothing(0) Sprint 2: Device capability hook - Detects mobile/GPU/WebGL2/prefers-reduced-motion - Exports canRender3D boolean for conditional rendering Sprint 3: 3D Brain scene (React Three Fiber) - Procedural sphere + MeshDistortMaterial (teal, organic distortion) - Wireframe overlay for neural network aesthetic - Inner gold energy core with counter-rotation - Float component for organic hovering - Scroll-linked distortion via GSAP ref proxy pattern - Dynamic import with ssr:false for Next.js compatibility Sprint 4: Neural network Canvas 2D - 60-120 gold neuron nodes with pulsing glow - Axon connections (tenue gold lines) - Teal synaptic impulses traveling along connections with trail - Independent rAF loop (doesn't block scroll) - Configurable density per section Sprint 5: Integration - Hero: 3D brain (desktop) / static fallback (mobile) + neural canvas - Capabilities: neural canvas background (80 nodes, opacity 0.15) - Benefits: neural canvas replacing static brain image (60 nodes) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Feedback-driven improvements: 1. 3D Brain: Replace generic distorted sphere with recognizable brain - Two hemispheres with TorusKnot sulci (brain folds) - Central fissure line, brain stem - 40 synapse points scattered on surface - Gold energy core with pulsing scale 2. Slogan: "DONDE CONVERGEN CUERPO, MENTE Y TECNOLOGÍA" - Comma after CUERPO - Key words (Cuerpo, Mente, Tecnología) in white, rest dimmed - "ÍA" in bold weight for emphasis 3. Typography harmony: - Unify all headings to Helvetica Neue (remove CarlBrown font-display) - Consistent weight scale: 200 (headings), 300 (subheadings), 400 (body) - Consistent letter-spacing: -0.03em (headings), 0.05em (small text) 4. Portfolio → Social Media Grid: - Replace image carousel with 11 social network cards - Each card: icon, name, handle, description, hover glow - Stagger entrance animation with GSAP ScrollTrigger 5. Fix capabilities-border.webp 404 (was renamed to "qué hago-border") Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…verflow carousel Design recovery — preserve brand content, restore original design quality: Typography: - Restore CarlBrown (font-display) for all display headings - Restore font-weight: 300, line-height: 0.76 (was 200/0.8) - Restore letter-spacing: -0.02em (was -0.03em) - Restore text-small line-height: 1.1 (was 1.4) Blobs: - Restore blue-blur.webp Image components in Hero, Capabilities, Benefits, Contact - Was CSS radial-gradient (flat), now textured image blur (premium depth) Portfolio: - Restore Swiper Coverflow 3D carousel (rotate:8, depth:200, freeMode, grabCursor) - Cards now show social media networks instead of project images - Each card: 500px tall, large icon, name in font-display, handle, description - Maintains the curved 3D ecosystem feeling of the original Slogan: - Keep differential weight: "CUERPO, MENTE, TECNOLOGÍA" bright (300), connectors dimmed (200) - Restore original font-size clamp(4rem, 15vw, 220px) and line-height 0.88 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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
3 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.
Summary
Commits
ea5be54Phase 1 — texts, palette, images, socials7b0fe55Phase 2 — visual assets, CSS blobs, newsletter CTA, metadataBase571e3d8Phase 3 — hero brain animation, contact API, SEO, final cleanup95a0624Phase 4 — R3F brain scene + neural network synapse canvas8152495Polish round 1 — brain geometry, typography, social grid766696dDesign recovery — restore CarlBrown font, image blobs, coverflow carouselTest plan
npm run checkpasses (lint + typecheck + build)HUMAN REQUIRED (post-merge)
RESEND_API_KEYenv var in Vercel for contact formdrparuzzo.comfor metadataBase🤖 Generated with Claude Code