bender/2f4a8395-4a4f-4603-ac5f-6cb0700119b7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_11_1778226860864 into main

Browse Source 
Merge version_11_1778226860864 into main
This commit was merged in pull request #10.
This commit is contained in:
bender
2026-05-08 07:56:07 +00:00
parent 788c6cf1dd ecb83a4563
commit 92b9d3f91a
2 changed files with 42 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/custom/TestimonialCard.tsx
View File

@@ -35,7 +35,7 @@ const TestimonialCard = () => {
}, []);
return (
<div className="absolute bottom-5 right-5 z-20">
<div className="z-20">
<div className={`testimonial-card ${visible ? 'fade-in' : 'fade-out'}`}>
<div className="bg-white/80 backdrop-blur-sm rounded-lg p-4 max-w-sm shadow-lg">
<p className="text-gray-800 italic">"{testimonials[index].quote}"</p>

68
src/components/sections/hero/HeroOverlay.tsx
View File

@@ -43,38 +43,52 @@ const HeroOverlay = ({
aria-hidden="true"
/>
<div className="relative z-10 w-content-width mx-auto pb-40 md:pb-50">
<div className="flex flex-col gap-3 w-full md:w-6/10 lg:w-1/2 xl:w-45/100 2xl:w-4/10">
<span className="w-fit px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
<div className="relative z-10 w-content-width mx-auto pb-20 md:pb-20">
<div className="flex flex-col md:flex-row justify-between items-end gap-3 w-full">
<div className="flex flex-col gap-3 w-full md:w-6/10 lg:w-1/2 xl:w-45/100 2xl:w-4/10">
<span className="w-fit px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
<TextAnimation
text={title}
variant="fade"
gradientText={true}
tag="h1"
className="text-7xl 2xl:text-8xl font-medium text-primary-cta-text text-balance"
/>
<TextAnimation
text={title}
variant="fade"
gradientText={true}
tag="h1"
className="text-7xl 2xl:text-8xl font-medium text-primary-cta-text text-balance"
/>
<TextAnimation
text={description}
variant="fade"
gradientText={false}
tag="p"
className="text-lg md:text-xl text-primary-cta-text leading-tight text-balance"
/>
<TextAnimation
text={description}
variant="fade"
gradientText={false}
tag="p"
className="text-lg md:text-xl text-primary-cta-text leading-tight text-balance"
/>
<div className="flex flex-wrap gap-3 mt-3">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
</div>
{avatars && avatars.length > 0 && (
<div className="mt-4">
<AvatarGroup avatars={avatars} size="lg" label={avatarsLabel} labelClassName="text-primary-cta-text" />
<div className="flex flex-wrap gap-3 mt-3">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" />
<Button
text={secondaryButton.text}
href={secondaryButton.href}
variant="secondary"
animationDelay={0.1}
/>
</div>
)}
{avatars && avatars.length > 0 && (
<div className="mt-4">
<AvatarGroup
avatars={avatars}
size="lg"
label={avatarsLabel}
labelClassName="text-primary-cta-text"
/>
</div>
)}
</div>
<div className="w-full md:w-auto">
<TestimonialCard />
</div>
</div>
<TestimonialCard />
</div>
</section>
);