Update components/home/HeroSection.tsx

This commit is contained in:
yoginawaka 2025-02-11 17:56:14 +00:00
parent 688a1c8276
commit 0b361e7cad

View File

@ -137,7 +137,7 @@ export default function HeroSection() {
<motion.h2 <motion.h2
initial={{ y: -50, opacity: 0 }} initial={{ y: -50, opacity: 0 }}
whileInView={{ y: 0, opacity: 1 }} whileInView={{ y: 0, opacity: 1 }}
transition={{ duration: 0.5, delay: 0.5 }} transition={{ duration: 0.3, delay: 0.25 }}
viewport={{ once: true }} viewport={{ once: true }}
className=" max-w-[1050px] text-5xl text-center text-[#FFF] mb-4" className=" max-w-[1050px] text-5xl text-center text-[#FFF] mb-4"
> >
@ -150,7 +150,7 @@ export default function HeroSection() {
<motion.p <motion.p
initial={{ y: -50, opacity: 0 }} initial={{ y: -50, opacity: 0 }}
whileInView={{ y: 0, opacity: 1 }} whileInView={{ y: 0, opacity: 1 }}
transition={{ duration: 0.5, delay: 0.75 }} transition={{ duration: 0.3, delay: 0.5 }}
viewport={{ once: true }} viewport={{ once: true }}
className="mb-6 text-lg font-medium text-center text-[#b5b5b5]" className="mb-6 text-lg font-medium text-center text-[#b5b5b5]"
> >
@ -160,7 +160,7 @@ export default function HeroSection() {
<motion.div <motion.div
initial={{ y: -50, opacity: 0 }} initial={{ y: -50, opacity: 0 }}
whileInView={{ y: 0, opacity: 1 }} whileInView={{ y: 0, opacity: 1 }}
transition={{ duration: 0.5, delay: 1 }} transition={{ duration: 0.3, delay: 0.5 }}
viewport={{ once: true }} viewport={{ once: true }}
className="mb-20 mt-2 flex items-center gap-4 max-xl:mb-2" className="mb-20 mt-2 flex items-center gap-4 max-xl:mb-2"
> >
@ -184,14 +184,14 @@ export default function HeroSection() {
<motion.div <motion.div
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
whileInView={{ opacity: 1 }} whileInView={{ opacity: 1 }}
transition={{ duration: 0.5, delay: 1.25 }} transition={{ duration: 0.25, delay: 0.25 }}
viewport={{ once: true }} 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" /> 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 <motion.div
initial={{ y: 0, opacity: 0 }} initial={{ y: 0, opacity: 0 }}
whileInView={{ y: 0, opacity: 1 }} whileInView={{ y: 0, opacity: 1 }}
transition={{ duration: 0.5, delay: 1.25 }} transition={{ duration: 0.25, delay: 0.25 }}
viewport={{ once: true }} viewport={{ once: true }}
className="relative w-full" className="relative w-full"
> >