bender/0369b970-0d68-48b3-9c32-9bde09afb59e
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_13 bender:version_12 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_7
Branches Tags
bender:main bender:version_13 bender:version_12 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

9 Commits
version_2 ... version_7

Author SHA1 Message Date
kudindmitriy
e3e977c0ce Bob AI: Add infinite continuous spinning animation to the hero image 2026-02-26 13:13:37 +00:00
bender
5f0303afed Merge version_5 into main 
Merge version_5 into main
 2026-02-26 13:10:23 +00:00
kudindmitriy
973b38f7a0 Bob AI: Replace the flip animation on hover with a continuous infini 2026-02-26 13:09:42 +00:00
bender
9a3a179ad4 Merge version_4 into main 
Merge version_4 into main
 2026-02-26 13:07:54 +00:00
kudindmitriy
2745a435fb Bob AI: Change the hero image flip animation direction from Y-axis ( 2026-02-26 13:07:14 +00:00
bender
174847fd3e Update src/app/layout.tsx 2026-02-26 13:06:58 +00:00
bender
b1bfb8dacf Merge version_3 into main 
Merge version_3 into main
 2026-02-26 13:05:50 +00:00
kudindmitriy
e9df669943 Bob AI: Add a flip animation effect to the hero image on hover using 2026-02-26 13:05:09 +00:00
bender
3f01f55a30 Merge version_2 into main 
Merge version_2 into main
 2026-02-26 13:02:57 +00:00
2 changed files with 1392 additions and 10 deletions
Expand all files Collapse all files

1367
src/app/layout.tsx
View File

File diff suppressed because it is too large Load Diff

35
src/components/sections/hero/HeroBillboard.tsx
View File

@@ -61,7 +61,7 @@ interface HeroBillboardProps {
buttonTextClassName?: string; buttonTextClassName?: string;
mediaWrapperClassName?: string; mediaWrapperClassName?: string;
imageClassName?: string; imageClassName?: string;
marqueeClassName?: string; marqueeClassName?: string;
marqueeItemClassName?: string; marqueeItemClassName?: string;
marqueeCardClassName?: string; marqueeCardClassName?: string;
marqueeImageClassName?: string; marqueeImageClassName?: string;
@@ -139,15 +139,30 @@ const HeroBillboard = ({
center={true} center={true}
/> />
<div className="flex flex-col gap-6" > <div className="flex flex-col gap-6" >
<div ref={mediaContainerRef} className={cls("w-full overflow-hidden rounded-theme-capped card p-4", mediaWrapperClassName)}> <div ref={mediaContainerRef} className={cls("w-full overflow-hidden rounded-theme-capped card p-4 [perspective:1000px]", mediaWrapperClassName)}>
<MediaContent <style>{`
imageSrc={imageSrc} @keyframes infiniteSpin {
videoSrc={videoSrc} from {
imageAlt={imageAlt} transform: rotate(0deg);
videoAriaLabel={videoAriaLabel} }
imageClassName={cls("z-1 aspect-square md:aspect-video", imageClassName)} to {
/> transform: rotate(360deg);
</div> }
}
.spin-infinite {
animation: infiniteSpin 8s linear infinite;
}
`}</style>
<div className="spin-infinite w-full h-full [transform-style:preserve-3d]">
<MediaContent
imageSrc={imageSrc}
videoSrc={videoSrc}
imageAlt={imageAlt}
videoAriaLabel={videoAriaLabel}
imageClassName={cls("z-1 aspect-square md:aspect-video", imageClassName)}
/>
</div>
</div>
{marqueeItems && marqueeItems.length > 0 && ( {marqueeItems && marqueeItems.length > 0 && (
<LogoMarquee <LogoMarquee
items={marqueeItems} items={marqueeItems}