bender/adc8d263-e253-44e2-97d6-0cc358c838d9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2_1776316001450
Branches Tags
bender:main bender:version_7_1776319843781 bender:version_6_1776318983396 bender:version_5_1776317976255 bender:version_4_1776316352200 bender:version_3_1776316186565 bender:version_2_1776316001450 bender:version_1_1776315696328
...
pull from: bender:version_5_1776317976255
Branches Tags
bender:main bender:version_7_1776319843781 bender:version_6_1776318983396 bender:version_5_1776317976255 bender:version_4_1776316352200 bender:version_3_1776316186565 bender:version_2_1776316001450 bender:version_1_1776315696328

6 Commits
version_2_ ... version_5_

Author SHA1 Message Date
kudinDmitriyUp
9bbe263701 Bob AI: Apply CSS styles to the buttons in the hero section to give 2026-04-16 05:40:37 +00:00
bender
253bf96646 Merge version_4_1776316352200 into main 
Merge version_4_1776316352200 into main
 2026-04-16 05:14:52 +00:00
kudinDmitriyUp
c46d47952f Bob AI: Reorder the elements within the hero section: move the text 2026-04-16 05:14:31 +00:00
bender
725ae37201 Merge version_3_1776316186565 into main 
Merge version_3_1776316186565 into main
 2026-04-16 05:11:27 +00:00
kudinDmitriyUp
dad69dac5b Bob AI: Adjust the vertical alignment of the text, subtext, and butt 2026-04-16 05:11:06 +00:00
bender
0c1d2ac648 Merge version_2_1776316001450 into main 
Merge version_2_1776316001450 into main
 2026-04-16 05:08:35 +00:00
2 changed files with 28 additions and 7 deletions
Expand all files Collapse all files

14
src/components/sections/hero/HeroAnimated.tsx
View File

@@ -38,11 +38,6 @@ const HeroAnimated = ({
className="hero-animated-container"
onMouseMove={handleMouseMove}
>
<div className="hero-animated-image-container">
<div className="hero-animated-parallax-wrapper" style={parallaxStyle}>
<ImageOrVideo imageSrc={imageSrc} videoSrc={videoSrc} className="hero-animated-image" />
</div>
</div>
<div className="hero-animated-content w-content-width mx-auto">
<div className="flex flex-col items-center gap-3 md:gap-5">
<span className="px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
@@ -59,11 +54,16 @@ const HeroAnimated = ({
className="max-w-8/10 text-lg md:text-xl leading-tight text-center"
/>
<div className="flex flex-wrap justify-center gap-3 mt-2">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" animate />
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animate delay={0.1} />
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" animate className="btn-3d" />
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animate delay={0.1} className="btn-3d" />
</div>
</div>
</div>
<div className="hero-animated-image-container">
<div className="hero-animated-parallax-wrapper" style={parallaxStyle}>
<ImageOrVideo imageSrc={imageSrc} videoSrc={videoSrc} className="hero-animated-image" />
</div>
</div>
</section>
);
};

21
src/index.css
View File

@@ -151,6 +151,17 @@ h6 {
font-family: var(--font-manrope), sans-serif;
}
#hero {
padding-top: 4rem;
}
.hero-animated-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
/* WEBILD_CARD_STYLE */
/* @cards/gradient-mesh */
.card {
@@ -183,3 +194,13 @@ h6 {
2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
border: 1px solid var(--color-secondary-cta);
}
.btn-3d {
transition: transform 0.1s ease-out, border-bottom-width 0.1s ease-out;
border-bottom: 4px solid rgba(0, 0, 0, 0.25);
}
.btn-3d:active {
transform: translateY(2px);
border-bottom-width: 2px;
}