Merge version_11_1778226860864 into main
Merge version_11_1778226860864 into main
This commit was merged in pull request #10.
This commit is contained in:
@@ -35,7 +35,7 @@ const TestimonialCard = () => {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
return (
|
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={`testimonial-card ${visible ? 'fade-in' : 'fade-out'}`}>
|
||||||
<div className="bg-white/80 backdrop-blur-sm rounded-lg p-4 max-w-sm shadow-lg">
|
<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>
|
<p className="text-gray-800 italic">"{testimonials[index].quote}"</p>
|
||||||
|
|||||||
@@ -43,38 +43,52 @@ const HeroOverlay = ({
|
|||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div className="relative z-10 w-content-width mx-auto pb-40 md:pb-50">
|
<div className="relative z-10 w-content-width mx-auto pb-20 md:pb-20">
|
||||||
<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">
|
<div className="flex flex-col md:flex-row justify-between items-end gap-3 w-full">
|
||||||
<span className="w-fit px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
|
<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
|
<TextAnimation
|
||||||
text={title}
|
text={title}
|
||||||
variant="fade"
|
variant="fade"
|
||||||
gradientText={true}
|
gradientText={true}
|
||||||
tag="h1"
|
tag="h1"
|
||||||
className="text-7xl 2xl:text-8xl font-medium text-primary-cta-text text-balance"
|
className="text-7xl 2xl:text-8xl font-medium text-primary-cta-text text-balance"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<TextAnimation
|
<TextAnimation
|
||||||
text={description}
|
text={description}
|
||||||
variant="fade"
|
variant="fade"
|
||||||
gradientText={false}
|
gradientText={false}
|
||||||
tag="p"
|
tag="p"
|
||||||
className="text-lg md:text-xl text-primary-cta-text leading-tight text-balance"
|
className="text-lg md:text-xl text-primary-cta-text leading-tight text-balance"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div className="flex flex-wrap gap-3 mt-3">
|
<div className="flex flex-wrap gap-3 mt-3">
|
||||||
<Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
|
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" />
|
||||||
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
|
<Button
|
||||||
</div>
|
text={secondaryButton.text}
|
||||||
|
href={secondaryButton.href}
|
||||||
{avatars && avatars.length > 0 && (
|
variant="secondary"
|
||||||
<div className="mt-4">
|
animationDelay={0.1}
|
||||||
<AvatarGroup avatars={avatars} size="lg" label={avatarsLabel} labelClassName="text-primary-cta-text" />
|
/>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
<TestimonialCard />
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user