setIsHovered(true)}
- onMouseLeave={() => setIsHovered(false)}
- className={`relative p-[2px] overflow-hidden ${className}`}
+ className={`group relative p-[2px] overflow-hidden ${className}`}
style={{
borderRadius: `${borderRadius}px`,
backgroundColor: backgroundColor,
}}
>
{/* Background Glow Layer */}
-
{/* Border Glow Layer */}
-
{/* Content */}
-
0 ? `${borderRadius - 1}px` : 0 }}>
+
0 ? `${borderRadius - 1}px` : 0 }}
+ >
{children}
diff --git a/src/components/ui/CustomCursor.tsx b/src/components/ui/CustomCursor.tsx
index c3f2b2e..688016b 100644
--- a/src/components/ui/CustomCursor.tsx
+++ b/src/components/ui/CustomCursor.tsx
@@ -1,13 +1,13 @@
-import React, { useEffect, useState } from 'react';
-import { motion, useSpring, useMotionValue } from 'framer-motion';
+import type React from "react";
+import { useEffect, useState } from "react";
+import { motion, useMotionValue, useSpring } from "framer-motion";
const isTouchDevice = () =>
- typeof window !== 'undefined' &&
- ('ontouchstart' in window || window.matchMedia('(hover: none)').matches);
+ typeof window !== "undefined" &&
+ ("ontouchstart" in window || window.matchMedia("(hover: none)").matches);
const prefersReducedMotion = () =>
- typeof window !== 'undefined' &&
- window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+ typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
export const CustomCursor: React.FC = () => {
const [isHovering, setIsHovering] = useState(false);
@@ -39,11 +39,11 @@ export const CustomCursor: React.FC = () => {
const handleMouseOver = (e: MouseEvent) => {
const target = e.target as HTMLElement;
if (
- target.tagName === 'A' ||
- target.tagName === 'BUTTON' ||
- target.closest('a') ||
- target.closest('button') ||
- target.classList.contains('cursor-pointer')
+ target.tagName === "A" ||
+ target.tagName === "BUTTON" ||
+ target.closest("a") ||
+ target.closest("button") ||
+ target.classList.contains("cursor-pointer")
) {
setIsHovering(true);
} else {
@@ -54,16 +54,16 @@ export const CustomCursor: React.FC = () => {
const handleMouseDown = () => setIsClicking(true);
const handleMouseUp = () => setIsClicking(false);
- window.addEventListener('mousemove', handleMouseMove);
- window.addEventListener('mouseover', handleMouseOver);
- window.addEventListener('mousedown', handleMouseDown);
- window.addEventListener('mouseup', handleMouseUp);
+ window.addEventListener("mousemove", handleMouseMove);
+ window.addEventListener("mouseover", handleMouseOver);
+ window.addEventListener("mousedown", handleMouseDown);
+ window.addEventListener("mouseup", handleMouseUp);
return () => {
- window.removeEventListener('mousemove', handleMouseMove);
- window.removeEventListener('mouseover', handleMouseOver);
- window.removeEventListener('mousedown', handleMouseDown);
- window.removeEventListener('mouseup', handleMouseUp);
+ window.removeEventListener("mousemove", handleMouseMove);
+ window.removeEventListener("mouseover", handleMouseOver);
+ window.removeEventListener("mousedown", handleMouseDown);
+ window.removeEventListener("mouseup", handleMouseUp);
};
}, [mouseX, mouseY, isVisible, isEnabled]);
@@ -76,28 +76,28 @@ export const CustomCursor: React.FC = () => {
style={{
x: cursorX,
y: cursorY,
- translateX: '-50%',
- translateY: '-50%',
+ translateX: "-50%",
+ translateY: "-50%",
}}
animate={{
scale: isHovering ? 2.5 : 1,
opacity: 1,
- rotate: isHovering ? 90 : 0
+ rotate: isHovering ? 90 : 0,
}}
- transition={{ type: 'spring', ...springConfig }}
+ transition={{ type: "spring", ...springConfig }}
/>
-
+
diff --git a/src/components/ui/GlassSurface.tsx b/src/components/ui/GlassSurface.tsx
index bf13c38..2212361 100644
--- a/src/components/ui/GlassSurface.tsx
+++ b/src/components/ui/GlassSurface.tsx
@@ -1,5 +1,6 @@
-import React, { useEffect, useRef, useState, useId } from 'react';
-import './GlassSurface.css';
+import type React from "react";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import "./GlassSurface.css";
export interface GlassSurfaceProps {
children?: React.ReactNode;
@@ -17,13 +18,27 @@ export interface GlassSurfaceProps {
redOffset?: number;
greenOffset?: number;
blueOffset?: number;
- xChannel?: 'R' | 'G' | 'B';
- yChannel?: 'R' | 'G' | 'B';
+ xChannel?: "R" | "G" | "B";
+ yChannel?: "R" | "G" | "B";
mixBlendMode?:
- | 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten'
- | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light'
- | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color'
- | 'luminosity' | 'plus-darker' | 'plus-lighter';
+ | "normal"
+ | "multiply"
+ | "screen"
+ | "overlay"
+ | "darken"
+ | "lighten"
+ | "color-dodge"
+ | "color-burn"
+ | "hard-light"
+ | "soft-light"
+ | "difference"
+ | "exclusion"
+ | "hue"
+ | "saturation"
+ | "color"
+ | "luminosity"
+ | "plus-darker"
+ | "plus-lighter";
className?: string;
style?: React.CSSProperties;
}
@@ -44,11 +59,11 @@ const GlassSurface: React.FC
= ({
redOffset = 0,
greenOffset = 5,
blueOffset = 10,
- xChannel = 'R',
- yChannel = 'G',
- mixBlendMode = 'difference',
- className = '',
- style = {}
+ xChannel = "R",
+ yChannel = "G",
+ mixBlendMode = "difference",
+ className = "",
+ style = {},
}) => {
const id = useId();
const filterId = `glass-filter-${id.replace(/:/g, "")}`;
@@ -64,7 +79,7 @@ const GlassSurface: React.FC = ({
const blueChannelRef = useRef(null);
const gaussianBlurRef = useRef(null);
- const updateDisplacementMap = React.useCallback(() => {
+ const updateDisplacementMap = useCallback(() => {
const rect = containerRef.current?.getBoundingClientRect();
const actualWidth = rect?.width || 400;
const actualHeight = rect?.height || 80;
@@ -90,7 +105,7 @@ const GlassSurface: React.FC = ({
`;
const dataUri = `data:image/svg+xml,${encodeURIComponent(svgContent)}`;
- feImageRef.current?.setAttribute('href', dataUri);
+ feImageRef.current?.setAttribute("href", dataUri);
}, [borderWidth, borderRadius, brightness, opacity, blur, mixBlendMode, redGradId, blueGradId]);
useEffect(() => {
@@ -98,20 +113,25 @@ const GlassSurface: React.FC = ({
[
{ ref: redChannelRef, offset: redOffset },
{ ref: greenChannelRef, offset: greenOffset },
- { ref: blueChannelRef, offset: blueOffset }
+ { ref: blueChannelRef, offset: blueOffset },
].forEach(({ ref, offset }) => {
if (ref.current) {
- ref.current.setAttribute('scale', (distortionScale + offset).toString());
- ref.current.setAttribute('xChannelSelector', xChannel);
- ref.current.setAttribute('yChannelSelector', yChannel);
+ ref.current.setAttribute("scale", (distortionScale + offset).toString());
+ ref.current.setAttribute("xChannelSelector", xChannel);
+ ref.current.setAttribute("yChannelSelector", yChannel);
}
});
- gaussianBlurRef.current?.setAttribute('stdDeviation', displace.toString());
+ gaussianBlurRef.current?.setAttribute("stdDeviation", displace.toString());
}, [
updateDisplacementMap,
- width, height, borderRadius, borderWidth, brightness, opacity, blur, displace,
- distortionScale, redOffset, greenOffset, blueOffset, xChannel, yChannel, mixBlendMode
+ displace,
+ distortionScale,
+ redOffset,
+ greenOffset,
+ blueOffset,
+ xChannel,
+ yChannel,
]);
useEffect(() => {
@@ -129,33 +149,79 @@ const GlassSurface: React.FC = ({
const containerStyle: React.CSSProperties = {
...style,
- width: typeof width === 'number' ? `${width}px` : width,
- height: typeof height === 'number' ? `${height}px` : height,
+ width: typeof width === "number" ? `${width}px` : width,
+ height: typeof height === "number" ? `${height}px` : height,
borderRadius: `${borderRadius}px`,
// @ts-expect-error - Custom CSS properties are not in React.CSSProperties
- '--glass-frost': backgroundOpacity,
+ "--glass-frost": backgroundOpacity,
// @ts-expect-error - Custom CSS properties are not in React.CSSProperties
- '--glass-saturation': saturation,
+ "--glass-saturation": saturation,
// @ts-expect-error - Custom CSS properties are not in React.CSSProperties
- '--filter-id': `url(#${filterId})`
+ "--filter-id": `url(#${filterId})`,
};
return (
-
+
+ Glass surface filter
-
-
+ = ({
className,
loadingLazy = false,
}) => {
- const sources =
- videoSources?.length ?
- videoSources
- : videoSrc ?
- [{ src: videoSrc, type: "video/mp4" }]
- : [];
+ const sources = videoSources?.length
+ ? videoSources
+ : videoSrc
+ ? [{ src: videoSrc, type: "video/mp4" }]
+ : [];
if (sources.length > 0) {
return (
@@ -91,17 +90,10 @@ export function GlitchImage({
className,
loadingLazy = false,
}: GlitchImageProps) {
- const [isHovered, setIsHovered] = useState(false);
- const shouldGlitch = active || isHovered;
-
const layerMediaClass = "filter contrast-125 saturate-200";
return (
- setIsHovered(true)}
- onMouseLeave={() => setIsHovered(false)}
- >
+
@@ -134,7 +126,7 @@ export function GlitchImage({
@@ -153,7 +145,7 @@ export function GlitchImage({
@@ -172,13 +164,13 @@ export function GlitchImage({
diff --git a/src/components/ui/GrainOverlay.tsx b/src/components/ui/GrainOverlay.tsx
index 9b5d358..91ba283 100644
--- a/src/components/ui/GrainOverlay.tsx
+++ b/src/components/ui/GrainOverlay.tsx
@@ -1,5 +1,5 @@
-import React from "react";
-import './GrainOverlay.css';
+import type React from "react";
+import "./GrainOverlay.css";
const GrainOverlay: React.FC = () => {
return (
diff --git a/src/components/ui/Magnetic.tsx b/src/components/ui/Magnetic.tsx
index 2d97d01..b62e270 100644
--- a/src/components/ui/Magnetic.tsx
+++ b/src/components/ui/Magnetic.tsx
@@ -1,5 +1,6 @@
-import React, { useRef, useState } from 'react';
-import { motion } from 'framer-motion';
+import type React from "react";
+import { useRef, useState } from "react";
+import { motion } from "framer-motion";
export const Magnetic: React.FC<{ children: React.ReactElement }> = ({ children }) => {
const ref = useRef
(null);
@@ -24,7 +25,7 @@ export const Magnetic: React.FC<{ children: React.ReactElement }> = ({ children
onMouseMove={handleMouseMove}
onMouseLeave={handleMouseLeave}
animate={{ x: position.x, y: position.y }}
- transition={{ type: 'spring', damping: 15, stiffness: 150, mass: 0.1 }}
+ transition={{ type: "spring", damping: 15, stiffness: 150, mass: 0.1 }}
>
{children}
diff --git a/src/components/ui/PixelLoader.tsx b/src/components/ui/PixelLoader.tsx
index 995529e..4e24e5f 100644
--- a/src/components/ui/PixelLoader.tsx
+++ b/src/components/ui/PixelLoader.tsx
@@ -1,23 +1,28 @@
-import React, { useEffect, useState, useMemo } from 'react';
-import './PixelLoader.css';
+import type React from "react";
+import { useEffect, useMemo, useState } from "react";
+import "./PixelLoader.css";
interface PixelLoaderProps {
onComplete?: () => void;
}
-const isMobileDevice = () =>
- typeof window !== 'undefined' && window.innerWidth < 768;
+const isMobileDevice = () => typeof window !== "undefined" && window.innerWidth < 768;
export const PixelLoader: React.FC = ({ onComplete }) => {
const [isExiting, setIsExiting] = useState(false);
const [visible, setVisible] = useState(true);
const totalBlocks = isMobileDevice() ? 100 : 200;
+ const blockIds = useMemo(
+ () => Array.from({ length: totalBlocks }, (_, index) => `pixel-loader-block-${index}`),
+ [totalBlocks]
+ );
// Pré-computa Map em vez de usar indexOf a cada render
const delayMap = useMemo(() => {
- const shuffled = Array.from({ length: totalBlocks }, (_, i) => i)
- .sort(() => Math.random() - 0.5);
+ const shuffled = Array.from({ length: totalBlocks }, (_, i) => i).sort(
+ () => Math.random() - 0.5
+ );
const map = new Map();
shuffled.forEach((originalIndex, position) => {
map.set(originalIndex, position);
@@ -45,14 +50,14 @@ export const PixelLoader: React.FC = ({ onComplete }) => {
return (
- {Array.from({ length: totalBlocks }).map((_, i) => {
+ {blockIds.map((blockId, i) => {
const delayPosition = delayMap.get(i) ?? 0;
const delay = isExiting ? (delayPosition / totalBlocks) * 0.8 : 0;
return (
);
diff --git a/src/components/ui/ScrollReveal.tsx b/src/components/ui/ScrollReveal.tsx
index ad22ef4..17c9957 100644
--- a/src/components/ui/ScrollReveal.tsx
+++ b/src/components/ui/ScrollReveal.tsx
@@ -1,4 +1,5 @@
-import React, { useRef } from "react";
+import type React from "react";
+import { useRef } from "react";
import { motion, useInView } from "framer-motion";
interface ScrollRevealProps {
@@ -25,12 +26,18 @@ const ScrollReveal: React.FC
= ({
const getInitialProps = () => {
switch (direction) {
- case "up": return { opacity: 0, y: 30 };
- case "down": return { opacity: 0, y: -30 };
- case "left": return { opacity: 0, x: 30 };
- case "right": return { opacity: 0, x: -30 };
- case "none": return { opacity: 0, scale: 0.95 };
- default: return { opacity: 0, y: 30 };
+ case "up":
+ return { opacity: 0, y: 30 };
+ case "down":
+ return { opacity: 0, y: -30 };
+ case "left":
+ return { opacity: 0, x: 30 };
+ case "right":
+ return { opacity: 0, x: -30 };
+ case "none":
+ return { opacity: 0, scale: 0.95 };
+ default:
+ return { opacity: 0, y: 30 };
}
};
diff --git a/src/components/ui/SectionEntrance.tsx b/src/components/ui/SectionEntrance.tsx
index 7d18c90..e454faf 100644
--- a/src/components/ui/SectionEntrance.tsx
+++ b/src/components/ui/SectionEntrance.tsx
@@ -1,5 +1,5 @@
-import React from 'react';
-import { motion } from 'framer-motion';
+import type React from "react";
+import { motion } from "framer-motion";
interface SectionEntranceProps {
children: React.ReactNode;
@@ -11,11 +11,11 @@ export const SectionEntrance: React.FC = ({ children, clas
return (
text.split(""), [text]);
+ const keyedChars = useMemo(() => {
+ const counts = new Map();
+
+ return chars.map(char => {
+ const normalizedChar = char === " " ? "space" : char === "\n" ? "newline" : char;
+ const occurrence = (counts.get(normalizedChar) ?? 0) + 1;
+ counts.set(normalizedChar, occurrence);
+
+ return {
+ char,
+ key: `${normalizedChar}-${occurrence}`,
+ };
+ });
+ }, [chars]);
const charset = scrambleCharset;
- const getRandomChar = useCallback(() => charset[Math.floor(Math.random() * charset.length)], [charset]);
+ const getRandomChar = useCallback(
+ () => charset[Math.floor(Math.random() * charset.length)],
+ [charset]
+ );
const startAnimation = useCallback(() => {
if (isAnimating || (triggerOnce && hasTriggered)) return;
-
+
setIsAnimating(true);
setHasTriggered(true);
@@ -74,7 +92,8 @@ const ShuffleText = ({
return;
}
- const charDelay = delay + (animationMode === "random" ? Math.random() * maxDelay : i * stagger);
+ const charDelay =
+ delay + (animationMode === "random" ? Math.random() * maxDelay : i * stagger);
const tl = gsap.timeline({
delay: charDelay,
@@ -86,7 +105,7 @@ const ShuffleText = ({
gsap.delayedCall(loopDelay, startAnimation);
}
}
- }
+ },
});
// Shuffle Effect
@@ -96,7 +115,7 @@ const ShuffleText = ({
onStart: () => {
el.textContent = getRandomChar();
if (colorFrom) gsap.set(el, { color: colorFrom });
- }
+ },
});
}
@@ -107,10 +126,28 @@ const ShuffleText = ({
ease: ease,
onStart: () => {
el.textContent = targetChar;
- }
+ },
});
});
- }, [isAnimating, triggerOnce, hasTriggered, chars, delay, animationMode, maxDelay, stagger, duration, shuffleTimes, getRandomChar, colorFrom, onShuffleComplete, loop, loopDelay, colorTo, ease]);
+ }, [
+ isAnimating,
+ triggerOnce,
+ hasTriggered,
+ chars,
+ delay,
+ animationMode,
+ maxDelay,
+ stagger,
+ duration,
+ shuffleTimes,
+ getRandomChar,
+ colorFrom,
+ onShuffleComplete,
+ loop,
+ loopDelay,
+ colorTo,
+ ease,
+ ]);
useEffect(() => {
const observer = new IntersectionObserver(
@@ -124,7 +161,7 @@ const ShuffleText = ({
if (containerRef.current) observer.observe(containerRef.current);
return () => observer.disconnect();
- }, [text, hasTriggered, rootMargin, threshold, startAnimation]);
+ }, [rootMargin, threshold, startAnimation]);
return (
// @ts-expect-error - Tag is dynamic and Ref type is complex
@@ -134,11 +171,8 @@ const ShuffleText = ({
style={{ ...style, textAlign }}
onMouseEnter={() => triggerOnHover && !isAnimating && startAnimation()}
>
- {chars.map((char, i) => (
-
+ {keyedChars.map(({ char, key }) => (
+
{char === " " ? "\u00A0" : char === "\n" ?
))}
diff --git a/src/components/ui/SmoothScroll.tsx b/src/components/ui/SmoothScroll.tsx
index 738c531..8742ed4 100644
--- a/src/components/ui/SmoothScroll.tsx
+++ b/src/components/ui/SmoothScroll.tsx
@@ -1,11 +1,12 @@
-import React, { useEffect } from 'react';
-import Lenis from 'lenis';
+import type React from "react";
+import { useEffect } from "react";
+import Lenis from "lenis";
export const SmoothScroll: React.FC<{ children: React.ReactNode }> = ({ children }) => {
useEffect(() => {
const lenis = new Lenis({
duration: 1.2,
- easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
+ easing: t => Math.min(1, 1.001 - 2 ** (-10 * t)),
smoothWheel: true,
touchMultiplier: 2,
});
diff --git a/src/components/ui/StaggeredMenu.tsx b/src/components/ui/StaggeredMenu.tsx
index b344fb8..a2c415e 100644
--- a/src/components/ui/StaggeredMenu.tsx
+++ b/src/components/ui/StaggeredMenu.tsx
@@ -1,7 +1,9 @@
-import React, { useRef, useEffect } from 'react';
-import { gsap } from 'gsap';
-import { X, Github, Linkedin, Mail, Instagram } from 'lucide-react';
-import GlassSurface from './GlassSurface';
+import type React from "react";
+import { useEffect, useRef } from "react";
+import { gsap } from "gsap";
+import { Github, Instagram, Linkedin, Mail, X } from "lucide-react";
+import { contactData } from "@/config/site";
+import GlassSurface from "./GlassSurface";
interface StaggeredMenuItem {
label: string;
@@ -19,7 +21,7 @@ const StaggeredMenu: React.FC = ({
items,
isOpen,
onClose,
- className = '',
+ className = "",
}) => {
const menuRef = useRef(null);
const layersRef = useRef([]);
@@ -30,37 +32,42 @@ const StaggeredMenu: React.FC = ({
if (isOpen) {
// Open Animation
timeline.current = gsap.timeline();
-
+
timeline.current.to(layersRef.current, {
xPercent: 0,
duration: 0.6,
stagger: 0.1,
- ease: 'expo.inOut'
+ ease: "expo.inOut",
});
- timeline.current.fromTo(contentRef.current?.querySelectorAll('.menu-item') || [],
+ timeline.current.fromTo(
+ contentRef.current?.querySelectorAll(".menu-item") || [],
{ y: 30, opacity: 0 },
- { y: 0, opacity: 1, duration: 0.4, stagger: 0.08, ease: 'power3.out' },
+ { y: 0, opacity: 1, duration: 0.4, stagger: 0.08, ease: "power3.out" },
"-=0.3"
);
} else {
// Close Animation
const tl = gsap.timeline();
- tl.to(contentRef.current?.querySelectorAll('.menu-item') || [], {
+ tl.to(contentRef.current?.querySelectorAll(".menu-item") || [], {
y: 20,
opacity: 0,
duration: 0.3,
stagger: 0.05,
- ease: 'power2.in'
+ ease: "power2.in",
});
- tl.to(layersRef.current, {
- xPercent: 100,
- duration: 0.6,
- stagger: -0.08,
- ease: 'expo.inOut'
- }, "-=0.2");
+ tl.to(
+ layersRef.current,
+ {
+ xPercent: 100,
+ duration: 0.6,
+ stagger: -0.08,
+ ease: "expo.inOut",
+ },
+ "-=0.2"
+ );
}
}, [isOpen]);
@@ -70,12 +77,14 @@ const StaggeredMenu: React.FC = ({
}, []);
return (
-
+
{/* Underlay Layers */}
- {[ '#f97316', '#000'].map((color, index) => (
+ {["#f97316", "#000"].map((color, index) => (
{
+ key={color}
+ ref={el => {
if (el) layersRef.current[index] = el;
}}
className="fixed inset-0 z-[80]"
@@ -86,7 +95,7 @@ const StaggeredMenu: React.FC
= ({
{/* Menu Content with Glass Effect */}
= ({
brightness={20}
distortionScale={-200}
>
-
+
-
+
@@ -106,7 +123,7 @@ const StaggeredMenu: React.FC
= ({
{items.map((item, idx) => (
= ({
diff --git a/src/components/ui/motion-components.tsx b/src/components/ui/motion-components.tsx
index 25d8ae2..775cc0d 100644
--- a/src/components/ui/motion-components.tsx
+++ b/src/components/ui/motion-components.tsx
@@ -1,5 +1,5 @@
-import React from "react";
-import { motion, HTMLMotionProps } from "framer-motion";
+import type React from "react";
+import { motion, type HTMLMotionProps } from "framer-motion";
// --- FadeInStagger ---
// Context for staggered animations of children
@@ -39,11 +39,7 @@ export const FadeInStagger: React.FC
= ({
// --- FadeInItem ---
// Child item that fades in (upwards by default)
-export const FadeInItem: React.FC> = ({
- children,
- className,
- ...props
-}) => {
+export const FadeInItem: React.FC> = ({ children, className, ...props }) => {
const itemVariants = {
hidden: { opacity: 0, y: 20 },
visible: {
@@ -82,6 +78,17 @@ export const TextReveal: React.FC = ({
delay = 0,
}) => {
const segments = mode === "word" ? text.split(" ") : Array.from(text);
+ const segmentCounts = new Map();
+ const keyedSegments = segments.map(segment => {
+ const normalizedSegment = segment === " " ? "space" : segment;
+ const occurrence = (segmentCounts.get(normalizedSegment) ?? 0) + 1;
+ segmentCounts.set(normalizedSegment, occurrence);
+
+ return {
+ key: `${mode}-${normalizedSegment}-${occurrence}`,
+ value: segment,
+ };
+ });
const containerVariants = {
hidden: {},
@@ -114,19 +121,16 @@ export const TextReveal: React.FC = ({
viewport={{ once: true }}
style={{ display: "inline-block", overflow: "hidden" }} // Overflow hidden for clean "slide up" effect
>
- {segments.map((segment, i) => (
+ {keyedSegments.map(({ key, value }) => (
-
- {segment}
+
+ {value}
))}
diff --git a/src/components/ui/scroll-animation.tsx b/src/components/ui/scroll-animation.tsx
index 93d1ebf..ec43a64 100644
--- a/src/components/ui/scroll-animation.tsx
+++ b/src/components/ui/scroll-animation.tsx
@@ -1,5 +1,5 @@
-import React from "react";
-import { motion, HTMLMotionProps, Variants } from "framer-motion";
+import type React from "react";
+import { motion, type HTMLMotionProps, type Variants } from "framer-motion";
interface ScrollAnimationProps extends HTMLMotionProps<"div"> {
children: React.ReactNode;
diff --git a/src/components/ui/sonner.tsx b/src/components/ui/sonner.tsx
index d77414c..a23d917 100644
--- a/src/components/ui/sonner.tsx
+++ b/src/components/ui/sonner.tsx
@@ -1,4 +1,4 @@
-import { Toaster as Sonner, toast } from "sonner";
+import { Toaster as Sonner } from "sonner";
type ToasterProps = React.ComponentProps;
@@ -21,4 +21,5 @@ const Toaster = ({ ...props }: ToasterProps) => {
);
};
-export { Toaster, toast };
+export { toast } from "sonner";
+export { Toaster };
diff --git a/src/index.css b/src/index.css
index d6a66b9..fd85250 100644
--- a/src/index.css
+++ b/src/index.css
@@ -33,16 +33,16 @@
@layer utilities {
.font-pixel {
- font-family: var(--font-pixel-display) !important;
+ font-family: var(--font-pixel-display);
}
.font-silkscreen {
- font-family: var(--font-pixel-tech) !important;
+ font-family: var(--font-pixel-tech);
}
.font-hero-pixel,
.font-vt {
- font-family: var(--font-pixel-display) !important;
+ font-family: var(--font-pixel-display);
}
.type-raster-hero {
@@ -80,11 +80,6 @@
.type-body-lg {
@apply font-sans tracking-[0.01em] leading-[1.6] text-stone-600;
}
-
- .outlined-title-mobile-solid {
- overflow-wrap: normal;
- word-break: normal;
- }
}
.modular-grid {
@@ -114,14 +109,6 @@
perspective: 1000px;
}
-@media (max-width: 639px) {
- .outlined-title-mobile-solid {
- color: #000 !important;
- -webkit-text-stroke: 0 !important;
- text-shadow: none;
- }
-}
-
@layer components {
.pixel-border {
@apply shadow-[4px_0_0_0_#000,-4px_0_0_0_#000,0_4px_0_0_0_#000,0_-4px_0_0_0_#000];
diff --git a/src/styles/markdown.css b/src/styles/markdown.css
index bc71422..13a686e 100644
--- a/src/styles/markdown.css
+++ b/src/styles/markdown.css
@@ -90,7 +90,6 @@
/* ---- Code blocks (Astro/Shiki) ---- */
[data-markdown-content] pre {
- background-color: #0d1117 !important;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 1.25rem 1.5rem;
@@ -99,16 +98,14 @@
position: relative;
}
-[data-markdown-content] pre > code,
-[data-markdown-content] .astro-code {
- background: transparent !important;
- color: #e6edf3 !important;
- font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace !important;
- font-size: 0.875rem !important;
- line-height: 1.7 !important;
- padding: 0 !important;
- border: none !important;
- border-radius: 0 !important;
+[data-markdown-content] pre > code {
+ background: transparent;
+}
+
+[data-markdown-content] pre.astro-code {
+ font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
+ font-size: 0.875rem;
+ line-height: 1.7;
}
/* Language label */
@@ -304,7 +301,7 @@
margin-right: -0.5rem;
}
- [data-markdown-content] .astro-code {
- font-size: 0.8125rem !important;
+ [data-markdown-content] pre.astro-code {
+ font-size: 0.8125rem;
}
}
diff --git a/src/test/e2e/blog.spec.ts b/src/test/e2e/blog.spec.ts
index 1740981..338133d 100644
--- a/src/test/e2e/blog.spec.ts
+++ b/src/test/e2e/blog.spec.ts
@@ -1,54 +1,63 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from "@playwright/test";
-test.describe('Fluxo do Blog', () => {
+test.describe("Fluxo do Blog", () => {
test.beforeEach(async ({ page }) => {
- await page.goto('/blog');
+ await page.goto("/blog");
});
- test('Deve listar os posts do blog e permitir navegação para um post especĂfico', async ({ page }) => {
+ test("Deve listar os posts do blog e permitir navegação para um post especĂfico", async ({
+ page,
+ }) => {
// Verifica tĂtulo da pĂĄgina
- await expect(page.locator('h1')).toContainText(/Blog/i);
+ await expect(page.locator("h1").first()).toContainText(/INSIGHTS/i);
// Espera os posts carregarem (lazy loading)
- const blogCards = page.locator('article');
- await blogCards.first().waitFor({ state: 'visible', timeout: 15000 });
+ const blogCards = page.locator("article");
+ await blogCards.first().waitFor({ state: "visible", timeout: 15000 });
await expect(blogCards.first()).toBeVisible();
-
+
const initialCount = await blogCards.count();
expect(initialCount).toBeGreaterThan(0);
// Pega o tĂtulo do primeiro post para comparar depois
- const firstPostTitle = await blogCards.first().locator('h3').textContent();
-
- // Clica no link "Ler mais" ou no card
- await blogCards.first().click();
+ const firstPostTitle = await blogCards.first().locator("h2").textContent();
+
+ const postLink = blogCards.first().getByRole("link", { name: /Ler/i });
+ const postHref = await postLink.getAttribute("href");
+ expect(postHref).toMatch(/^\/blog\/.+/);
+ if (!postHref) {
+ throw new Error("O link do post nao foi encontrado");
+ }
+ await page.goto(postHref);
// Verifica se a URL mudou para o slug do post
await expect(page).toHaveURL(/.*blog\/.+/);
// Verifica se o tĂtulo do post na pĂĄgina interna corresponde ao da lista
if (firstPostTitle) {
- await expect(page.locator('h1')).toContainText(firstPostTitle.trim());
+ await expect(page.locator("h1").first()).toContainText(firstPostTitle.trim());
}
// Verifica presença de metatags de SEO para o post
- const canonical = await page.getAttribute('link[rel="canonical"]', 'href');
- expect(canonical).toContain('/blog/');
+ const canonical = await page.getAttribute('link[rel="canonical"]', "href");
+ expect(canonical).toContain("/blog/");
});
- test('Deve permitir voltar da pĂĄgina do post para a listagem', async ({ page }) => {
- const blogCard = page.locator('article').first();
+ test("Deve permitir voltar da pĂĄgina do post para a listagem", async ({ page }) => {
+ const blogCard = page.locator("article").first();
await blogCard.click();
// BotĂŁo de voltar (deve existir na pĂĄgina de post)
- const backButton = page.getByRole('link', { name: /Voltar para o blog/i }).or(page.getByRole('link', { name: /posts/i }));
+ const backButton = page
+ .getByRole("link", { name: /Voltar para o blog/i })
+ .or(page.getByRole("link", { name: /posts/i }));
await backButton.first().click();
await expect(page).toHaveURL(/.*blog$/);
});
- test('Deve exibir erro 404 para posts inexistentes', async ({ page }) => {
- await page.goto('/blog/post-que-nao-existe');
+ test("Deve exibir erro 404 para posts inexistentes", async ({ page }) => {
+ await page.goto("/blog/post-que-nao-existe");
await expect(page.getByText(/404/i).or(page.getByText(/PĂĄgina nĂŁo encontrada/i))).toBeVisible();
});
});
diff --git a/src/test/e2e/home.spec.ts b/src/test/e2e/home.spec.ts
index b7720fd..9ba7421 100644
--- a/src/test/e2e/home.spec.ts
+++ b/src/test/e2e/home.spec.ts
@@ -1,57 +1,48 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from "@playwright/test";
-test.describe('Navegação Principal', () => {
-
- test('Deve carregar a pĂĄgina inicial corretamente e as meta tags do mercado BR', async ({ page }) => {
- await page.goto('/');
+test.describe("Navegação Principal", () => {
+ test("Deve carregar a pĂĄgina inicial corretamente e as meta tags do mercado BR", async ({
+ page,
+ }) => {
+ await page.goto("/");
// Verifica o tĂtulo e se a Hero Section renderizou
- await expect(page).toHaveTitle(/Developer Bruno/i);
- await expect(page.locator('h1').first()).toBeVisible();
+ await expect(page).toHaveTitle(/Bruno GuimarĂŁes/i);
+ await expect(page.locator("h1").first()).toBeVisible();
// Testa a transição (Lazy Loading e Router) para a pågina do Blog
- const linkBlog = page.getByRole('link', { name: /Blog/i }).first();
+ const linkBlog = page.getByRole("link", { name: /POSTS/i }).first();
await linkBlog.click();
await expect(page).toHaveURL(/.*blog/);
- await expect(page.locator('h1').first()).toContainText(/Blog/i);
+ await expect(page.locator("h1").first()).toContainText(/INSIGHTS/i);
});
- test('Deve exibir a seção de contato com os links sociais dinùmicos', async ({ page }) => {
- await page.goto('/#contact');
-
- // Checa pelo headline principal usando toContainText no container pai para lidar com TextReveal (letras fragmentadas)
- const contactSection = page.locator('#contact');
- await expect(contactSection).toContainText(/PRONTO PARA/i);
- await expect(contactSection).toContainText(/CONSTRUIR/i);
- await expect(contactSection).toContainText(/JUNTOS?/i);
+ test("Deve exibir a seção de contato com os links sociais dinùmicos", async ({ page }) => {
+ await page.goto("/#contact");
- // Valida se o bloco CANAL_ABERTO estĂĄ presente
- await expect(page.getByText('CANAL_ABERTO')).toBeVisible();
+ // Checa o CTA real exibido na landing atual
+ const contactSection = page.locator("#contact");
+ await expect(contactSection).toContainText(/Ready to start a project\?/i);
+ await expect(contactSection).toContainText(/LET'S_TALK/i);
- // Verifica presença de pelo menos um link/botão contendo texto comum nos sociais
- const githubLink = page.getByRole('link').filter({ hasText: /@bru\.guim/i }).first();
- if(await githubLink.isVisible()) {
- await expect(githubLink).toHaveAttribute('target', '_blank');
- }
+ const contactLink = contactSection.getByRole("link", { name: /LET'S_TALK/i });
+ await expect(contactLink).toHaveAttribute("href", /mailto:/i);
});
- test('Deve alterar o estado da navegação e seçÔes ao fazer scroll', async ({ page }) => {
- await page.goto('/');
-
- const nav = page.locator('nav').first();
-
- // Inicialmente no topo, a navbar pode ser transparente ou ter certa classe
- // No cĂłdigo, ela ganha fundo 'bg-stone-50/80 backdrop-blur-md' ao scrollar
-
+
+ test("Deve alterar o estado da navegação e seçÔes ao fazer scroll", async ({ page }) => {
+ await page.goto("/");
+
+ const nav = page.locator("nav").first();
+ await expect(nav).toBeVisible();
+
await page.mouse.wheel(0, 500);
-
- // Verifica se a classe de scroll foi aplicada (ou se o estilo mudou)
- // No componente Navigation.tsx: isScrolled ? 'py-4' : 'py-6'
- await expect(nav).toHaveClass(/py-4/);
-
- await page.goto('/#projects');
- const projectsLink = page.getByRole('link', { name: /projetos/i }).first();
- // O link ativo ganha fundo parakeet (bg-parakeet) e texto branco
- await expect(projectsLink).toHaveClass(/bg-parakeet/);
+
+ const projectsLink = page.getByRole("link", { name: /PROJETOS/i }).first();
+ await expect(projectsLink).toHaveAttribute("href", /#projetos$/i);
+
+ await projectsLink.click();
+ await expect(page).toHaveURL(/#projetos$/i);
+ await expect(page.getByText(/SELECTED_WORKS/i)).toBeVisible();
});
});
diff --git a/src/test/setup.ts b/src/test/setup.ts
index e3cfadb..a54ad27 100644
--- a/src/test/setup.ts
+++ b/src/test/setup.ts
@@ -1,5 +1,5 @@
-import '@testing-library/jest-dom';
-import { vi } from 'vitest';
+import "@testing-library/jest-dom";
+import { vi } from "vitest";
// Mock de IntersectionObserver
class IntersectionObserverMock {
@@ -12,10 +12,10 @@ class IntersectionObserverMock {
takeRecords = vi.fn(() => []);
}
-Object.defineProperty(window, 'IntersectionObserver', {
+Object.defineProperty(window, "IntersectionObserver", {
writable: true,
configurable: true,
- value: IntersectionObserverMock
+ value: IntersectionObserverMock,
});
// Mock de ResizeObserver (necessĂĄrio para GlassSurface e outros componentes dinĂąmicos)
@@ -25,33 +25,63 @@ class ResizeObserverMock {
disconnect = vi.fn();
}
-Object.defineProperty(window, 'ResizeObserver', {
+Object.defineProperty(window, "ResizeObserver", {
writable: true,
configurable: true,
- value: ResizeObserverMock
+ value: ResizeObserverMock,
});
// Mock de Framer Motion robusto
-vi.mock('framer-motion', async () => {
- const React = await import('react');
-
- const motionProxy = new Proxy({}, {
- get: (_target, key) => {
- return React.forwardRef(({ children, ...props }: React.HTMLAttributes, ref: React.Ref) => {
- return React.createElement(key as string, { ...props, ref }, children);
- });
+vi.mock("framer-motion", async () => {
+ const React = await import("react");
+ const motionPropNames = new Set([
+ "animate",
+ "exit",
+ "initial",
+ "layout",
+ "layoutId",
+ "transition",
+ "variants",
+ "viewport",
+ "whileDrag",
+ "whileFocus",
+ "whileHover",
+ "whileInView",
+ "whileTap",
+ ]);
+
+ const motionProxy = new Proxy(
+ {},
+ {
+ get: (_target, key) => {
+ return React.forwardRef(
+ (
+ { children, ...props }: React.HTMLAttributes,
+ ref: React.Ref
+ ) => {
+ const forwardedProps = Object.fromEntries(
+ Object.entries(props).filter(([propName]) => !motionPropNames.has(propName))
+ );
+
+ return React.createElement(key as string, { ...forwardedProps, ref }, children);
+ }
+ );
+ },
}
- });
+ );
return {
motion: motionProxy,
AnimatePresence: ({ children }: { children: React.ReactNode }) => children,
useScroll: () => ({
scrollY: { get: () => 0, onChange: vi.fn(), on: vi.fn() },
- scrollYProgress: { get: () => 0, onChange: vi.fn(), on: vi.fn() }
+ scrollYProgress: { get: () => 0, onChange: vi.fn(), on: vi.fn() },
}),
useTransform: () => ({ get: () => 0 }),
- useSpring: (value: unknown, config?: { damping?: number; stiffness?: number }) => ({ get: () => 0, set: vi.fn() }),
+ useSpring: (_value: unknown, _config?: { damping?: number; stiffness?: number }) => ({
+ get: () => 0,
+ set: vi.fn(),
+ }),
useMotionValue: (initial?: number | string) => ({ get: () => initial ?? 0, set: vi.fn() }),
useInView: () => true, // Hook crĂtico para ScrollReveal e Contact
useAnimation: () => ({
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
deleted file mode 100644
index 0fc86d3..0000000
--- a/test-results/.last-run.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
- "status": "failed",
- "failedTests": [
- "a378e5ce917615b4b643-b668c18b2a61b34c3d95",
- "a378e5ce917615b4b643-2a8bbfc5a4964764c6b1",
- "a378e5ce917615b4b643-19f4e1fd2a94bf9baa22",
- "d318381359a9b96acb1e-7137b447005561548ed3",
- "d318381359a9b96acb1e-fa641c6dab6ff1edfc1d",
- "d318381359a9b96acb1e-d6ee76eda53a6e77c3b0"
- ]
-}
\ No newline at end of file
diff --git a/test-results/blog-Fluxo-do-Blog-Deve-ex-2bde9-404-para-posts-inexistentes-chromium/error-context.md b/test-results/blog-Fluxo-do-Blog-Deve-ex-2bde9-404-para-posts-inexistentes-chromium/error-context.md
deleted file mode 100644
index 6272f6e..0000000
--- a/test-results/blog-Fluxo-do-Blog-Deve-ex-2bde9-404-para-posts-inexistentes-chromium/error-context.md
+++ /dev/null
@@ -1,111 +0,0 @@
-# Page snapshot
-
-```yaml
-- generic [ref=e2]:
- - region "Notifications (F8)":
- - list
- - region "Notifications alt+T"
- - generic [ref=e3]:
- - navigation [ref=e4]:
- - generic [ref=e5]:
- - link "BG Bruno GuimarĂŁes DEV_FRONTEND" [ref=e6] [cursor=pointer]:
- - /url: /
- - generic [ref=e8]: BG
- - generic [ref=e9]:
- - generic [ref=e10]: Bruno GuimarĂŁes
- - generic [ref=e11]:
- - img [ref=e12]
- - text: DEV_FRONTEND
- - generic [ref=e14]:
- - link "//INĂCIO" [ref=e15] [cursor=pointer]:
- - /url: /
- - link "//SOBRE" [ref=e16] [cursor=pointer]:
- - /url: "#about"
- - link "//SKILLS" [ref=e17] [cursor=pointer]:
- - /url: "#skills"
- - link "//PROJETOS" [ref=e18] [cursor=pointer]:
- - /url: "#projects"
- - link "//BLOG" [ref=e19] [cursor=pointer]:
- - /url: /blog
- - link "//ANTIGRAVITY" [ref=e20] [cursor=pointer]:
- - /url: /antigravity
- - link "//CONTATO" [ref=e21] [cursor=pointer]:
- - /url: "#contact"
- - main [ref=e22]:
- - status "Carregando posts do blog" [ref=e23]
- - contentinfo [ref=e61]:
- - generic [ref=e65]:
- - generic [ref=e66]:
- - link "BG Bruno GuimarĂŁes FRONT-END ENGINEER" [ref=e67] [cursor=pointer]:
- - /url: /
- - generic [ref=e69]: BG
- - generic [ref=e70]:
- - generic [ref=e71]: Bruno GuimarĂŁes
- - generic [ref=e72]: FRONT-END ENGINEER
- - paragraph [ref=e73]:
- - text: Transformando ideias em interfaces
- - text: pixel-perfect de alta performance.
- - generic [ref=e74]:
- - link "GitHub" [ref=e75] [cursor=pointer]:
- - /url: https://github.com/devguimaraes
- - img [ref=e76]
- - link "LinkedIn" [ref=e79] [cursor=pointer]:
- - /url: https://linkedin.com/in/devguimaraes
- - img [ref=e80]
- - link "Instagram" [ref=e84] [cursor=pointer]:
- - /url: https://www.instagram.com/brunoguimraes/
- - img [ref=e85]
- - link "Email" [ref=e88] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - img [ref=e89]
- - generic [ref=e93]:
- - generic [ref=e94]:
- - img [ref=e95]
- - generic [ref=e97]: NAVIGATION.SH
- - generic [ref=e98]:
- - link "01. InĂcio" [ref=e99] [cursor=pointer]:
- - /url: "#hero"
- - generic [ref=e100]: "01."
- - generic [ref=e101]: InĂcio
- - link "02. Sobre" [ref=e102] [cursor=pointer]:
- - /url: "#about"
- - generic [ref=e103]: "02."
- - generic [ref=e104]: Sobre
- - link "03. Skills" [ref=e105] [cursor=pointer]:
- - /url: "#skills"
- - generic [ref=e106]: "03."
- - generic [ref=e107]: Skills
- - link "04. Projetos" [ref=e108] [cursor=pointer]:
- - /url: "#projects"
- - generic [ref=e109]: "04."
- - generic [ref=e110]: Projetos
- - link "05. Contato" [ref=e111] [cursor=pointer]:
- - /url: "#contact"
- - generic [ref=e112]: "05."
- - generic [ref=e113]: Contato
- - generic [ref=e115]:
- - generic [ref=e116]:
- - img [ref=e117]
- - generic [ref=e119]: SYSTEM_STATUS
- - generic [ref=e120]:
- - generic [ref=e121]:
- - generic [ref=e122]: SERVIDOR
- - generic [ref=e123]: ONLINE
- - generic [ref=e125]:
- - generic [ref=e126]: VERSĂO
- - generic [ref=e127]: v4.0.0
- - generic [ref=e128]:
- - generic [ref=e129]: DISPONĂVEL
- - generic [ref=e130]: PROJETOS
- - link "INICIAR_CONTATO â" [ref=e131] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - generic [ref=e134]:
- - paragraph [ref=e135]: © 2026 Bruno Guimarães. Todos os direitos reservados.
- - paragraph [ref=e136]:
- - text: Feito com
- - img [ref=e137]
- - text: e muito café
- - generic [ref=e139]:
- - generic [ref=e140]: RIO DE JANEIRO, BR
- - generic [ref=e141]: 22.9068° S, 43.1729° W
-```
\ No newline at end of file
diff --git "a/test-results/blog-Fluxo-do-Blog-Deve-li-52c2b-\303\247\303\243o-para-um-post-espec\303\255fico-chromium/error-context.md" "b/test-results/blog-Fluxo-do-Blog-Deve-li-52c2b-\303\247\303\243o-para-um-post-espec\303\255fico-chromium/error-context.md"
deleted file mode 100644
index 2e3f339..0000000
--- "a/test-results/blog-Fluxo-do-Blog-Deve-li-52c2b-\303\247\303\243o-para-um-post-espec\303\255fico-chromium/error-context.md"
+++ /dev/null
@@ -1,202 +0,0 @@
-# Page snapshot
-
-```yaml
-- generic [ref=e2]:
- - region "Notifications (F8)":
- - list
- - region "Notifications alt+T"
- - generic [ref=e3]:
- - navigation [ref=e4]:
- - generic [ref=e5]:
- - link "BG Bruno GuimarĂŁes DEV_FRONTEND" [ref=e6] [cursor=pointer]:
- - /url: /
- - generic [ref=e8]: BG
- - generic [ref=e9]:
- - generic [ref=e10]: Bruno GuimarĂŁes
- - generic [ref=e11]:
- - img [ref=e12]
- - text: DEV_FRONTEND
- - generic [ref=e14]:
- - link "//INĂCIO" [ref=e15] [cursor=pointer]:
- - /url: /
- - link "//SOBRE" [ref=e16] [cursor=pointer]:
- - /url: "#about"
- - link "//SKILLS" [ref=e17] [cursor=pointer]:
- - /url: "#skills"
- - link "//PROJETOS" [ref=e18] [cursor=pointer]:
- - /url: "#projects"
- - link "//BLOG" [ref=e19] [cursor=pointer]:
- - /url: /blog
- - text: //BLOG
- - link "//ANTIGRAVITY" [ref=e21] [cursor=pointer]:
- - /url: /antigravity
- - link "//CONTATO" [ref=e22] [cursor=pointer]:
- - /url: "#contact"
- - main [ref=e23]:
- - generic [ref=e24]:
- - generic [ref=e27]:
- - generic [ref=e28]:
- - generic [ref=e29]:
- - img [ref=e30]
- - text: ~/DOCUMENTS/BLOG
- - heading "TODOS OS INSIGHTS" [level=2] [ref=e32]:
- - text: TODOS OS
- - text: INSIGHTS
- - paragraph [ref=e33]: Biblioteca completa de conhecimentos técnicos e reflexÔes sobre desenvolvimento web.
- - generic [ref=e35]:
- - article [ref=e36]:
- - generic [ref=e38]: shai-hulud-detector.md
- - generic [ref=e42]:
- - generic [ref=e43]:
- - generic [ref=e44]:
- - img [ref=e45]
- - text: 25 NOV 2025
- - generic [ref=e47]:
- - img [ref=e48]
- - text: 4 min
- - 'heading "Shai-Hulud 2 Detector TS: Proteja seu Projeto NPM" [level=3] [ref=e51]'
- - paragraph [ref=e52]: Um script TypeScript para detectar pacotes comprometidos pelo ataque Shai-Hulud 2.0 em projetos Node.js.
- - generic [ref=e53]:
- - generic [ref=e54]:
- - generic [ref=e55]: Segurança
- - generic [ref=e56]: NPM
- - link "LER ARQUIVO" [ref=e57] [cursor=pointer]:
- - /url: /blog/shai-hulud-detector
- - text: LER ARQUIVO
- - img [ref=e58]
- - article [ref=e62]:
- - generic [ref=e64]: react-server-components.md
- - generic [ref=e68]:
- - generic [ref=e69]:
- - generic [ref=e70]:
- - img [ref=e71]
- - text: 20 NOV 2025
- - generic [ref=e73]:
- - img [ref=e74]
- - text: 5 min
- - 'heading "React Server Components: O Futuro do React" [level=3] [ref=e77]'
- - paragraph [ref=e78]: Descubra como React Server Components estĂŁo revolucionando a forma como construĂmos aplicaçÔes web modernas.
- - generic [ref=e79]:
- - generic [ref=e80]:
- - generic [ref=e81]: React
- - generic [ref=e82]: Server Components
- - link "LER ARQUIVO" [ref=e83] [cursor=pointer]:
- - /url: /blog/react-server-components
- - text: LER ARQUIVO
- - img [ref=e84]
- - article [ref=e88]:
- - generic [ref=e90]: typescript-performance.md
- - generic [ref=e94]:
- - generic [ref=e95]:
- - generic [ref=e96]:
- - img [ref=e97]
- - text: 18 NOV 2025
- - generic [ref=e99]:
- - img [ref=e100]
- - text: 6 min
- - 'heading "TypeScript Performance: OtimizaçÔes Avançadas" [level=3] [ref=e103]'
- - paragraph [ref=e104]: Técnicas avançadas para melhorar a performance de compilação e runtime em projetos TypeScript.
- - generic [ref=e105]:
- - generic [ref=e106]:
- - generic [ref=e107]: TypeScript
- - generic [ref=e108]: Performance
- - link "LER ARQUIVO" [ref=e109] [cursor=pointer]:
- - /url: /blog/typescript-performance
- - text: LER ARQUIVO
- - img [ref=e110]
- - article [ref=e114]:
- - generic [ref=e116]: css-grid-moderno.md
- - generic [ref=e120]:
- - generic [ref=e121]:
- - generic [ref=e122]:
- - img [ref=e123]
- - text: 15 NOV 2025
- - generic [ref=e125]:
- - img [ref=e126]
- - text: 5 min
- - 'heading "CSS Grid Moderno: Técnicas Avançadas de Layout" [level=3] [ref=e129]'
- - paragraph [ref=e130]: Domine CSS Grid com técnicas modernas para criar layouts responsivos e complexos sem media queries.
- - generic [ref=e131]:
- - generic [ref=e132]:
- - generic [ref=e133]: CSS
- - generic [ref=e134]: Grid
- - link "LER ARQUIVO" [ref=e135] [cursor=pointer]:
- - /url: /blog/css-grid-moderno
- - text: LER ARQUIVO
- - img [ref=e136]
- - contentinfo [ref=e140]:
- - generic [ref=e144]:
- - generic [ref=e145]:
- - link "BG Bruno GuimarĂŁes FRONT-END ENGINEER" [ref=e146] [cursor=pointer]:
- - /url: /
- - generic [ref=e148]: BG
- - generic [ref=e149]:
- - generic [ref=e150]: Bruno GuimarĂŁes
- - generic [ref=e151]: FRONT-END ENGINEER
- - paragraph [ref=e152]:
- - text: Transformando ideias em interfaces
- - text: pixel-perfect de alta performance.
- - generic [ref=e153]:
- - link "GitHub" [ref=e154] [cursor=pointer]:
- - /url: https://github.com/devguimaraes
- - img [ref=e155]
- - link "LinkedIn" [ref=e158] [cursor=pointer]:
- - /url: https://linkedin.com/in/devguimaraes
- - img [ref=e159]
- - link "Instagram" [ref=e163] [cursor=pointer]:
- - /url: https://www.instagram.com/brunoguimraes/
- - img [ref=e164]
- - link "Email" [ref=e167] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - img [ref=e168]
- - generic [ref=e172]:
- - generic [ref=e173]:
- - img [ref=e174]
- - generic [ref=e176]: NAVIGATION.SH
- - generic [ref=e177]:
- - link "01. InĂcio" [ref=e178] [cursor=pointer]:
- - /url: "#hero"
- - generic [ref=e179]: "01."
- - generic [ref=e180]: InĂcio
- - link "02. Sobre" [ref=e181] [cursor=pointer]:
- - /url: "#about"
- - generic [ref=e182]: "02."
- - generic [ref=e183]: Sobre
- - link "03. Skills" [ref=e184] [cursor=pointer]:
- - /url: "#skills"
- - generic [ref=e185]: "03."
- - generic [ref=e186]: Skills
- - link "04. Projetos" [ref=e187] [cursor=pointer]:
- - /url: "#projects"
- - generic [ref=e188]: "04."
- - generic [ref=e189]: Projetos
- - link "05. Contato" [ref=e190] [cursor=pointer]:
- - /url: "#contact"
- - generic [ref=e191]: "05."
- - generic [ref=e192]: Contato
- - generic [ref=e194]:
- - generic [ref=e195]:
- - img [ref=e196]
- - generic [ref=e198]: SYSTEM_STATUS
- - generic [ref=e199]:
- - generic [ref=e200]:
- - generic [ref=e201]: SERVIDOR
- - generic [ref=e202]: ONLINE
- - generic [ref=e204]:
- - generic [ref=e205]: VERSĂO
- - generic [ref=e206]: v4.0.0
- - generic [ref=e207]:
- - generic [ref=e208]: DISPONĂVEL
- - generic [ref=e209]: PROJETOS
- - link "INICIAR_CONTATO â" [ref=e210] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - generic [ref=e213]:
- - paragraph [ref=e214]: © 2026 Bruno Guimarães. Todos os direitos reservados.
- - paragraph [ref=e215]:
- - text: Feito com
- - img [ref=e216]
- - text: e muito café
- - generic [ref=e218]:
- - generic [ref=e219]: RIO DE JANEIRO, BR
- - generic [ref=e220]: 22.9068° S, 43.1729° W
-```
\ No newline at end of file
diff --git a/test-results/blog-Fluxo-do-Blog-Deve-pe-e667b-ina-do-post-para-a-listagem-chromium/error-context.md b/test-results/blog-Fluxo-do-Blog-Deve-pe-e667b-ina-do-post-para-a-listagem-chromium/error-context.md
deleted file mode 100644
index 2e3f339..0000000
--- a/test-results/blog-Fluxo-do-Blog-Deve-pe-e667b-ina-do-post-para-a-listagem-chromium/error-context.md
+++ /dev/null
@@ -1,202 +0,0 @@
-# Page snapshot
-
-```yaml
-- generic [ref=e2]:
- - region "Notifications (F8)":
- - list
- - region "Notifications alt+T"
- - generic [ref=e3]:
- - navigation [ref=e4]:
- - generic [ref=e5]:
- - link "BG Bruno GuimarĂŁes DEV_FRONTEND" [ref=e6] [cursor=pointer]:
- - /url: /
- - generic [ref=e8]: BG
- - generic [ref=e9]:
- - generic [ref=e10]: Bruno GuimarĂŁes
- - generic [ref=e11]:
- - img [ref=e12]
- - text: DEV_FRONTEND
- - generic [ref=e14]:
- - link "//INĂCIO" [ref=e15] [cursor=pointer]:
- - /url: /
- - link "//SOBRE" [ref=e16] [cursor=pointer]:
- - /url: "#about"
- - link "//SKILLS" [ref=e17] [cursor=pointer]:
- - /url: "#skills"
- - link "//PROJETOS" [ref=e18] [cursor=pointer]:
- - /url: "#projects"
- - link "//BLOG" [ref=e19] [cursor=pointer]:
- - /url: /blog
- - text: //BLOG
- - link "//ANTIGRAVITY" [ref=e21] [cursor=pointer]:
- - /url: /antigravity
- - link "//CONTATO" [ref=e22] [cursor=pointer]:
- - /url: "#contact"
- - main [ref=e23]:
- - generic [ref=e24]:
- - generic [ref=e27]:
- - generic [ref=e28]:
- - generic [ref=e29]:
- - img [ref=e30]
- - text: ~/DOCUMENTS/BLOG
- - heading "TODOS OS INSIGHTS" [level=2] [ref=e32]:
- - text: TODOS OS
- - text: INSIGHTS
- - paragraph [ref=e33]: Biblioteca completa de conhecimentos técnicos e reflexÔes sobre desenvolvimento web.
- - generic [ref=e35]:
- - article [ref=e36]:
- - generic [ref=e38]: shai-hulud-detector.md
- - generic [ref=e42]:
- - generic [ref=e43]:
- - generic [ref=e44]:
- - img [ref=e45]
- - text: 25 NOV 2025
- - generic [ref=e47]:
- - img [ref=e48]
- - text: 4 min
- - 'heading "Shai-Hulud 2 Detector TS: Proteja seu Projeto NPM" [level=3] [ref=e51]'
- - paragraph [ref=e52]: Um script TypeScript para detectar pacotes comprometidos pelo ataque Shai-Hulud 2.0 em projetos Node.js.
- - generic [ref=e53]:
- - generic [ref=e54]:
- - generic [ref=e55]: Segurança
- - generic [ref=e56]: NPM
- - link "LER ARQUIVO" [ref=e57] [cursor=pointer]:
- - /url: /blog/shai-hulud-detector
- - text: LER ARQUIVO
- - img [ref=e58]
- - article [ref=e62]:
- - generic [ref=e64]: react-server-components.md
- - generic [ref=e68]:
- - generic [ref=e69]:
- - generic [ref=e70]:
- - img [ref=e71]
- - text: 20 NOV 2025
- - generic [ref=e73]:
- - img [ref=e74]
- - text: 5 min
- - 'heading "React Server Components: O Futuro do React" [level=3] [ref=e77]'
- - paragraph [ref=e78]: Descubra como React Server Components estĂŁo revolucionando a forma como construĂmos aplicaçÔes web modernas.
- - generic [ref=e79]:
- - generic [ref=e80]:
- - generic [ref=e81]: React
- - generic [ref=e82]: Server Components
- - link "LER ARQUIVO" [ref=e83] [cursor=pointer]:
- - /url: /blog/react-server-components
- - text: LER ARQUIVO
- - img [ref=e84]
- - article [ref=e88]:
- - generic [ref=e90]: typescript-performance.md
- - generic [ref=e94]:
- - generic [ref=e95]:
- - generic [ref=e96]:
- - img [ref=e97]
- - text: 18 NOV 2025
- - generic [ref=e99]:
- - img [ref=e100]
- - text: 6 min
- - 'heading "TypeScript Performance: OtimizaçÔes Avançadas" [level=3] [ref=e103]'
- - paragraph [ref=e104]: Técnicas avançadas para melhorar a performance de compilação e runtime em projetos TypeScript.
- - generic [ref=e105]:
- - generic [ref=e106]:
- - generic [ref=e107]: TypeScript
- - generic [ref=e108]: Performance
- - link "LER ARQUIVO" [ref=e109] [cursor=pointer]:
- - /url: /blog/typescript-performance
- - text: LER ARQUIVO
- - img [ref=e110]
- - article [ref=e114]:
- - generic [ref=e116]: css-grid-moderno.md
- - generic [ref=e120]:
- - generic [ref=e121]:
- - generic [ref=e122]:
- - img [ref=e123]
- - text: 15 NOV 2025
- - generic [ref=e125]:
- - img [ref=e126]
- - text: 5 min
- - 'heading "CSS Grid Moderno: Técnicas Avançadas de Layout" [level=3] [ref=e129]'
- - paragraph [ref=e130]: Domine CSS Grid com técnicas modernas para criar layouts responsivos e complexos sem media queries.
- - generic [ref=e131]:
- - generic [ref=e132]:
- - generic [ref=e133]: CSS
- - generic [ref=e134]: Grid
- - link "LER ARQUIVO" [ref=e135] [cursor=pointer]:
- - /url: /blog/css-grid-moderno
- - text: LER ARQUIVO
- - img [ref=e136]
- - contentinfo [ref=e140]:
- - generic [ref=e144]:
- - generic [ref=e145]:
- - link "BG Bruno GuimarĂŁes FRONT-END ENGINEER" [ref=e146] [cursor=pointer]:
- - /url: /
- - generic [ref=e148]: BG
- - generic [ref=e149]:
- - generic [ref=e150]: Bruno GuimarĂŁes
- - generic [ref=e151]: FRONT-END ENGINEER
- - paragraph [ref=e152]:
- - text: Transformando ideias em interfaces
- - text: pixel-perfect de alta performance.
- - generic [ref=e153]:
- - link "GitHub" [ref=e154] [cursor=pointer]:
- - /url: https://github.com/devguimaraes
- - img [ref=e155]
- - link "LinkedIn" [ref=e158] [cursor=pointer]:
- - /url: https://linkedin.com/in/devguimaraes
- - img [ref=e159]
- - link "Instagram" [ref=e163] [cursor=pointer]:
- - /url: https://www.instagram.com/brunoguimraes/
- - img [ref=e164]
- - link "Email" [ref=e167] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - img [ref=e168]
- - generic [ref=e172]:
- - generic [ref=e173]:
- - img [ref=e174]
- - generic [ref=e176]: NAVIGATION.SH
- - generic [ref=e177]:
- - link "01. InĂcio" [ref=e178] [cursor=pointer]:
- - /url: "#hero"
- - generic [ref=e179]: "01."
- - generic [ref=e180]: InĂcio
- - link "02. Sobre" [ref=e181] [cursor=pointer]:
- - /url: "#about"
- - generic [ref=e182]: "02."
- - generic [ref=e183]: Sobre
- - link "03. Skills" [ref=e184] [cursor=pointer]:
- - /url: "#skills"
- - generic [ref=e185]: "03."
- - generic [ref=e186]: Skills
- - link "04. Projetos" [ref=e187] [cursor=pointer]:
- - /url: "#projects"
- - generic [ref=e188]: "04."
- - generic [ref=e189]: Projetos
- - link "05. Contato" [ref=e190] [cursor=pointer]:
- - /url: "#contact"
- - generic [ref=e191]: "05."
- - generic [ref=e192]: Contato
- - generic [ref=e194]:
- - generic [ref=e195]:
- - img [ref=e196]
- - generic [ref=e198]: SYSTEM_STATUS
- - generic [ref=e199]:
- - generic [ref=e200]:
- - generic [ref=e201]: SERVIDOR
- - generic [ref=e202]: ONLINE
- - generic [ref=e204]:
- - generic [ref=e205]: VERSĂO
- - generic [ref=e206]: v4.0.0
- - generic [ref=e207]:
- - generic [ref=e208]: DISPONĂVEL
- - generic [ref=e209]: PROJETOS
- - link "INICIAR_CONTATO â" [ref=e210] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - generic [ref=e213]:
- - paragraph [ref=e214]: © 2026 Bruno Guimarães. Todos os direitos reservados.
- - paragraph [ref=e215]:
- - text: Feito com
- - img [ref=e216]
- - text: e muito café
- - generic [ref=e218]:
- - generic [ref=e219]: RIO DE JANEIRO, BR
- - generic [ref=e220]: 22.9068° S, 43.1729° W
-```
\ No newline at end of file
diff --git "a/test-results/home-Navega\303\247\303\243o-Principal-D-60623--os-links-sociais-din\303\242micos-chromium/error-context.md" "b/test-results/home-Navega\303\247\303\243o-Principal-D-60623--os-links-sociais-din\303\242micos-chromium/error-context.md"
deleted file mode 100644
index 2a44a21..0000000
--- "a/test-results/home-Navega\303\247\303\243o-Principal-D-60623--os-links-sociais-din\303\242micos-chromium/error-context.md"
+++ /dev/null
@@ -1,612 +0,0 @@
-# Page snapshot
-
-```yaml
-- generic [ref=e2]:
- - region "Notifications (F8)":
- - list
- - region "Notifications alt+T"
- - generic [ref=e3]:
- - navigation [ref=e4]:
- - generic [ref=e5]:
- - link "BG Bruno GuimarĂŁes DEV_FRONTEND" [ref=e6] [cursor=pointer]:
- - /url: /
- - generic [ref=e8]: BG
- - generic [ref=e9]:
- - generic [ref=e10]: Bruno GuimarĂŁes
- - generic [ref=e11]:
- - img [ref=e12]
- - text: DEV_FRONTEND
- - generic [ref=e14]:
- - link "//INĂCIO" [ref=e15] [cursor=pointer]:
- - /url: /
- - link "//SOBRE" [ref=e16] [cursor=pointer]:
- - /url: "#about"
- - link "//SKILLS" [ref=e17] [cursor=pointer]:
- - /url: "#skills"
- - link "//PROJETOS" [ref=e18] [cursor=pointer]:
- - /url: "#projects"
- - text: //PROJETOS
- - link "//BLOG" [ref=e20] [cursor=pointer]:
- - /url: /blog
- - link "//ANTIGRAVITY" [ref=e21] [cursor=pointer]:
- - /url: /antigravity
- - link "//CONTATO" [ref=e22] [cursor=pointer]:
- - /url: "#contact"
- - main [ref=e23]:
- - generic [ref=e24]:
- - generic [ref=e25]:
- - generic [ref=e27]:
- - generic [ref=e28]:
- - img [ref=e29]
- - text: Available for Projects
- - generic [ref=e32]: â
- - generic [ref=e33]:
- - img [ref=e34]
- - text: Front-End Engineer
- - generic [ref=e38]: â
- - generic [ref=e39]:
- - img [ref=e40]
- - text: High Performance
- - generic [ref=e42]: â
- - generic [ref=e43]:
- - img [ref=e44]
- - text: Available for Projects
- - generic [ref=e47]: â
- - generic [ref=e48]:
- - img [ref=e49]
- - text: Front-End Engineer
- - generic [ref=e53]: â
- - generic [ref=e54]:
- - img [ref=e55]
- - text: High Performance
- - generic [ref=e57]: â
- - generic [ref=e58]:
- - img [ref=e59]
- - text: Available for Projects
- - generic [ref=e62]: â
- - generic [ref=e63]:
- - img [ref=e64]
- - text: Front-End Engineer
- - generic [ref=e68]: â
- - generic [ref=e69]:
- - img [ref=e70]
- - text: High Performance
- - generic [ref=e72]: â
- - generic [ref=e73]:
- - img [ref=e74]
- - text: Available for Projects
- - generic [ref=e77]: â
- - generic [ref=e78]:
- - img [ref=e79]
- - text: Front-End Engineer
- - generic [ref=e83]: â
- - generic [ref=e84]:
- - img [ref=e85]
- - text: High Performance
- - generic [ref=e87]: â
- - generic [ref=e88]:
- - generic [ref=e89]:
- - generic [ref=e90]:
- - img [ref=e92]
- - generic [ref=e95]:
- - generic [ref=e96]: SYSTEM_READY // v.4.0
- - heading "Bruno GuimarĂŁes" [level=1] [ref=e98]:
- - text: Bruno
- - generic [ref=e99]: GuimarĂŁes
- - paragraph [ref=e100]: Desenvolvedor Front-end focado em performance. Crio interfaces modernas e responsivas para sites e aplicaçÔes web.
- - generic [ref=e101]:
- - button "EXPLORAR PORTFĂLIO" [ref=e102] [cursor=pointer]:
- - text: EXPLORAR PORTFĂLIO
- - img
- - button "INICIAR PROJETO" [ref=e103] [cursor=pointer]
- - generic [ref=e104]:
- - generic [ref=e105]:
- - generic [ref=e106]:
- - generic [ref=e107]: CURRENT_STATUS
- - generic [ref=e108]: ONLINE
- - img [ref=e110]
- - generic [ref=e112]:
- - generic [ref=e113] [cursor=pointer]:
- - img "React" [ref=e116]
- - generic [ref=e118]: React
- - generic [ref=e120] [cursor=pointer]:
- - img "TypeScript" [ref=e123]
- - generic [ref=e125]: TS
- - generic [ref=e127] [cursor=pointer]:
- - img "Next.js" [ref=e130]
- - generic [ref=e132]: Next.js
- - generic [ref=e134] [cursor=pointer]:
- - img "Tailwind CSS" [ref=e137]
- - generic [ref=e139]: Tailwind
- - generic [ref=e142]:
- - generic [ref=e147]: TERMINAL_OUTPUT
- - generic [ref=e148]:
- - generic [ref=e149]: "> INITIALIZING_CORE..."
- - generic [ref=e150]: "> LOADING_ASSETS..."
- - generic [ref=e151]: "> OPTIMIZING_RENDER..."
- - generic [ref=e152]: _
- - generic [ref=e155]: "COORDS: 22.9068° S, 43.1729° W"
- - generic [ref=e160]:
- - generic [ref=e161]:
- - generic [ref=e162]: "01"
- - heading "SOBRE_MIM" [level=2] [ref=e163]:
- - generic [ref=e166]: SOBRE_MIM
- - generic [ref=e169]:
- - generic [ref=e171]:
- - img [ref=e172]
- - text: PERFIL_USUARIO.JSON
- - generic [ref=e179]:
- - generic [ref=e180]:
- - generic [ref=e181]:
- - img "Bruno GuimarĂŁes" [ref=e184]
- - generic [ref=e186]: ONLINE
- - generic [ref=e188]:
- - generic [ref=e189]:
- - img [ref=e190]
- - generic [ref=e193]: "LOCAL:"
- - generic [ref=e194]: Rio de Janeiro
- - generic [ref=e195]:
- - img [ref=e196]
- - generic [ref=e198]: "EXP:"
- - generic [ref=e199]: +5 Anos
- - generic [ref=e200]:
- - img [ref=e201]
- - generic [ref=e205]: "CARGO:"
- - generic [ref=e206]: Dev. Front-end
- - generic [ref=e207]:
- - heading "Eu crio interfaces de alta performance para a web." [level=3] [ref=e208]:
- - generic [ref=e209]:
- - generic [ref=e211]: Eu
- - generic [ref=e213]: crio
- - generic [ref=e215]: interfaces
- - generic [ref=e217]: de
- - generic [ref=e219]:
- - generic [ref=e221]: alta
- - generic [ref=e223]: performance
- - generic [ref=e224]:
- - generic [ref=e226]: para
- - generic [ref=e228]: a
- - generic [ref=e230]: web.
- - paragraph [ref=e231]: Com 5 anos de experiĂȘncia em desenvolvimento frontâend e formação emDesenvolvimento Web pelo SenacâRJ, transformo conceitos de design em interfaces reais,rĂĄpidas e funcionais para sites e sofwares.
- - generic [ref=e232]:
- - generic [ref=e233]: Valores_Centrais
- - generic [ref=e234]:
- - generic [ref=e235]:
- - heading "OTIMIZADO" [level=4] [ref=e236]:
- - img [ref=e237]
- - text: OTIMIZADO
- - paragraph [ref=e240]: CĂłdigo limpo que roda rĂĄpido em qualquer dispositivo.
- - generic [ref=e241]:
- - heading "ESCALĂVEL" [level=4] [ref=e242]:
- - img [ref=e243]
- - text: ESCALĂVEL
- - paragraph [ref=e246]: Arquiteturas construĂdas para crescer com seu negĂłcio.
- - generic [ref=e247]:
- - generic [ref=e248]: "#CRIATIVO"
- - generic [ref=e249]: "#LĂGICO"
- - generic [ref=e250]: "#PRECISO"
- - generic [ref=e257]:
- - generic [ref=e258]:
- - generic [ref=e259]: "02"
- - heading "SERVIĂOS" [level=2] [ref=e260]:
- - generic [ref=e263]: SERVIĂOS
- - generic [ref=e265]:
- - generic [ref=e266] [cursor=pointer]:
- - generic [ref=e267]: "01"
- - generic [ref=e268]:
- - generic [ref=e269]:
- - heading "FRONT-END ENGINEERING" [level=3] [ref=e270]:
- - generic [ref=e271]:
- - generic [ref=e273]: FRONT-END
- - generic [ref=e275]: ENGINEERING
- - paragraph [ref=e276]: React, Next.js, Architecture
- - generic [ref=e277]:
- - img [ref=e279]
- - img [ref=e282]
- - generic [ref=e285] [cursor=pointer]:
- - generic [ref=e286]: "02"
- - generic [ref=e287]:
- - generic [ref=e288]:
- - heading "UI & UX" [level=3] [ref=e289]:
- - generic [ref=e290]:
- - generic [ref=e292]: UI
- - generic [ref=e294]: "&"
- - generic [ref=e296]: UX
- - paragraph [ref=e297]: Typography Systems, Visual Hierarchy
- - generic [ref=e298]:
- - img [ref=e300]
- - img [ref=e306]
- - generic [ref=e309] [cursor=pointer]:
- - generic [ref=e310]: "03"
- - generic [ref=e311]:
- - generic [ref=e312]:
- - heading "PERFORMANCE" [level=3] [ref=e313]:
- - generic [ref=e316]: PERFORMANCE
- - paragraph [ref=e317]: SEO, Core Web Vitals, Speed
- - generic [ref=e318]:
- - img [ref=e320]
- - img [ref=e322]
- - generic [ref=e325] [cursor=pointer]:
- - generic [ref=e326]: "04"
- - generic [ref=e327]:
- - generic [ref=e328]:
- - heading "MOTION DESIGN" [level=3] [ref=e329]:
- - generic [ref=e330]:
- - generic [ref=e332]: MOTION
- - generic [ref=e334]: DESIGN
- - paragraph [ref=e335]: GSAP, Framer Motion, WebGL
- - generic [ref=e336]:
- - img [ref=e338]
- - img [ref=e341]
- - generic [ref=e345]: SERVICOS_ATIVOS
- - generic [ref=e349]:
- - generic [ref=e350]:
- - generic [ref=e351]:
- - generic [ref=e352]:
- - img [ref=e353]
- - text: ~/DOCUMENTS/BLOG
- - heading "INSIGHTS TĂCNICOS" [level=2] [ref=e355]:
- - generic [ref=e358]: INSIGHTS
- - generic [ref=e362]: TĂCNICOS
- - paragraph [ref=e363]:
- - generic [ref=e364]:
- - generic [ref=e366]: Pensamentos
- - generic [ref=e368]: sobre
- - generic [ref=e370]: cĂłdigo,
- - generic [ref=e372]: design
- - generic [ref=e374]: e
- - generic [ref=e376]: a
- - generic [ref=e378]: entropia
- - generic [ref=e380]: do
- - generic [ref=e382]: desenvolvimento
- - generic [ref=e384]: web
- - generic [ref=e386]: moderno.
- - generic [ref=e387]:
- - generic [ref=e388]:
- - generic [ref=e391]: shai-hulud-detector.md
- - generic [ref=e397]:
- - generic [ref=e398]:
- - generic [ref=e399]:
- - img [ref=e400]
- - text: 25 NOV 2025
- - generic [ref=e402]:
- - img [ref=e403]
- - text: 4 min
- - 'heading "Shai-Hulud 2 Detector TS: Proteja seu Projeto NPM" [level=3] [ref=e406]'
- - paragraph [ref=e407]: Um script TypeScript para detectar pacotes comprometidos pelo ataque Shai-Hulud 2.0 em projetos Node.js.
- - generic [ref=e408]:
- - generic [ref=e409]:
- - generic [ref=e410]: Segurança
- - generic [ref=e411]: NPM
- - link "LER_ARQUIVO" [ref=e412] [cursor=pointer]:
- - /url: /blog/shai-hulud-detector
- - text: LER_ARQUIVO
- - img [ref=e413]
- - generic [ref=e417]:
- - generic [ref=e420]: react-server-components.md
- - generic [ref=e426]:
- - generic [ref=e427]:
- - generic [ref=e428]:
- - img [ref=e429]
- - text: 20 NOV 2025
- - generic [ref=e431]:
- - img [ref=e432]
- - text: 5 min
- - 'heading "React Server Components: O Futuro do React" [level=3] [ref=e435]'
- - paragraph [ref=e436]: Descubra como React Server Components estĂŁo revolucionando a forma como construĂmos aplicaçÔes web modernas.
- - generic [ref=e437]:
- - generic [ref=e438]:
- - generic [ref=e439]: React
- - generic [ref=e440]: Server Components
- - link "LER_ARQUIVO" [ref=e441] [cursor=pointer]:
- - /url: /blog/react-server-components
- - text: LER_ARQUIVO
- - img [ref=e442]
- - generic [ref=e446]:
- - generic [ref=e449]: typescript-performance.md
- - generic [ref=e455]:
- - generic [ref=e456]:
- - generic [ref=e457]:
- - img [ref=e458]
- - text: 18 NOV 2025
- - generic [ref=e460]:
- - img [ref=e461]
- - text: 6 min
- - 'heading "TypeScript Performance: OtimizaçÔes Avançadas" [level=3] [ref=e464]'
- - paragraph [ref=e465]: Técnicas avançadas para melhorar a performance de compilação e runtime em projetos TypeScript.
- - generic [ref=e466]:
- - generic [ref=e467]:
- - generic [ref=e468]: TypeScript
- - generic [ref=e469]: Performance
- - link "LER_ARQUIVO" [ref=e470] [cursor=pointer]:
- - /url: /blog/typescript-performance
- - text: LER_ARQUIVO
- - img [ref=e471]
- - link "VER TODOS OS POSTS" [ref=e476] [cursor=pointer]:
- - /url: /blog
- - text: VER TODOS OS POSTS
- - img [ref=e477]
- - generic [ref=e479]:
- - generic:
- - generic: STACK STACK STACK STACK STACK STACK
- - generic: STACK STACK STACK STACK STACK STACK
- - generic: STACK STACK STACK STACK STACK STACK
- - generic [ref=e481]:
- - generic [ref=e482]:
- - generic [ref=e483]:
- - heading "MĂDULOS_INSTALADOS" [level=2] [ref=e484]
- - paragraph [ref=e485]: // 63 TECNOLOGIAS_DETECTADAS
- - generic [ref=e486]:
- - img [ref=e487]
- - generic [ref=e490]: SISTEMA_OTIMIZADO
- - generic [ref=e491]:
- - generic [ref=e499]:
- - generic [ref=e500]:
- - generic [ref=e501]: "01"
- - img [ref=e502]
- - generic [ref=e504]:
- - img [ref=e506]
- - generic [ref=e510]: Desenvolvimento
- - generic [ref=e511]:
- - generic [ref=e512]: React
- - generic [ref=e513]: Next.j
- - generic [ref=e514]: "+1"
- - generic [ref=e524]:
- - generic [ref=e525]:
- - generic [ref=e526]: "02"
- - img [ref=e527]
- - generic [ref=e529]:
- - img [ref=e531]
- - generic [ref=e537]: Design_& UI
- - generic [ref=e538]:
- - generic [ref=e539]: Tailwi
- - generic [ref=e540]: Radix
- - generic [ref=e541]: "+1"
- - generic [ref=e551]:
- - generic [ref=e552]:
- - generic [ref=e553]: "03"
- - img [ref=e554]
- - generic [ref=e556]:
- - img [ref=e558]
- - generic [ref=e560]: Performance
- - generic [ref=e561]:
- - generic [ref=e562]: Web Vi
- - generic [ref=e563]: Lighth
- - generic [ref=e564]: "+1"
- - generic [ref=e574]:
- - generic [ref=e575]:
- - generic [ref=e576]: "04"
- - img [ref=e577]
- - generic [ref=e579]:
- - img [ref=e581]
- - generic [ref=e586]: Deploy_& CI/CD
- - generic [ref=e587]:
- - generic [ref=e588]: Vercel
- - generic [ref=e589]: GitHub
- - generic [ref=e590]: "+1"
- - generic [ref=e594]:
- - generic [ref=e595]:
- - text: // SKILL_CATEGORIES_LOADED
- - generic [ref=e596]: 4 CATEGORIAS
- - generic [ref=e597]:
- - text: // TOTAL_TECHNOLOGIES
- - generic [ref=e598]: 63+ TECNOLOGIAS
- - generic [ref=e599]:
- - text: // SYSTEM_STATUS
- - generic [ref=e600]: â ONLINE
- - generic [ref=e602]:
- - generic [ref=e603]:
- - generic [ref=e604]:
- - generic [ref=e605]: // ACESSO_DADOS
- - heading "TRABALHOS SELECIONADOS_" [level=2] [ref=e606]:
- - generic [ref=e609]: TRABALHOS
- - generic [ref=e613]: SELECIONADOS_
- - paragraph [ref=e614]: Cases reais de transformação digital, de sites institucionais a plataformas globais.
- - generic [ref=e615]:
- - generic [ref=e617]:
- - generic [ref=e619]: "01"
- - generic [ref=e620]:
- - generic [ref=e621]:
- - generic [ref=e629]: "@"
- - generic [ref=e631]: ADS
- - generic:
- - img
- - link [ref=e633] [cursor=pointer]:
- - /url: https://www.agenciamultibr.com/
- - img [ref=e634]
- - generic [ref=e638]:
- - generic [ref=e639]:
- - generic [ref=e640]: WordPress
- - generic [ref=e641]: Elementor
- - generic [ref=e642]: UI/UX
- - generic [ref=e643]: SEO
- - heading "AgĂȘncia Multi BR" [level=3] [ref=e644]:
- - text: AgĂȘncia Multi BR
- - img [ref=e645]
- - paragraph [ref=e648]: AgĂȘncia de marketing digital 360Âș especializada em trĂĄfego pago, conteĂșdo, redes sociais, web design e identidade visual. EstratĂ©gia personalizada com atendimento local.
- - generic [ref=e650]:
- - generic [ref=e652]: "02"
- - generic [ref=e653]:
- - generic [ref=e654]:
- - img [ref=e657]
- - generic [ref=e660]:
- - generic [ref=e661]: CIVIL
- - generic [ref=e662]: ENG.
- - link [ref=e664] [cursor=pointer]:
- - /url: https://engerod.com.br/
- - img [ref=e665]
- - generic [ref=e669]:
- - generic [ref=e670]:
- - generic [ref=e671]: Wordpress
- - generic [ref=e672]: PHP
- - generic [ref=e673]: CSS
- - generic [ref=e674]: SEO
- - heading "Engerod Engenharia" [level=3] [ref=e675]:
- - text: Engerod Engenharia
- - img [ref=e676]
- - paragraph [ref=e679]: Empresa especializada em pontes, viadutos e projetos especiais. ReferĂȘncia nacional em obras de infraestrutura com tradição desde 1972.
- - generic [ref=e681]:
- - generic [ref=e683]: "03"
- - generic [ref=e684]:
- - generic [ref=e685]:
- - generic [ref=e689]: â
- - generic [ref=e690]: LOGISTICA_GLOBAL // SECTOR_7
- - link [ref=e692] [cursor=pointer]:
- - /url: https://semogrj.com.br/
- - img [ref=e693]
- - generic [ref=e697]:
- - generic [ref=e698]:
- - generic [ref=e699]: Wordpress
- - generic [ref=e700]: PHP
- - generic [ref=e701]: LogĂstica
- - generic [ref=e702]: B2B
- - heading "SEMOGRJ" [level=3] [ref=e703]:
- - text: SEMOGRJ
- - img [ref=e704]
- - paragraph [ref=e707]: Abastecimento MarĂtimo e LogĂstica Internacional. Empresa com presença global, frota prĂłpria e excelĂȘncia operacional no setor marĂtimo.
- - generic [ref=e709]:
- - generic [ref=e711]: "04"
- - link [ref=e724] [cursor=pointer]:
- - /url: https://luisfelipepereira.com.br/
- - img [ref=e725]
- - generic [ref=e729]:
- - generic [ref=e730]:
- - generic [ref=e731]: React
- - generic [ref=e732]: Framer Motion
- - generic [ref=e733]: Gallery
- - generic [ref=e734]: UI/UX
- - heading "Luis Felipe Pereira" [level=3] [ref=e735]:
- - text: Luis Felipe Pereira
- - img [ref=e736]
- - paragraph [ref=e739]: Arquitetura e Interiores de alto padrĂŁo. PortfĂłlio visual e design sofisticado para projetos residenciais e comerciais no Rio de Janeiro.
- - generic [ref=e744]:
- - generic [ref=e745]:
- - generic [ref=e746]:
- - paragraph [ref=e747]: NIVEL_XP
- - heading "0 +" [level=3] [ref=e748]:
- - generic [ref=e749]: "0"
- - generic [ref=e750]: +
- - paragraph [ref=e751]: Anos de ExperiĂȘncia
- - img [ref=e752]
- - generic [ref=e755]:
- - generic [ref=e756]:
- - paragraph [ref=e757]: PROJETOS_CONCLUIDOS
- - heading "0 x" [level=3] [ref=e758]:
- - generic [ref=e759]: "0"
- - generic [ref=e760]: x
- - paragraph [ref=e761]: Deploys com Sucesso
- - img [ref=e762]
- - generic [ref=e765]:
- - generic [ref=e766]:
- - paragraph [ref=e767]: SATISFACAO_CLIENTE
- - heading "0 %" [level=3] [ref=e768]:
- - generic [ref=e769]: "0"
- - generic [ref=e770]: "%"
- - paragraph [ref=e771]: AvaliaçÔes 5 Estrelas
- - img [ref=e772]
- - generic [ref=e784]:
- - generic [ref=e789]: CANAL_ABERTO âą RESPONDO EM 24H
- - heading "PRONTO PARA CONSTRUIR JUNTOS?" [level=2] [ref=e791]:
- - generic [ref=e792]:
- - generic [ref=e794]: PRONTO
- - generic [ref=e796]: PARA
- - generic [ref=e800]: CONSTRUIR
- - generic [ref=e803]: JUNTOS?
- - paragraph [ref=e804]: Estou sempre aberto a discutir novos projetos, ideias criativas ou oportunidades de fazer parte da sua visĂŁo. Entre em contato!
- - generic [ref=e805]:
- - heading "// CONECTE-SE" [level=3] [ref=e806]
- - generic [ref=e807]:
- - link "LinkedIn @bcguimaraes" [ref=e808] [cursor=pointer]:
- - /url: https://www.linkedin.com/in/bcguimaraes/
- - img [ref=e810]
- - generic [ref=e814]: LinkedIn
- - generic [ref=e815]: "@bcguimaraes"
- - link "GitHub @devguimaraes" [ref=e816] [cursor=pointer]:
- - /url: https://github.com/devguimaraes
- - img [ref=e818]
- - generic [ref=e821]: GitHub
- - generic [ref=e822]: "@devguimaraes"
- - link "Instagram @dev.guimaraes" [ref=e823] [cursor=pointer]:
- - /url: https://www.instagram.com/brunoguimraes/
- - img [ref=e825]
- - generic [ref=e828]: Instagram
- - generic [ref=e829]: "@dev.guimaraes"
- - generic [ref=e831]:
- - img [ref=e832]
- - generic [ref=e835]: "STATUS: DISPONĂVEL PARA NOVOS PROJETOS"
- - contentinfo [ref=e836]:
- - generic [ref=e840]:
- - generic [ref=e841]:
- - link "BG Bruno GuimarĂŁes FRONT-END ENGINEER" [ref=e842] [cursor=pointer]:
- - /url: /
- - generic [ref=e844]: BG
- - generic [ref=e845]:
- - generic [ref=e846]: Bruno GuimarĂŁes
- - generic [ref=e847]: FRONT-END ENGINEER
- - paragraph [ref=e848]:
- - text: Transformando ideias em interfaces
- - text: pixel-perfect de alta performance.
- - generic [ref=e849]:
- - link "GitHub" [ref=e850] [cursor=pointer]:
- - /url: https://github.com/devguimaraes
- - img [ref=e851]
- - link "LinkedIn" [ref=e854] [cursor=pointer]:
- - /url: https://linkedin.com/in/devguimaraes
- - img [ref=e855]
- - link "Instagram" [ref=e859] [cursor=pointer]:
- - /url: https://www.instagram.com/brunoguimraes/
- - img [ref=e860]
- - link "Email" [ref=e863] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - img [ref=e864]
- - generic [ref=e868]:
- - generic [ref=e869]:
- - img [ref=e870]
- - generic [ref=e872]: NAVIGATION.SH
- - generic [ref=e873]:
- - link "01. InĂcio" [ref=e874] [cursor=pointer]:
- - /url: "#hero"
- - generic [ref=e875]: "01."
- - generic [ref=e876]: InĂcio
- - link "02. Sobre" [ref=e877] [cursor=pointer]:
- - /url: "#about"
- - generic [ref=e878]: "02."
- - generic [ref=e879]: Sobre
- - link "03. Skills" [ref=e880] [cursor=pointer]:
- - /url: "#skills"
- - generic [ref=e881]: "03."
- - generic [ref=e882]: Skills
- - link "04. Projetos" [ref=e883] [cursor=pointer]:
- - /url: "#projects"
- - generic [ref=e884]: "04."
- - generic [ref=e885]: Projetos
- - link "05. Contato" [ref=e886] [cursor=pointer]:
- - /url: "#contact"
- - generic [ref=e887]: "05."
- - generic [ref=e888]: Contato
- - generic [ref=e890]:
- - generic [ref=e891]:
- - img [ref=e892]
- - generic [ref=e894]: SYSTEM_STATUS
- - generic [ref=e895]:
- - generic [ref=e896]:
- - generic [ref=e897]: SERVIDOR
- - generic [ref=e898]: ONLINE
- - generic [ref=e900]:
- - generic [ref=e901]: VERSĂO
- - generic [ref=e902]: v4.0.0
- - generic [ref=e903]:
- - generic [ref=e904]: DISPONĂVEL
- - generic [ref=e905]: PROJETOS
- - link "INICIAR_CONTATO â" [ref=e906] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - generic [ref=e909]:
- - paragraph [ref=e910]: © 2026 Bruno Guimarães. Todos os direitos reservados.
- - paragraph [ref=e911]:
- - text: Feito com
- - img [ref=e912]
- - text: e muito café
- - generic [ref=e914]:
- - generic [ref=e915]: RIO DE JANEIRO, BR
- - generic [ref=e916]: 22.9068° S, 43.1729° W
-```
\ No newline at end of file
diff --git "a/test-results/home-Navega\303\247\303\243o-Principal-D-781d5-\303\243o-e-se\303\247\303\265es-ao-fazer-scroll-chromium/error-context.md" "b/test-results/home-Navega\303\247\303\243o-Principal-D-781d5-\303\243o-e-se\303\247\303\265es-ao-fazer-scroll-chromium/error-context.md"
deleted file mode 100644
index 9603667..0000000
--- "a/test-results/home-Navega\303\247\303\243o-Principal-D-781d5-\303\243o-e-se\303\247\303\265es-ao-fazer-scroll-chromium/error-context.md"
+++ /dev/null
@@ -1,611 +0,0 @@
-# Page snapshot
-
-```yaml
-- generic [ref=e2]:
- - region "Notifications (F8)":
- - list
- - region "Notifications alt+T"
- - generic [ref=e3]:
- - navigation [ref=e4]:
- - generic [ref=e5]:
- - link "BG Bruno GuimarĂŁes DEV_FRONTEND" [ref=e6] [cursor=pointer]:
- - /url: /
- - generic [ref=e8]: BG
- - generic [ref=e9]:
- - generic [ref=e10]: Bruno GuimarĂŁes
- - generic [ref=e11]:
- - img [ref=e12]
- - text: DEV_FRONTEND
- - generic [ref=e14]:
- - link "//INĂCIO" [ref=e15] [cursor=pointer]:
- - /url: /
- - text: //INĂCIO
- - link "//SOBRE" [ref=e17] [cursor=pointer]:
- - /url: "#about"
- - link "//SKILLS" [ref=e18] [cursor=pointer]:
- - /url: "#skills"
- - link "//PROJETOS" [ref=e19] [cursor=pointer]:
- - /url: "#projects"
- - link "//BLOG" [ref=e20] [cursor=pointer]:
- - /url: /blog
- - link "//ANTIGRAVITY" [ref=e21] [cursor=pointer]:
- - /url: /antigravity
- - link "//CONTATO" [ref=e22] [cursor=pointer]:
- - /url: "#contact"
- - main [ref=e23]:
- - generic [ref=e24]:
- - generic [ref=e25]:
- - generic [ref=e27]:
- - generic [ref=e28]:
- - img [ref=e29]
- - text: Available for Projects
- - generic [ref=e32]: â
- - generic [ref=e33]:
- - img [ref=e34]
- - text: Front-End Engineer
- - generic [ref=e38]: â
- - generic [ref=e39]:
- - img [ref=e40]
- - text: High Performance
- - generic [ref=e42]: â
- - generic [ref=e43]:
- - img [ref=e44]
- - text: Available for Projects
- - generic [ref=e47]: â
- - generic [ref=e48]:
- - img [ref=e49]
- - text: Front-End Engineer
- - generic [ref=e53]: â
- - generic [ref=e54]:
- - img [ref=e55]
- - text: High Performance
- - generic [ref=e57]: â
- - generic [ref=e58]:
- - img [ref=e59]
- - text: Available for Projects
- - generic [ref=e62]: â
- - generic [ref=e63]:
- - img [ref=e64]
- - text: Front-End Engineer
- - generic [ref=e68]: â
- - generic [ref=e69]:
- - img [ref=e70]
- - text: High Performance
- - generic [ref=e72]: â
- - generic [ref=e73]:
- - img [ref=e74]
- - text: Available for Projects
- - generic [ref=e77]: â
- - generic [ref=e78]:
- - img [ref=e79]
- - text: Front-End Engineer
- - generic [ref=e83]: â
- - generic [ref=e84]:
- - img [ref=e85]
- - text: High Performance
- - generic [ref=e87]: â
- - generic [ref=e88]:
- - generic [ref=e89]:
- - generic [ref=e90]:
- - img [ref=e92]
- - generic [ref=e95]:
- - generic [ref=e96]: SYSTEM_READY // v.4.0
- - heading "Bruno GuimarĂŁes" [level=1] [ref=e98]:
- - text: Bruno
- - generic [ref=e99]: GuimarĂŁes
- - paragraph [ref=e100]: Desenvolvedor Front-end focado em performance. Crio interfaces modernas e responsivas para sites e aplicaçÔes web.
- - generic [ref=e101]:
- - button "EXPLORAR PORTFĂLIO" [ref=e102] [cursor=pointer]:
- - text: EXPLORAR PORTFĂLIO
- - img
- - button "INICIAR PROJETO" [ref=e103] [cursor=pointer]
- - generic [ref=e104]:
- - generic [ref=e105]:
- - generic [ref=e106]:
- - generic [ref=e107]: CURRENT_STATUS
- - generic [ref=e108]: ONLINE
- - img [ref=e110]
- - generic [ref=e112]:
- - generic [ref=e113] [cursor=pointer]:
- - img "React" [ref=e116]
- - generic [ref=e118]: React
- - generic [ref=e120] [cursor=pointer]:
- - img "TypeScript" [ref=e123]
- - generic [ref=e125]: TS
- - generic [ref=e127] [cursor=pointer]:
- - img "Next.js" [ref=e130]
- - generic [ref=e132]: Next.js
- - generic [ref=e134] [cursor=pointer]:
- - img "Tailwind CSS" [ref=e137]
- - generic [ref=e139]: Tailwind
- - generic [ref=e142]:
- - generic [ref=e147]: TERMINAL_OUTPUT
- - generic [ref=e148]:
- - generic [ref=e149]: "> INITIALIZING_CORE..."
- - generic [ref=e150]: "> LOADING_ASSETS..."
- - generic [ref=e151]: _
- - generic [ref=e154]: "COORDS: 22.9068° S, 43.1729° W"
- - generic [ref=e159]:
- - generic [ref=e160]:
- - generic [ref=e161]: "01"
- - heading "SOBRE_MIM" [level=2] [ref=e162]:
- - generic [ref=e165]: SOBRE_MIM
- - generic [ref=e168]:
- - generic [ref=e170]:
- - img [ref=e171]
- - text: PERFIL_USUARIO.JSON
- - generic [ref=e178]:
- - generic [ref=e179]:
- - generic [ref=e180]:
- - img "Bruno GuimarĂŁes" [ref=e183]
- - generic [ref=e185]: ONLINE
- - generic [ref=e187]:
- - generic [ref=e188]:
- - img [ref=e189]
- - generic [ref=e192]: "LOCAL:"
- - generic [ref=e193]: Rio de Janeiro
- - generic [ref=e194]:
- - img [ref=e195]
- - generic [ref=e197]: "EXP:"
- - generic [ref=e198]: +5 Anos
- - generic [ref=e199]:
- - img [ref=e200]
- - generic [ref=e204]: "CARGO:"
- - generic [ref=e205]: Dev. Front-end
- - generic [ref=e206]:
- - heading "Eu crio interfaces de alta performance para a web." [level=3] [ref=e207]:
- - generic [ref=e208]:
- - generic [ref=e210]: Eu
- - generic [ref=e212]: crio
- - generic [ref=e214]: interfaces
- - generic [ref=e216]: de
- - generic [ref=e218]:
- - generic [ref=e220]: alta
- - generic [ref=e222]: performance
- - generic [ref=e223]:
- - generic [ref=e225]: para
- - generic [ref=e227]: a
- - generic [ref=e229]: web.
- - paragraph [ref=e230]: Com 5 anos de experiĂȘncia em desenvolvimento frontâend e formação emDesenvolvimento Web pelo SenacâRJ, transformo conceitos de design em interfaces reais,rĂĄpidas e funcionais para sites e sofwares.
- - generic [ref=e231]:
- - generic [ref=e232]: Valores_Centrais
- - generic [ref=e233]:
- - generic [ref=e234]:
- - heading "OTIMIZADO" [level=4] [ref=e235]:
- - img [ref=e236]
- - text: OTIMIZADO
- - paragraph [ref=e239]: CĂłdigo limpo que roda rĂĄpido em qualquer dispositivo.
- - generic [ref=e240]:
- - heading "ESCALĂVEL" [level=4] [ref=e241]:
- - img [ref=e242]
- - text: ESCALĂVEL
- - paragraph [ref=e245]: Arquiteturas construĂdas para crescer com seu negĂłcio.
- - generic [ref=e246]:
- - generic [ref=e247]: "#CRIATIVO"
- - generic [ref=e248]: "#LĂGICO"
- - generic [ref=e249]: "#PRECISO"
- - generic [ref=e256]:
- - generic [ref=e257]:
- - generic [ref=e258]: "02"
- - heading "SERVIĂOS" [level=2] [ref=e259]:
- - generic [ref=e262]: SERVIĂOS
- - generic [ref=e264]:
- - generic [ref=e265] [cursor=pointer]:
- - generic [ref=e266]: "01"
- - generic [ref=e267]:
- - generic [ref=e268]:
- - heading "FRONT-END ENGINEERING" [level=3] [ref=e269]:
- - generic [ref=e270]:
- - generic [ref=e272]: FRONT-END
- - generic [ref=e274]: ENGINEERING
- - paragraph [ref=e275]: React, Next.js, Architecture
- - generic [ref=e276]:
- - img [ref=e278]
- - img [ref=e281]
- - generic [ref=e284] [cursor=pointer]:
- - generic [ref=e285]: "02"
- - generic [ref=e286]:
- - generic [ref=e287]:
- - heading "UI & UX" [level=3] [ref=e288]:
- - generic [ref=e289]:
- - generic [ref=e291]: UI
- - generic [ref=e293]: "&"
- - generic [ref=e295]: UX
- - paragraph [ref=e296]: Typography Systems, Visual Hierarchy
- - generic [ref=e297]:
- - img [ref=e299]
- - img [ref=e305]
- - generic [ref=e308] [cursor=pointer]:
- - generic [ref=e309]: "03"
- - generic [ref=e310]:
- - generic [ref=e311]:
- - heading "PERFORMANCE" [level=3] [ref=e312]:
- - generic [ref=e315]: PERFORMANCE
- - paragraph [ref=e316]: SEO, Core Web Vitals, Speed
- - generic [ref=e317]:
- - img [ref=e319]
- - img [ref=e321]
- - generic [ref=e324] [cursor=pointer]:
- - generic [ref=e325]: "04"
- - generic [ref=e326]:
- - generic [ref=e327]:
- - heading "MOTION DESIGN" [level=3] [ref=e328]:
- - generic [ref=e329]:
- - generic [ref=e331]: MOTION
- - generic [ref=e333]: DESIGN
- - paragraph [ref=e334]: GSAP, Framer Motion, WebGL
- - generic [ref=e335]:
- - img [ref=e337]
- - img [ref=e340]
- - generic [ref=e344]: SERVICOS_ATIVOS
- - generic [ref=e348]:
- - generic [ref=e349]:
- - generic [ref=e350]:
- - generic [ref=e351]:
- - img [ref=e352]
- - text: ~/DOCUMENTS/BLOG
- - heading "INSIGHTS TĂCNICOS" [level=2] [ref=e354]:
- - generic [ref=e357]: INSIGHTS
- - generic [ref=e361]: TĂCNICOS
- - paragraph [ref=e362]:
- - generic [ref=e363]:
- - generic [ref=e365]: Pensamentos
- - generic [ref=e367]: sobre
- - generic [ref=e369]: cĂłdigo,
- - generic [ref=e371]: design
- - generic [ref=e373]: e
- - generic [ref=e375]: a
- - generic [ref=e377]: entropia
- - generic [ref=e379]: do
- - generic [ref=e381]: desenvolvimento
- - generic [ref=e383]: web
- - generic [ref=e385]: moderno.
- - generic [ref=e386]:
- - generic [ref=e387]:
- - generic [ref=e390]: shai-hulud-detector.md
- - generic [ref=e396]:
- - generic [ref=e397]:
- - generic [ref=e398]:
- - img [ref=e399]
- - text: 25 NOV 2025
- - generic [ref=e401]:
- - img [ref=e402]
- - text: 4 min
- - 'heading "Shai-Hulud 2 Detector TS: Proteja seu Projeto NPM" [level=3] [ref=e405]'
- - paragraph [ref=e406]: Um script TypeScript para detectar pacotes comprometidos pelo ataque Shai-Hulud 2.0 em projetos Node.js.
- - generic [ref=e407]:
- - generic [ref=e408]:
- - generic [ref=e409]: Segurança
- - generic [ref=e410]: NPM
- - link "LER_ARQUIVO" [ref=e411] [cursor=pointer]:
- - /url: /blog/shai-hulud-detector
- - text: LER_ARQUIVO
- - img [ref=e412]
- - generic [ref=e416]:
- - generic [ref=e419]: react-server-components.md
- - generic [ref=e425]:
- - generic [ref=e426]:
- - generic [ref=e427]:
- - img [ref=e428]
- - text: 20 NOV 2025
- - generic [ref=e430]:
- - img [ref=e431]
- - text: 5 min
- - 'heading "React Server Components: O Futuro do React" [level=3] [ref=e434]'
- - paragraph [ref=e435]: Descubra como React Server Components estĂŁo revolucionando a forma como construĂmos aplicaçÔes web modernas.
- - generic [ref=e436]:
- - generic [ref=e437]:
- - generic [ref=e438]: React
- - generic [ref=e439]: Server Components
- - link "LER_ARQUIVO" [ref=e440] [cursor=pointer]:
- - /url: /blog/react-server-components
- - text: LER_ARQUIVO
- - img [ref=e441]
- - generic [ref=e445]:
- - generic [ref=e448]: typescript-performance.md
- - generic [ref=e454]:
- - generic [ref=e455]:
- - generic [ref=e456]:
- - img [ref=e457]
- - text: 18 NOV 2025
- - generic [ref=e459]:
- - img [ref=e460]
- - text: 6 min
- - 'heading "TypeScript Performance: OtimizaçÔes Avançadas" [level=3] [ref=e463]'
- - paragraph [ref=e464]: Técnicas avançadas para melhorar a performance de compilação e runtime em projetos TypeScript.
- - generic [ref=e465]:
- - generic [ref=e466]:
- - generic [ref=e467]: TypeScript
- - generic [ref=e468]: Performance
- - link "LER_ARQUIVO" [ref=e469] [cursor=pointer]:
- - /url: /blog/typescript-performance
- - text: LER_ARQUIVO
- - img [ref=e470]
- - link "VER TODOS OS POSTS" [ref=e475] [cursor=pointer]:
- - /url: /blog
- - text: VER TODOS OS POSTS
- - img [ref=e476]
- - generic [ref=e478]:
- - generic:
- - generic: STACK STACK STACK STACK STACK STACK
- - generic: STACK STACK STACK STACK STACK STACK
- - generic: STACK STACK STACK STACK STACK STACK
- - generic [ref=e480]:
- - generic [ref=e481]:
- - generic [ref=e482]:
- - heading "MĂDULOS_INSTALADOS" [level=2] [ref=e483]
- - paragraph [ref=e484]: // 63 TECNOLOGIAS_DETECTADAS
- - generic [ref=e485]:
- - img [ref=e486]
- - generic [ref=e489]: SISTEMA_OTIMIZADO
- - generic [ref=e490]:
- - generic [ref=e498]:
- - generic [ref=e499]:
- - generic [ref=e500]: "01"
- - img [ref=e501]
- - generic [ref=e503]:
- - img [ref=e505]
- - generic [ref=e509]: Desenvolvimento
- - generic [ref=e510]:
- - generic [ref=e511]: React
- - generic [ref=e512]: Next.j
- - generic [ref=e513]: "+1"
- - generic [ref=e523]:
- - generic [ref=e524]:
- - generic [ref=e525]: "02"
- - img [ref=e526]
- - generic [ref=e528]:
- - img [ref=e530]
- - generic [ref=e536]: Design_& UI
- - generic [ref=e537]:
- - generic [ref=e538]: Tailwi
- - generic [ref=e539]: Radix
- - generic [ref=e540]: "+1"
- - generic [ref=e550]:
- - generic [ref=e551]:
- - generic [ref=e552]: "03"
- - img [ref=e553]
- - generic [ref=e555]:
- - img [ref=e557]
- - generic [ref=e559]: Performance
- - generic [ref=e560]:
- - generic [ref=e561]: Web Vi
- - generic [ref=e562]: Lighth
- - generic [ref=e563]: "+1"
- - generic [ref=e573]:
- - generic [ref=e574]:
- - generic [ref=e575]: "04"
- - img [ref=e576]
- - generic [ref=e578]:
- - img [ref=e580]
- - generic [ref=e585]: Deploy_& CI/CD
- - generic [ref=e586]:
- - generic [ref=e587]: Vercel
- - generic [ref=e588]: GitHub
- - generic [ref=e589]: "+1"
- - generic [ref=e593]:
- - generic [ref=e594]:
- - text: // SKILL_CATEGORIES_LOADED
- - generic [ref=e595]: 4 CATEGORIAS
- - generic [ref=e596]:
- - text: // TOTAL_TECHNOLOGIES
- - generic [ref=e597]: 63+ TECNOLOGIAS
- - generic [ref=e598]:
- - text: // SYSTEM_STATUS
- - generic [ref=e599]: â ONLINE
- - generic [ref=e601]:
- - generic [ref=e602]:
- - generic [ref=e603]:
- - generic [ref=e604]: // ACESSO_DADOS
- - heading "TRABALHOS SELECIONADOS_" [level=2] [ref=e605]:
- - generic [ref=e608]: TRABALHOS
- - generic [ref=e612]: SELECIONADOS_
- - paragraph [ref=e613]: Cases reais de transformação digital, de sites institucionais a plataformas globais.
- - generic [ref=e614]:
- - generic [ref=e616]:
- - generic [ref=e618]: "01"
- - generic [ref=e619]:
- - generic [ref=e620]:
- - generic [ref=e628]: "@"
- - generic [ref=e630]: ADS
- - generic:
- - img
- - link [ref=e632] [cursor=pointer]:
- - /url: https://www.agenciamultibr.com/
- - img [ref=e633]
- - generic [ref=e637]:
- - generic [ref=e638]:
- - generic [ref=e639]: WordPress
- - generic [ref=e640]: Elementor
- - generic [ref=e641]: UI/UX
- - generic [ref=e642]: SEO
- - heading "AgĂȘncia Multi BR" [level=3] [ref=e643]:
- - text: AgĂȘncia Multi BR
- - img [ref=e644]
- - paragraph [ref=e647]: AgĂȘncia de marketing digital 360Âș especializada em trĂĄfego pago, conteĂșdo, redes sociais, web design e identidade visual. EstratĂ©gia personalizada com atendimento local.
- - generic [ref=e649]:
- - generic [ref=e651]: "02"
- - generic [ref=e652]:
- - generic [ref=e653]:
- - img [ref=e656]
- - generic [ref=e659]:
- - generic [ref=e660]: CIVIL
- - generic [ref=e661]: ENG.
- - link [ref=e663] [cursor=pointer]:
- - /url: https://engerod.com.br/
- - img [ref=e664]
- - generic [ref=e668]:
- - generic [ref=e669]:
- - generic [ref=e670]: Wordpress
- - generic [ref=e671]: PHP
- - generic [ref=e672]: CSS
- - generic [ref=e673]: SEO
- - heading "Engerod Engenharia" [level=3] [ref=e674]:
- - text: Engerod Engenharia
- - img [ref=e675]
- - paragraph [ref=e678]: Empresa especializada em pontes, viadutos e projetos especiais. ReferĂȘncia nacional em obras de infraestrutura com tradição desde 1972.
- - generic [ref=e680]:
- - generic [ref=e682]: "03"
- - generic [ref=e683]:
- - generic [ref=e684]:
- - generic [ref=e688]: â
- - generic [ref=e689]: LOGISTICA_GLOBAL // SECTOR_7
- - link [ref=e691] [cursor=pointer]:
- - /url: https://semogrj.com.br/
- - img [ref=e692]
- - generic [ref=e696]:
- - generic [ref=e697]:
- - generic [ref=e698]: Wordpress
- - generic [ref=e699]: PHP
- - generic [ref=e700]: LogĂstica
- - generic [ref=e701]: B2B
- - heading "SEMOGRJ" [level=3] [ref=e702]:
- - text: SEMOGRJ
- - img [ref=e703]
- - paragraph [ref=e706]: Abastecimento MarĂtimo e LogĂstica Internacional. Empresa com presença global, frota prĂłpria e excelĂȘncia operacional no setor marĂtimo.
- - generic [ref=e708]:
- - generic [ref=e710]: "04"
- - link [ref=e723] [cursor=pointer]:
- - /url: https://luisfelipepereira.com.br/
- - img [ref=e724]
- - generic [ref=e728]:
- - generic [ref=e729]:
- - generic [ref=e730]: React
- - generic [ref=e731]: Framer Motion
- - generic [ref=e732]: Gallery
- - generic [ref=e733]: UI/UX
- - heading "Luis Felipe Pereira" [level=3] [ref=e734]:
- - text: Luis Felipe Pereira
- - img [ref=e735]
- - paragraph [ref=e738]: Arquitetura e Interiores de alto padrĂŁo. PortfĂłlio visual e design sofisticado para projetos residenciais e comerciais no Rio de Janeiro.
- - generic [ref=e743]:
- - generic [ref=e744]:
- - generic [ref=e745]:
- - paragraph [ref=e746]: NIVEL_XP
- - heading "0 +" [level=3] [ref=e747]:
- - generic [ref=e748]: "0"
- - generic [ref=e749]: +
- - paragraph [ref=e750]: Anos de ExperiĂȘncia
- - img [ref=e751]
- - generic [ref=e754]:
- - generic [ref=e755]:
- - paragraph [ref=e756]: PROJETOS_CONCLUIDOS
- - heading "0 x" [level=3] [ref=e757]:
- - generic [ref=e758]: "0"
- - generic [ref=e759]: x
- - paragraph [ref=e760]: Deploys com Sucesso
- - img [ref=e761]
- - generic [ref=e764]:
- - generic [ref=e765]:
- - paragraph [ref=e766]: SATISFACAO_CLIENTE
- - heading "0 %" [level=3] [ref=e767]:
- - generic [ref=e768]: "0"
- - generic [ref=e769]: "%"
- - paragraph [ref=e770]: AvaliaçÔes 5 Estrelas
- - img [ref=e771]
- - generic [ref=e783]:
- - generic [ref=e788]: CANAL_ABERTO âą RESPONDO EM 24H
- - heading "PRONTO PARA CONSTRUIR JUNTOS?" [level=2] [ref=e790]:
- - generic [ref=e791]:
- - generic [ref=e793]: PRONTO
- - generic [ref=e795]: PARA
- - generic [ref=e799]: CONSTRUIR
- - generic [ref=e802]: JUNTOS?
- - paragraph [ref=e803]: Estou sempre aberto a discutir novos projetos, ideias criativas ou oportunidades de fazer parte da sua visĂŁo. Entre em contato!
- - generic [ref=e804]:
- - heading "// CONECTE-SE" [level=3] [ref=e805]
- - generic [ref=e806]:
- - link "LinkedIn @bcguimaraes" [ref=e807] [cursor=pointer]:
- - /url: https://www.linkedin.com/in/bcguimaraes/
- - img [ref=e809]
- - generic [ref=e813]: LinkedIn
- - generic [ref=e814]: "@bcguimaraes"
- - link "GitHub @devguimaraes" [ref=e815] [cursor=pointer]:
- - /url: https://github.com/devguimaraes
- - img [ref=e817]
- - generic [ref=e820]: GitHub
- - generic [ref=e821]: "@devguimaraes"
- - link "Instagram @dev.guimaraes" [ref=e822] [cursor=pointer]:
- - /url: https://www.instagram.com/brunoguimraes/
- - img [ref=e824]
- - generic [ref=e827]: Instagram
- - generic [ref=e828]: "@dev.guimaraes"
- - generic [ref=e830]:
- - img [ref=e831]
- - generic [ref=e834]: "STATUS: DISPONĂVEL PARA NOVOS PROJETOS"
- - contentinfo [ref=e835]:
- - generic [ref=e839]:
- - generic [ref=e840]:
- - link "BG Bruno GuimarĂŁes FRONT-END ENGINEER" [ref=e841] [cursor=pointer]:
- - /url: /
- - generic [ref=e843]: BG
- - generic [ref=e844]:
- - generic [ref=e845]: Bruno GuimarĂŁes
- - generic [ref=e846]: FRONT-END ENGINEER
- - paragraph [ref=e847]:
- - text: Transformando ideias em interfaces
- - text: pixel-perfect de alta performance.
- - generic [ref=e848]:
- - link "GitHub" [ref=e849] [cursor=pointer]:
- - /url: https://github.com/devguimaraes
- - img [ref=e850]
- - link "LinkedIn" [ref=e853] [cursor=pointer]:
- - /url: https://linkedin.com/in/devguimaraes
- - img [ref=e854]
- - link "Instagram" [ref=e858] [cursor=pointer]:
- - /url: https://www.instagram.com/brunoguimraes/
- - img [ref=e859]
- - link "Email" [ref=e862] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - img [ref=e863]
- - generic [ref=e867]:
- - generic [ref=e868]:
- - img [ref=e869]
- - generic [ref=e871]: NAVIGATION.SH
- - generic [ref=e872]:
- - link "01. InĂcio" [ref=e873] [cursor=pointer]:
- - /url: "#hero"
- - generic [ref=e874]: "01."
- - generic [ref=e875]: InĂcio
- - link "02. Sobre" [ref=e876] [cursor=pointer]:
- - /url: "#about"
- - generic [ref=e877]: "02."
- - generic [ref=e878]: Sobre
- - link "03. Skills" [ref=e879] [cursor=pointer]:
- - /url: "#skills"
- - generic [ref=e880]: "03."
- - generic [ref=e881]: Skills
- - link "04. Projetos" [ref=e882] [cursor=pointer]:
- - /url: "#projects"
- - generic [ref=e883]: "04."
- - generic [ref=e884]: Projetos
- - link "05. Contato" [ref=e885] [cursor=pointer]:
- - /url: "#contact"
- - generic [ref=e886]: "05."
- - generic [ref=e887]: Contato
- - generic [ref=e889]:
- - generic [ref=e890]:
- - img [ref=e891]
- - generic [ref=e893]: SYSTEM_STATUS
- - generic [ref=e894]:
- - generic [ref=e895]:
- - generic [ref=e896]: SERVIDOR
- - generic [ref=e897]: ONLINE
- - generic [ref=e899]:
- - generic [ref=e900]: VERSĂO
- - generic [ref=e901]: v4.0.0
- - generic [ref=e902]:
- - generic [ref=e903]: DISPONĂVEL
- - generic [ref=e904]: PROJETOS
- - link "INICIAR_CONTATO â" [ref=e905] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - generic [ref=e908]:
- - paragraph [ref=e909]: © 2026 Bruno Guimarães. Todos os direitos reservados.
- - paragraph [ref=e910]:
- - text: Feito com
- - img [ref=e911]
- - text: e muito café
- - generic [ref=e913]:
- - generic [ref=e914]: RIO DE JANEIRO, BR
- - generic [ref=e915]: 22.9068° S, 43.1729° W
-```
\ No newline at end of file
diff --git "a/test-results/home-Navega\303\247\303\243o-Principal-D-d69a7--as-meta-tags-do-mercado-BR-chromium/error-context.md" "b/test-results/home-Navega\303\247\303\243o-Principal-D-d69a7--as-meta-tags-do-mercado-BR-chromium/error-context.md"
deleted file mode 100644
index 9603667..0000000
--- "a/test-results/home-Navega\303\247\303\243o-Principal-D-d69a7--as-meta-tags-do-mercado-BR-chromium/error-context.md"
+++ /dev/null
@@ -1,611 +0,0 @@
-# Page snapshot
-
-```yaml
-- generic [ref=e2]:
- - region "Notifications (F8)":
- - list
- - region "Notifications alt+T"
- - generic [ref=e3]:
- - navigation [ref=e4]:
- - generic [ref=e5]:
- - link "BG Bruno GuimarĂŁes DEV_FRONTEND" [ref=e6] [cursor=pointer]:
- - /url: /
- - generic [ref=e8]: BG
- - generic [ref=e9]:
- - generic [ref=e10]: Bruno GuimarĂŁes
- - generic [ref=e11]:
- - img [ref=e12]
- - text: DEV_FRONTEND
- - generic [ref=e14]:
- - link "//INĂCIO" [ref=e15] [cursor=pointer]:
- - /url: /
- - text: //INĂCIO
- - link "//SOBRE" [ref=e17] [cursor=pointer]:
- - /url: "#about"
- - link "//SKILLS" [ref=e18] [cursor=pointer]:
- - /url: "#skills"
- - link "//PROJETOS" [ref=e19] [cursor=pointer]:
- - /url: "#projects"
- - link "//BLOG" [ref=e20] [cursor=pointer]:
- - /url: /blog
- - link "//ANTIGRAVITY" [ref=e21] [cursor=pointer]:
- - /url: /antigravity
- - link "//CONTATO" [ref=e22] [cursor=pointer]:
- - /url: "#contact"
- - main [ref=e23]:
- - generic [ref=e24]:
- - generic [ref=e25]:
- - generic [ref=e27]:
- - generic [ref=e28]:
- - img [ref=e29]
- - text: Available for Projects
- - generic [ref=e32]: â
- - generic [ref=e33]:
- - img [ref=e34]
- - text: Front-End Engineer
- - generic [ref=e38]: â
- - generic [ref=e39]:
- - img [ref=e40]
- - text: High Performance
- - generic [ref=e42]: â
- - generic [ref=e43]:
- - img [ref=e44]
- - text: Available for Projects
- - generic [ref=e47]: â
- - generic [ref=e48]:
- - img [ref=e49]
- - text: Front-End Engineer
- - generic [ref=e53]: â
- - generic [ref=e54]:
- - img [ref=e55]
- - text: High Performance
- - generic [ref=e57]: â
- - generic [ref=e58]:
- - img [ref=e59]
- - text: Available for Projects
- - generic [ref=e62]: â
- - generic [ref=e63]:
- - img [ref=e64]
- - text: Front-End Engineer
- - generic [ref=e68]: â
- - generic [ref=e69]:
- - img [ref=e70]
- - text: High Performance
- - generic [ref=e72]: â
- - generic [ref=e73]:
- - img [ref=e74]
- - text: Available for Projects
- - generic [ref=e77]: â
- - generic [ref=e78]:
- - img [ref=e79]
- - text: Front-End Engineer
- - generic [ref=e83]: â
- - generic [ref=e84]:
- - img [ref=e85]
- - text: High Performance
- - generic [ref=e87]: â
- - generic [ref=e88]:
- - generic [ref=e89]:
- - generic [ref=e90]:
- - img [ref=e92]
- - generic [ref=e95]:
- - generic [ref=e96]: SYSTEM_READY // v.4.0
- - heading "Bruno GuimarĂŁes" [level=1] [ref=e98]:
- - text: Bruno
- - generic [ref=e99]: GuimarĂŁes
- - paragraph [ref=e100]: Desenvolvedor Front-end focado em performance. Crio interfaces modernas e responsivas para sites e aplicaçÔes web.
- - generic [ref=e101]:
- - button "EXPLORAR PORTFĂLIO" [ref=e102] [cursor=pointer]:
- - text: EXPLORAR PORTFĂLIO
- - img
- - button "INICIAR PROJETO" [ref=e103] [cursor=pointer]
- - generic [ref=e104]:
- - generic [ref=e105]:
- - generic [ref=e106]:
- - generic [ref=e107]: CURRENT_STATUS
- - generic [ref=e108]: ONLINE
- - img [ref=e110]
- - generic [ref=e112]:
- - generic [ref=e113] [cursor=pointer]:
- - img "React" [ref=e116]
- - generic [ref=e118]: React
- - generic [ref=e120] [cursor=pointer]:
- - img "TypeScript" [ref=e123]
- - generic [ref=e125]: TS
- - generic [ref=e127] [cursor=pointer]:
- - img "Next.js" [ref=e130]
- - generic [ref=e132]: Next.js
- - generic [ref=e134] [cursor=pointer]:
- - img "Tailwind CSS" [ref=e137]
- - generic [ref=e139]: Tailwind
- - generic [ref=e142]:
- - generic [ref=e147]: TERMINAL_OUTPUT
- - generic [ref=e148]:
- - generic [ref=e149]: "> INITIALIZING_CORE..."
- - generic [ref=e150]: "> LOADING_ASSETS..."
- - generic [ref=e151]: _
- - generic [ref=e154]: "COORDS: 22.9068° S, 43.1729° W"
- - generic [ref=e159]:
- - generic [ref=e160]:
- - generic [ref=e161]: "01"
- - heading "SOBRE_MIM" [level=2] [ref=e162]:
- - generic [ref=e165]: SOBRE_MIM
- - generic [ref=e168]:
- - generic [ref=e170]:
- - img [ref=e171]
- - text: PERFIL_USUARIO.JSON
- - generic [ref=e178]:
- - generic [ref=e179]:
- - generic [ref=e180]:
- - img "Bruno GuimarĂŁes" [ref=e183]
- - generic [ref=e185]: ONLINE
- - generic [ref=e187]:
- - generic [ref=e188]:
- - img [ref=e189]
- - generic [ref=e192]: "LOCAL:"
- - generic [ref=e193]: Rio de Janeiro
- - generic [ref=e194]:
- - img [ref=e195]
- - generic [ref=e197]: "EXP:"
- - generic [ref=e198]: +5 Anos
- - generic [ref=e199]:
- - img [ref=e200]
- - generic [ref=e204]: "CARGO:"
- - generic [ref=e205]: Dev. Front-end
- - generic [ref=e206]:
- - heading "Eu crio interfaces de alta performance para a web." [level=3] [ref=e207]:
- - generic [ref=e208]:
- - generic [ref=e210]: Eu
- - generic [ref=e212]: crio
- - generic [ref=e214]: interfaces
- - generic [ref=e216]: de
- - generic [ref=e218]:
- - generic [ref=e220]: alta
- - generic [ref=e222]: performance
- - generic [ref=e223]:
- - generic [ref=e225]: para
- - generic [ref=e227]: a
- - generic [ref=e229]: web.
- - paragraph [ref=e230]: Com 5 anos de experiĂȘncia em desenvolvimento frontâend e formação emDesenvolvimento Web pelo SenacâRJ, transformo conceitos de design em interfaces reais,rĂĄpidas e funcionais para sites e sofwares.
- - generic [ref=e231]:
- - generic [ref=e232]: Valores_Centrais
- - generic [ref=e233]:
- - generic [ref=e234]:
- - heading "OTIMIZADO" [level=4] [ref=e235]:
- - img [ref=e236]
- - text: OTIMIZADO
- - paragraph [ref=e239]: CĂłdigo limpo que roda rĂĄpido em qualquer dispositivo.
- - generic [ref=e240]:
- - heading "ESCALĂVEL" [level=4] [ref=e241]:
- - img [ref=e242]
- - text: ESCALĂVEL
- - paragraph [ref=e245]: Arquiteturas construĂdas para crescer com seu negĂłcio.
- - generic [ref=e246]:
- - generic [ref=e247]: "#CRIATIVO"
- - generic [ref=e248]: "#LĂGICO"
- - generic [ref=e249]: "#PRECISO"
- - generic [ref=e256]:
- - generic [ref=e257]:
- - generic [ref=e258]: "02"
- - heading "SERVIĂOS" [level=2] [ref=e259]:
- - generic [ref=e262]: SERVIĂOS
- - generic [ref=e264]:
- - generic [ref=e265] [cursor=pointer]:
- - generic [ref=e266]: "01"
- - generic [ref=e267]:
- - generic [ref=e268]:
- - heading "FRONT-END ENGINEERING" [level=3] [ref=e269]:
- - generic [ref=e270]:
- - generic [ref=e272]: FRONT-END
- - generic [ref=e274]: ENGINEERING
- - paragraph [ref=e275]: React, Next.js, Architecture
- - generic [ref=e276]:
- - img [ref=e278]
- - img [ref=e281]
- - generic [ref=e284] [cursor=pointer]:
- - generic [ref=e285]: "02"
- - generic [ref=e286]:
- - generic [ref=e287]:
- - heading "UI & UX" [level=3] [ref=e288]:
- - generic [ref=e289]:
- - generic [ref=e291]: UI
- - generic [ref=e293]: "&"
- - generic [ref=e295]: UX
- - paragraph [ref=e296]: Typography Systems, Visual Hierarchy
- - generic [ref=e297]:
- - img [ref=e299]
- - img [ref=e305]
- - generic [ref=e308] [cursor=pointer]:
- - generic [ref=e309]: "03"
- - generic [ref=e310]:
- - generic [ref=e311]:
- - heading "PERFORMANCE" [level=3] [ref=e312]:
- - generic [ref=e315]: PERFORMANCE
- - paragraph [ref=e316]: SEO, Core Web Vitals, Speed
- - generic [ref=e317]:
- - img [ref=e319]
- - img [ref=e321]
- - generic [ref=e324] [cursor=pointer]:
- - generic [ref=e325]: "04"
- - generic [ref=e326]:
- - generic [ref=e327]:
- - heading "MOTION DESIGN" [level=3] [ref=e328]:
- - generic [ref=e329]:
- - generic [ref=e331]: MOTION
- - generic [ref=e333]: DESIGN
- - paragraph [ref=e334]: GSAP, Framer Motion, WebGL
- - generic [ref=e335]:
- - img [ref=e337]
- - img [ref=e340]
- - generic [ref=e344]: SERVICOS_ATIVOS
- - generic [ref=e348]:
- - generic [ref=e349]:
- - generic [ref=e350]:
- - generic [ref=e351]:
- - img [ref=e352]
- - text: ~/DOCUMENTS/BLOG
- - heading "INSIGHTS TĂCNICOS" [level=2] [ref=e354]:
- - generic [ref=e357]: INSIGHTS
- - generic [ref=e361]: TĂCNICOS
- - paragraph [ref=e362]:
- - generic [ref=e363]:
- - generic [ref=e365]: Pensamentos
- - generic [ref=e367]: sobre
- - generic [ref=e369]: cĂłdigo,
- - generic [ref=e371]: design
- - generic [ref=e373]: e
- - generic [ref=e375]: a
- - generic [ref=e377]: entropia
- - generic [ref=e379]: do
- - generic [ref=e381]: desenvolvimento
- - generic [ref=e383]: web
- - generic [ref=e385]: moderno.
- - generic [ref=e386]:
- - generic [ref=e387]:
- - generic [ref=e390]: shai-hulud-detector.md
- - generic [ref=e396]:
- - generic [ref=e397]:
- - generic [ref=e398]:
- - img [ref=e399]
- - text: 25 NOV 2025
- - generic [ref=e401]:
- - img [ref=e402]
- - text: 4 min
- - 'heading "Shai-Hulud 2 Detector TS: Proteja seu Projeto NPM" [level=3] [ref=e405]'
- - paragraph [ref=e406]: Um script TypeScript para detectar pacotes comprometidos pelo ataque Shai-Hulud 2.0 em projetos Node.js.
- - generic [ref=e407]:
- - generic [ref=e408]:
- - generic [ref=e409]: Segurança
- - generic [ref=e410]: NPM
- - link "LER_ARQUIVO" [ref=e411] [cursor=pointer]:
- - /url: /blog/shai-hulud-detector
- - text: LER_ARQUIVO
- - img [ref=e412]
- - generic [ref=e416]:
- - generic [ref=e419]: react-server-components.md
- - generic [ref=e425]:
- - generic [ref=e426]:
- - generic [ref=e427]:
- - img [ref=e428]
- - text: 20 NOV 2025
- - generic [ref=e430]:
- - img [ref=e431]
- - text: 5 min
- - 'heading "React Server Components: O Futuro do React" [level=3] [ref=e434]'
- - paragraph [ref=e435]: Descubra como React Server Components estĂŁo revolucionando a forma como construĂmos aplicaçÔes web modernas.
- - generic [ref=e436]:
- - generic [ref=e437]:
- - generic [ref=e438]: React
- - generic [ref=e439]: Server Components
- - link "LER_ARQUIVO" [ref=e440] [cursor=pointer]:
- - /url: /blog/react-server-components
- - text: LER_ARQUIVO
- - img [ref=e441]
- - generic [ref=e445]:
- - generic [ref=e448]: typescript-performance.md
- - generic [ref=e454]:
- - generic [ref=e455]:
- - generic [ref=e456]:
- - img [ref=e457]
- - text: 18 NOV 2025
- - generic [ref=e459]:
- - img [ref=e460]
- - text: 6 min
- - 'heading "TypeScript Performance: OtimizaçÔes Avançadas" [level=3] [ref=e463]'
- - paragraph [ref=e464]: Técnicas avançadas para melhorar a performance de compilação e runtime em projetos TypeScript.
- - generic [ref=e465]:
- - generic [ref=e466]:
- - generic [ref=e467]: TypeScript
- - generic [ref=e468]: Performance
- - link "LER_ARQUIVO" [ref=e469] [cursor=pointer]:
- - /url: /blog/typescript-performance
- - text: LER_ARQUIVO
- - img [ref=e470]
- - link "VER TODOS OS POSTS" [ref=e475] [cursor=pointer]:
- - /url: /blog
- - text: VER TODOS OS POSTS
- - img [ref=e476]
- - generic [ref=e478]:
- - generic:
- - generic: STACK STACK STACK STACK STACK STACK
- - generic: STACK STACK STACK STACK STACK STACK
- - generic: STACK STACK STACK STACK STACK STACK
- - generic [ref=e480]:
- - generic [ref=e481]:
- - generic [ref=e482]:
- - heading "MĂDULOS_INSTALADOS" [level=2] [ref=e483]
- - paragraph [ref=e484]: // 63 TECNOLOGIAS_DETECTADAS
- - generic [ref=e485]:
- - img [ref=e486]
- - generic [ref=e489]: SISTEMA_OTIMIZADO
- - generic [ref=e490]:
- - generic [ref=e498]:
- - generic [ref=e499]:
- - generic [ref=e500]: "01"
- - img [ref=e501]
- - generic [ref=e503]:
- - img [ref=e505]
- - generic [ref=e509]: Desenvolvimento
- - generic [ref=e510]:
- - generic [ref=e511]: React
- - generic [ref=e512]: Next.j
- - generic [ref=e513]: "+1"
- - generic [ref=e523]:
- - generic [ref=e524]:
- - generic [ref=e525]: "02"
- - img [ref=e526]
- - generic [ref=e528]:
- - img [ref=e530]
- - generic [ref=e536]: Design_& UI
- - generic [ref=e537]:
- - generic [ref=e538]: Tailwi
- - generic [ref=e539]: Radix
- - generic [ref=e540]: "+1"
- - generic [ref=e550]:
- - generic [ref=e551]:
- - generic [ref=e552]: "03"
- - img [ref=e553]
- - generic [ref=e555]:
- - img [ref=e557]
- - generic [ref=e559]: Performance
- - generic [ref=e560]:
- - generic [ref=e561]: Web Vi
- - generic [ref=e562]: Lighth
- - generic [ref=e563]: "+1"
- - generic [ref=e573]:
- - generic [ref=e574]:
- - generic [ref=e575]: "04"
- - img [ref=e576]
- - generic [ref=e578]:
- - img [ref=e580]
- - generic [ref=e585]: Deploy_& CI/CD
- - generic [ref=e586]:
- - generic [ref=e587]: Vercel
- - generic [ref=e588]: GitHub
- - generic [ref=e589]: "+1"
- - generic [ref=e593]:
- - generic [ref=e594]:
- - text: // SKILL_CATEGORIES_LOADED
- - generic [ref=e595]: 4 CATEGORIAS
- - generic [ref=e596]:
- - text: // TOTAL_TECHNOLOGIES
- - generic [ref=e597]: 63+ TECNOLOGIAS
- - generic [ref=e598]:
- - text: // SYSTEM_STATUS
- - generic [ref=e599]: â ONLINE
- - generic [ref=e601]:
- - generic [ref=e602]:
- - generic [ref=e603]:
- - generic [ref=e604]: // ACESSO_DADOS
- - heading "TRABALHOS SELECIONADOS_" [level=2] [ref=e605]:
- - generic [ref=e608]: TRABALHOS
- - generic [ref=e612]: SELECIONADOS_
- - paragraph [ref=e613]: Cases reais de transformação digital, de sites institucionais a plataformas globais.
- - generic [ref=e614]:
- - generic [ref=e616]:
- - generic [ref=e618]: "01"
- - generic [ref=e619]:
- - generic [ref=e620]:
- - generic [ref=e628]: "@"
- - generic [ref=e630]: ADS
- - generic:
- - img
- - link [ref=e632] [cursor=pointer]:
- - /url: https://www.agenciamultibr.com/
- - img [ref=e633]
- - generic [ref=e637]:
- - generic [ref=e638]:
- - generic [ref=e639]: WordPress
- - generic [ref=e640]: Elementor
- - generic [ref=e641]: UI/UX
- - generic [ref=e642]: SEO
- - heading "AgĂȘncia Multi BR" [level=3] [ref=e643]:
- - text: AgĂȘncia Multi BR
- - img [ref=e644]
- - paragraph [ref=e647]: AgĂȘncia de marketing digital 360Âș especializada em trĂĄfego pago, conteĂșdo, redes sociais, web design e identidade visual. EstratĂ©gia personalizada com atendimento local.
- - generic [ref=e649]:
- - generic [ref=e651]: "02"
- - generic [ref=e652]:
- - generic [ref=e653]:
- - img [ref=e656]
- - generic [ref=e659]:
- - generic [ref=e660]: CIVIL
- - generic [ref=e661]: ENG.
- - link [ref=e663] [cursor=pointer]:
- - /url: https://engerod.com.br/
- - img [ref=e664]
- - generic [ref=e668]:
- - generic [ref=e669]:
- - generic [ref=e670]: Wordpress
- - generic [ref=e671]: PHP
- - generic [ref=e672]: CSS
- - generic [ref=e673]: SEO
- - heading "Engerod Engenharia" [level=3] [ref=e674]:
- - text: Engerod Engenharia
- - img [ref=e675]
- - paragraph [ref=e678]: Empresa especializada em pontes, viadutos e projetos especiais. ReferĂȘncia nacional em obras de infraestrutura com tradição desde 1972.
- - generic [ref=e680]:
- - generic [ref=e682]: "03"
- - generic [ref=e683]:
- - generic [ref=e684]:
- - generic [ref=e688]: â
- - generic [ref=e689]: LOGISTICA_GLOBAL // SECTOR_7
- - link [ref=e691] [cursor=pointer]:
- - /url: https://semogrj.com.br/
- - img [ref=e692]
- - generic [ref=e696]:
- - generic [ref=e697]:
- - generic [ref=e698]: Wordpress
- - generic [ref=e699]: PHP
- - generic [ref=e700]: LogĂstica
- - generic [ref=e701]: B2B
- - heading "SEMOGRJ" [level=3] [ref=e702]:
- - text: SEMOGRJ
- - img [ref=e703]
- - paragraph [ref=e706]: Abastecimento MarĂtimo e LogĂstica Internacional. Empresa com presença global, frota prĂłpria e excelĂȘncia operacional no setor marĂtimo.
- - generic [ref=e708]:
- - generic [ref=e710]: "04"
- - link [ref=e723] [cursor=pointer]:
- - /url: https://luisfelipepereira.com.br/
- - img [ref=e724]
- - generic [ref=e728]:
- - generic [ref=e729]:
- - generic [ref=e730]: React
- - generic [ref=e731]: Framer Motion
- - generic [ref=e732]: Gallery
- - generic [ref=e733]: UI/UX
- - heading "Luis Felipe Pereira" [level=3] [ref=e734]:
- - text: Luis Felipe Pereira
- - img [ref=e735]
- - paragraph [ref=e738]: Arquitetura e Interiores de alto padrĂŁo. PortfĂłlio visual e design sofisticado para projetos residenciais e comerciais no Rio de Janeiro.
- - generic [ref=e743]:
- - generic [ref=e744]:
- - generic [ref=e745]:
- - paragraph [ref=e746]: NIVEL_XP
- - heading "0 +" [level=3] [ref=e747]:
- - generic [ref=e748]: "0"
- - generic [ref=e749]: +
- - paragraph [ref=e750]: Anos de ExperiĂȘncia
- - img [ref=e751]
- - generic [ref=e754]:
- - generic [ref=e755]:
- - paragraph [ref=e756]: PROJETOS_CONCLUIDOS
- - heading "0 x" [level=3] [ref=e757]:
- - generic [ref=e758]: "0"
- - generic [ref=e759]: x
- - paragraph [ref=e760]: Deploys com Sucesso
- - img [ref=e761]
- - generic [ref=e764]:
- - generic [ref=e765]:
- - paragraph [ref=e766]: SATISFACAO_CLIENTE
- - heading "0 %" [level=3] [ref=e767]:
- - generic [ref=e768]: "0"
- - generic [ref=e769]: "%"
- - paragraph [ref=e770]: AvaliaçÔes 5 Estrelas
- - img [ref=e771]
- - generic [ref=e783]:
- - generic [ref=e788]: CANAL_ABERTO âą RESPONDO EM 24H
- - heading "PRONTO PARA CONSTRUIR JUNTOS?" [level=2] [ref=e790]:
- - generic [ref=e791]:
- - generic [ref=e793]: PRONTO
- - generic [ref=e795]: PARA
- - generic [ref=e799]: CONSTRUIR
- - generic [ref=e802]: JUNTOS?
- - paragraph [ref=e803]: Estou sempre aberto a discutir novos projetos, ideias criativas ou oportunidades de fazer parte da sua visĂŁo. Entre em contato!
- - generic [ref=e804]:
- - heading "// CONECTE-SE" [level=3] [ref=e805]
- - generic [ref=e806]:
- - link "LinkedIn @bcguimaraes" [ref=e807] [cursor=pointer]:
- - /url: https://www.linkedin.com/in/bcguimaraes/
- - img [ref=e809]
- - generic [ref=e813]: LinkedIn
- - generic [ref=e814]: "@bcguimaraes"
- - link "GitHub @devguimaraes" [ref=e815] [cursor=pointer]:
- - /url: https://github.com/devguimaraes
- - img [ref=e817]
- - generic [ref=e820]: GitHub
- - generic [ref=e821]: "@devguimaraes"
- - link "Instagram @dev.guimaraes" [ref=e822] [cursor=pointer]:
- - /url: https://www.instagram.com/brunoguimraes/
- - img [ref=e824]
- - generic [ref=e827]: Instagram
- - generic [ref=e828]: "@dev.guimaraes"
- - generic [ref=e830]:
- - img [ref=e831]
- - generic [ref=e834]: "STATUS: DISPONĂVEL PARA NOVOS PROJETOS"
- - contentinfo [ref=e835]:
- - generic [ref=e839]:
- - generic [ref=e840]:
- - link "BG Bruno GuimarĂŁes FRONT-END ENGINEER" [ref=e841] [cursor=pointer]:
- - /url: /
- - generic [ref=e843]: BG
- - generic [ref=e844]:
- - generic [ref=e845]: Bruno GuimarĂŁes
- - generic [ref=e846]: FRONT-END ENGINEER
- - paragraph [ref=e847]:
- - text: Transformando ideias em interfaces
- - text: pixel-perfect de alta performance.
- - generic [ref=e848]:
- - link "GitHub" [ref=e849] [cursor=pointer]:
- - /url: https://github.com/devguimaraes
- - img [ref=e850]
- - link "LinkedIn" [ref=e853] [cursor=pointer]:
- - /url: https://linkedin.com/in/devguimaraes
- - img [ref=e854]
- - link "Instagram" [ref=e858] [cursor=pointer]:
- - /url: https://www.instagram.com/brunoguimraes/
- - img [ref=e859]
- - link "Email" [ref=e862] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - img [ref=e863]
- - generic [ref=e867]:
- - generic [ref=e868]:
- - img [ref=e869]
- - generic [ref=e871]: NAVIGATION.SH
- - generic [ref=e872]:
- - link "01. InĂcio" [ref=e873] [cursor=pointer]:
- - /url: "#hero"
- - generic [ref=e874]: "01."
- - generic [ref=e875]: InĂcio
- - link "02. Sobre" [ref=e876] [cursor=pointer]:
- - /url: "#about"
- - generic [ref=e877]: "02."
- - generic [ref=e878]: Sobre
- - link "03. Skills" [ref=e879] [cursor=pointer]:
- - /url: "#skills"
- - generic [ref=e880]: "03."
- - generic [ref=e881]: Skills
- - link "04. Projetos" [ref=e882] [cursor=pointer]:
- - /url: "#projects"
- - generic [ref=e883]: "04."
- - generic [ref=e884]: Projetos
- - link "05. Contato" [ref=e885] [cursor=pointer]:
- - /url: "#contact"
- - generic [ref=e886]: "05."
- - generic [ref=e887]: Contato
- - generic [ref=e889]:
- - generic [ref=e890]:
- - img [ref=e891]
- - generic [ref=e893]: SYSTEM_STATUS
- - generic [ref=e894]:
- - generic [ref=e895]:
- - generic [ref=e896]: SERVIDOR
- - generic [ref=e897]: ONLINE
- - generic [ref=e899]:
- - generic [ref=e900]: VERSĂO
- - generic [ref=e901]: v4.0.0
- - generic [ref=e902]:
- - generic [ref=e903]: DISPONĂVEL
- - generic [ref=e904]: PROJETOS
- - link "INICIAR_CONTATO â" [ref=e905] [cursor=pointer]:
- - /url: mailto:contato@brunoguimaraes.dev
- - generic [ref=e908]:
- - paragraph [ref=e909]: © 2026 Bruno Guimarães. Todos os direitos reservados.
- - paragraph [ref=e910]:
- - text: Feito com
- - img [ref=e911]
- - text: e muito café
- - generic [ref=e913]:
- - generic [ref=e914]: RIO DE JANEIRO, BR
- - generic [ref=e915]: 22.9068° S, 43.1729° W
-```
\ No newline at end of file
diff --git a/teste.txt b/teste.txt
deleted file mode 100644
index 7e99af2..0000000
--- a/teste.txt
+++ /dev/null
@@ -1 +0,0 @@
-teste de hook