Dotbaseai/Dotbase-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update components/home/HeroSection.tsx

Browse Source
This commit is contained in:
yoginawaka 2025-02-11 17:56:14 +00:00
parent 688a1c8276
commit 0b361e7cad
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/home/HeroSection.tsx
View File

@ -137,7 +137,7 @@ export default function HeroSection() {
<motion.h2
initial={{ y: -50, opacity: 0 }}
whileInView={{ y: 0, opacity: 1 }}
transition={{ duration: 0.5, delay: 0.5 }}
transition={{ duration: 0.3, delay: 0.25 }}
viewport={{ once: true }}
className=" max-w-[1050px] text-5xl text-center text-[#FFF] mb-4"
>
@ -150,7 +150,7 @@ export default function HeroSection() {
<motion.p
initial={{ y: -50, opacity: 0 }}
whileInView={{ y: 0, opacity: 1 }}
transition={{ duration: 0.5, delay: 0.75 }}
transition={{ duration: 0.3, delay: 0.5 }}
viewport={{ once: true }}
className="mb-6 text-lg font-medium text-center text-[#b5b5b5]"
>
@ -160,7 +160,7 @@ export default function HeroSection() {
<motion.div
initial={{ y: -50, opacity: 0 }}
whileInView={{ y: 0, opacity: 1 }}
transition={{ duration: 0.5, delay: 1 }}
transition={{ duration: 0.3, delay: 0.5 }}
viewport={{ once: true }}
className="mb-20 mt-2 flex items-center gap-4 max-xl:mb-2"
>
@ -184,14 +184,14 @@ export default function HeroSection() {
<motion.div
initial={{ opacity: 0 }}
whileInView={{ opacity: 1 }}
transition={{ duration: 0.5, delay: 1.25 }}
transition={{ duration: 0.25, delay: 0.25 }}
viewport={{ once: true }}
className="absolute -inset-1 bg-gradient-to-r from-gray-600 to-gray-600 rounded-lg blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-200" />
<motion.div
initial={{ y: 0, opacity: 0 }}
whileInView={{ y: 0, opacity: 1 }}
transition={{ duration: 0.5, delay: 1.25 }}
transition={{ duration: 0.25, delay: 0.25 }}
viewport={{ once: true }}
className="relative w-full"
>