YAY!!!! i have finished this build ..i coded along ..read the docs along i wont lie a 2hour video ..on building took almost 17 hours of actual coding 😵😵🤪🤪..i am, proud of myself ..thnaks for allowing me not get idle ..Big bro Adrian🤗🤗
Now start a series of awwards animated websites. There are very few channels cover this topic. And there are lots of devs want to dive into the artistic side of the frontend web development.
Just finished this in two full days. wow. just wow. It's a little over my current skills but I've learned SO much and this is going to look insane on any portfolio. Thank you !
I just finished the course. Everything is advanced but understandable. I know better about gsap now, and I learned new tailwind CSS classes. The course is great but needs close attention. I learned more about animation and logic from everything, and it took me four days to finish. Thanks for the video.
Naahhh this is the exact kind of video I've been looking for a long time. I've been watching you for a long time and never fail to amaze me. I hope you'll make more award winning site tutorials like this.
Brother I saw u one week ago and your tailwindcss video on Nike shoe website helped me alot. I’m here to thank u and I can’t wait to learn more from u . I’ll keep sharing yo vids so other people can gain more from u aswel. May god bless u King 🐐
I'm a huge fan of your channel and eagerly wait for each new project video! It's been two weeks now, and I can’t wait to see your latest Next.js project uploaded. Every time I think I’ve seen it all, you come out with something even more impressive. I'm so glad to be a subscriber! 😅
Man, your content is next level! You’ve mastered the balance of quality, value, and entertainment. Keep doing what you’re doing-your videos are a goldmine!😁
I join everyone in saying MOOORE of Awwward winning websites hahaha I'm so excited seeing this. Seeing how a person would code those website step by step for free on the internet is absolutely amazing and great advertising for your courses ! Keep up the good work !
I must say that I’ve always loved your tutorials they’re so well done and easy to follow!I had to try this one as soon as I saw it pop on my feed and I just finished watching it. It turned out amazing, and I learned so much along the way. You’re a really great teacher and all your videos are always a joy to watch. Thanks for all the effort you put into them!
Your tutorials have been incredibly inspiring and informative! 🌟 It would be amazing to see a comprehensive video on building high-level full-stack applications with a focus on clean architecture, organized folder structures, and advanced features like role-based permissions.
"Hi Sir Adrian! I'm a complete beginner, but I’m really looking forward to the 'Image Gallery App' tutorial because I absolutely love your design style and the way you put everything together. It's always so clean and visually appealing. Thank you so much for all your hard work and for sharing your knowledge with us. Your tutorials are invaluable, and I appreciate everything you do! 🙌😊"
mind blowing project yet again from the best guide on youtube thanks alot adrian this is an awesome project but i have been waiting for a full stack e commerce store i hope you make it soon and also Lots of love to you and your work
I'm retired at 27, went from Grace to Grace. This video here reminds me of my transformation from a nobody to good home, honest wife and 35k biweekly and a good daughter full of love
We are very very grateful for this aAdrian sir,You are my best tutor for full stack development.And there is no tutor or mentor like you in youtube or any platform.I love your content and i am gonna create this project because of this animation and gsap(i love gsap).I was really wondered how this kind of animated websites are creted.but now i am gonna create this .I am also future level developer because of you Adrian sir.We are grateful for your work.And Advance congratulations for ! million subscriber.You deserve this 👑 Sir. Request:We need complete gsap tutorial too.For pro level websites
I was impressed at first, but the further I looked, the more I realized that you yourself lack the experience to repeat this. The further from the first section, the less it resembles the original. In any case, thanks, it helped me see where to start.
Can you create a part 2 where you complete the other remaining sections of the zentry site. That would be so cool. Doing this one project completely will allow us to build any other complex site.
Crazzzzzy shit! This guy will surely put some Web Design Agencies out of business. Even though it's a single webpage, he could have sold this for a large price and a lot of agencies actually do this and charge a lot but this person is giving it out for free! Massive Respect!!!! 👍👍🫡
Damn, This is Dope! 🥵❤🔥😍🔥 Please make a series on zentry website which includes not only all sections, but also Adrian special some extra new sections and features 🤩
10/10 tutorial, just finished the hero section now. Only problem is that the clicking video animation isn't like the original, it doesn't zoom into the new one it abruptly changes, I will try to see if I can implement that myself and let you know if I find a solution
i am stuck at 37:41 after coding out 3 only two is playing and one video just skipped without loading at background import { useRef, useState } from "react" const Hero = () => { const [currentIndex,setCurrentIndex] = useState(1); const [hasClicked,setHasClicked]=useState(false); const[isLoading,setIsLoading]=useState(true); const[loadedVideos,setLoadedVideos]=useState(0); const totalVideos = 3; const nextVideoRef = useRef(null); const handleVideoLoad=()=>{ setLoadedVideos((prev)=> prev + 1) } const upcomingVideos = (currentIndex % totalVideos) +1; const handleMiniVdClick =()=>{ setHasClicked(true); setCurrentIndex(upcomingVideos); } const getVideoSrc =(index)=>`videos/hero-${index}.mp4`; return (
bro is the kind of guy who tells consistency to be consistent
Hahah, good one!
YAY!!!! i have finished this build ..i coded along ..read the docs along i wont lie a 2hour video ..on building took almost 17 hours of actual coding 😵😵🤪🤪..i am, proud of myself ..thnaks for allowing me not get idle ..Big bro Adrian🤗🤗
is it real ? or is there something to buy at the end or some what kind of thing?
@@Paw_Oreo it is real, but you might have to deploy it to Vercel unless you have hostinger hosting.
Nice work!
@@vaniad555 true ..even onrender.....and firebase also netlify
I'm stuck on 11:04
Now start a series of awwards animated websites. There are very few channels cover this topic. And there are lots of devs want to dive into the artistic side of the frontend web development.
I completely agree!
Yes please 🎉🎉
Celebrate you Man 🥂
@@javascriptmasteryplease continue doing this series. You're work is truly inspiring!!
I completely agree!
Completely agree too
Man you just kill it! I am amazed to see this kind of website you are building and that is for free
Enjoy! 😊
If consistency is a human, then it is definitely Adrian
That means a lot, thank you!
Seriously well said ❤🎉
I 100% agree
Hello Adrian we will be glad if you make this kind of more projects to target the creative agency ❤. Btw thank you for your work 😺
More to come!
Just finished this in two full days.
wow. just wow. It's a little over my current skills but I've learned SO much and this is going to look insane on any portfolio.
Thank you !
bro we upcoming developers request you to bring more of these, its literally a blessing for us to view content like this
So happy to hear! 😊
@javascriptmastery, you are my best model. Love you
Perfect 👌🏼. Finished My first React native app. That tutorial was awesome 👍🏼
I just finished the course. Everything is advanced but understandable. I know better about gsap now, and I learned new tailwind CSS classes. The course is great but needs close attention. I learned more about animation and logic from everything, and it took me four days to finish. Thanks for the video.
The only problem i have is that the video in the hero section doesn't play on load until I play a new video.
Awesome! More awwwards winning website design videos :)
More to come if this one does well!
@@javascriptmastery bro please portfolio one .
Just when u think the last project was the best ever, boom Adrian drops another banger❤
That's the goal! 😊
This guy is INSANE
How does he make so much content
Truly unbelievable
I've got a team of great people!
And you are the perfect commander ❤❤❤
Awesome project, took me 5 days but still completed the project ,
We want more videos like this sir
Naahhh this is the exact kind of video I've been looking for a long time. I've been watching you for a long time and never fail to amaze me. I hope you'll make more award winning site tutorials like this.
Wow, thank you!
Don't rush to finish. Pause, reflect, and consider what the author is trying to convey. Thank you for your great content!
Thanks, will do!
Great tutorial, finally completed the tutorial, it took me 12 hours to follow through the whole video.😂😂😂😂 Thanks, Adrain.🔥🔥🔥🔥🔥🔥
Your level excellence and consistency is a good leadership example worth emulating Thank You Adrian for your generous character
Thank you
Brother I saw u one week ago and your tailwindcss video on Nike shoe website helped me alot. I’m here to thank u and I can’t wait to learn more from u . I’ll keep sharing yo vids so other people can gain more from u aswel. May god bless u King 🐐
That's amazing, thank you so much!
no way you just delivered gold for us, already love you bro, God bless you
I'm a huge fan of your channel and eagerly wait for each new project video! It's been two weeks now, and I can’t wait to see your latest Next.js project uploaded. Every time I think I’ve seen it all, you come out with something even more impressive. I'm so glad to be a subscriber! 😅
Thank you much!
Man, your content is next level! You’ve mastered the balance of quality, value, and entertainment. Keep doing what you’re doing-your videos are a goldmine!😁
Thank you so much! 😊
i just went through making an app for my project and now i have another project and this man delivers
I join everyone in saying MOOORE of Awwward winning websites hahaha I'm so excited seeing this. Seeing how a person would code those website step by step for free on the internet is absolutely amazing and great advertising for your courses ! Keep up the good work !
Bro where were you my entire life? Damn If i knew your channel existed . MAn I will for sure buy your course.
Adrian Adrain You never cease to amaze much love from Kenya, consistency on the next level
Thank you!
I cannot believe this content is for free. Thank you so much for this video, it is one of the most beautiful websites I have ever seen!!
You're very welcome!
I must say that I’ve always loved your tutorials they’re so well done and easy to follow!I had to try this one as soon as I saw it pop on my feed and I just finished watching it. It turned out amazing, and I learned so much along the way. You’re a really great teacher and all your videos are always a joy to watch. Thanks for all the effort you put into them!
Thank you so much, it means a lot!
Thank you Adrian. This is an incredible tutorial from you and the website is nothing short of stunning.
Woahhhh This is what I'm exactly searching for. You are great Adrian. Thanks for this
My pleasure!
This website is incredibly impressive. I never thought it would be possible for me to make one. I've learned so much from you Adrian, God bless you
You're very welcome!
Your tutorials have been incredibly inspiring and informative! 🌟 It would be amazing to see a comprehensive video on building high-level full-stack applications with a focus on clean architecture, organized folder structures, and advanced features like role-based permissions.
"Hi Sir Adrian! I'm a complete beginner, but I’m really looking forward to the 'Image Gallery App' tutorial because I absolutely love your design style and the way you put everything together. It's always so clean and visually appealing. Thank you so much for all your hard work and for sharing your knowledge with us. Your tutorials are invaluable, and I appreciate everything you do! 🙌😊"
This type of content can only be delivered by Adrian amazing bro ❤
Thank you! ❤️
Bang! This guy knows the perfect way to start my weekend
Enjoy!
Amazing. Mind Blowing. Can't wait to finish my current project and start working on this one.
Best of luck!
Bro you just changed the course of my life .....
If I can do this I'd drop my portfolio here in like 2weeks time ❤
...
All the best
When i see Adrian's videos it motivates me to learn more
thank you Adrian
Thank you!
Thank you very much Adrian. Indeed it's great time to time to have some videos about creative HTML/CSS, not necessary with BackEnd stuff :)
Glad it was helpful!
Thanks so much for all the amazing projects you bring to your platform. Your explanation is out of this world 🌎. Thanks again Mr Adrian
You are so welcome!
React and tailwind combination will be always have place in my heart ❤️ btw great project
Thank you!
Another banger 🎉
Congratulations Adrean
From cuba we watch your videos, we love it. Thanks for all teacher!
Glad you like them!
bro, we really need this to be on the playlist. great videos !
Working on it!
Now my weekends plans are cancelled because of this new amazing tutorial👏
You got this!
Adrian is the best. I appreciate you
Thank you so much!
When are you planning to drop the React Native app video?
Soon
mind blowing project yet again from the best guide on youtube thanks alot adrian this is an awesome project but i have been waiting for a full stack e commerce store i hope you make it soon
and also Lots of love to you and your work
Thank you!
I can't resist myself for building this one thank you so much Adrian ❣️
You’re welcome 😊
inspirationall thank u my broo 😍
Amazing. Starting this project right now.
Thank you OP Gamer! ❤
I've been reloading the TH-cam page since then, I've been waiting, thank you ! 🚀🌟✨
Hope you enjoyed it!
Mehn you're so good at it and its waking the creativity in me
Great one Adrian 😊. Wish to see more gsap videos. Counting to one million subscribers ⏳
More to come!
HOLY COW ✨✨✨✨ you’re the king 👑
Thank you so much! 👑
Way to go Adrian!!! suprising us everytime with something new. You are truly one of a kind😉😉😎😎❤❤😍😍❤❤
Thank you! ❤
I think if you keep focusing on awwwards rebuild you will hit that fr fr fr
Fr?
Another amazing video. We ask you deliver. Thank you for all your hard work!
My pleasure!
Dude, Adrian just dropped another banger.
Glad you think so! :)
omg thanks this is the video i was searching for. keep it up , u are amazing
Glad I could help
I'm retired at 27, went from Grace to Grace. This video here reminds me of my transformation from a nobody to good home, honest wife and 35k biweekly and a good daughter full of love
As a beginner what do I need to do? How can I invest, on which platform? If you know any please share.
Waking up every 14th of each month to 210,000 dollars it's a blessing to I and my family... Big gratitude to Sofia Duke 🙌🏻
Yeah, 253k from Sofia Duke, looking up to acquire a new House, blessings.
Stawrted with 5,000$ and Withdrew profits
89,000$
I would love to see more Gsap and ThreeJs videos.
bro you just keep inspiring me again and again
Glad to hear that
Love the vids super helpful thank you so much Adrian!
Thank you!
Can not wait for others please do more you are gem in web dev on yt love you from pakistan ❤❤❤
Thank you! ❤
Adrian keep it up and please think to launch some back-end heavy projects in future on nodejs typescript and postgress we really need that ❤
That's the plan!
Thank you for another incredible tutorial! Absolutely incredible :D
Thanks again!
This video is a true gem ❤
Thank you! ❤️
Bro i recently completed a course in react and yt algorithm shows this. Love you man and love your work ❤️
wow, I am searching for this kind of Awwwards website and today you came with this. thank you so much. Want more projets on awwwards website plz.
Welcome 😊
Adrian, you are the best , no more words
Thank you so much!
that look sick!!!! superb build 😍😍😍
Thanks a ton!
Thank you Adrian
Whenever you feel desperate searching for something, Adrian has already made a video. Standing ovation for this engineer!
was just searching for this!! thanksss
No problem!!❤️
We are very very grateful for this aAdrian sir,You are my best tutor for full stack development.And there is no tutor or mentor like you in youtube or any platform.I love your content and i am gonna create this project because of this animation and gsap(i love gsap).I was really wondered how this kind of animated websites are creted.but now i am gonna create this .I am also future level developer because of you Adrian sir.We are grateful for your work.And Advance congratulations for ! million subscriber.You deserve this 👑 Sir.
Request:We need complete gsap tutorial too.For pro level websites
Thank you!
The best project ever I am going to build.
Have fun!
Perfect video i have been looking for👍👍
Really Adrian wins everyone's heart ❤️
Thank you! ❤
This is just what I was looking for to update my website 🌟
Enjoy! 😊
Animation websites have best impression. Thanks❤
Thanks❤
I was impressed at first, but the further I looked, the more I realized that you yourself lack the experience to repeat this. The further from the first section, the less it resembles the original.
In any case, thanks, it helped me see where to start.
Love you bro genuinely from the bottom of my heart ❤❤❤
Thank you! ❤
You will never stop amaze me with those videos I will create this one fire website for sure thanks a lot
Amazing!
I have to say Award winning video 🎉❤
Appreciate it! 😲🔥
Can you create a part 2 where you complete the other remaining sections of the zentry site. That would be so cool. Doing this one project completely will allow us to build any other complex site.
Cool idea!
Thank you JSM I love the way you teach
Appreciate it!
Crazzzzzy shit! This guy will surely put some Web Design Agencies out of business. Even though it's a single webpage, he could have sold this for a large price and a lot of agencies actually do this and charge a lot but this person is giving it out for free! Massive Respect!!!! 👍👍🫡
Okay this might get me hired for sure😺
For sure!
awesome man! thank you so much. you kill it 🔥
Damn, This is Dope! 🥵❤🔥😍🔥
Please make a series on zentry website which includes not only all sections, but also Adrian special some extra new sections and features 🤩
Haha this is enough for now 😅
I really like your videos you are great teacher❤😊
Thank you! 😃
Adrian thank you for sure you inspire my development journey
That's the goal!
Can't wait to get started
Let me know when you do 👌
10/10 tutorial, just finished the hero section now. Only problem is that the clicking video animation isn't like the original, it doesn't zoom into the new one it abruptly changes, I will try to see if I can implement that myself and let you know if I find a solution
you can solve it?
Weekend about to get lit
Enjoy!
We want more content like this ❤
More to come! ❤
now this is the real stuff!! thanks man. Hope you’ll be making more tutorials on websites like this 🤍
More to come!
thanks a lot, cool website and awesome tutorial!
You will soon reach 1million Sub! I promise
Of course!
This project will be so great
That's the goal!
finally i complete this project is amazing to create this thank you so much 😇
i am stuck at 37:41 after coding out 3 only two is playing and one video just skipped without loading at background
import { useRef, useState } from "react"
const Hero = () => {
const [currentIndex,setCurrentIndex] = useState(1);
const [hasClicked,setHasClicked]=useState(false);
const[isLoading,setIsLoading]=useState(true);
const[loadedVideos,setLoadedVideos]=useState(0);
const totalVideos = 3;
const nextVideoRef = useRef(null);
const handleVideoLoad=()=>{
setLoadedVideos((prev)=> prev + 1)
}
const upcomingVideos = (currentIndex % totalVideos) +1;
const handleMiniVdClick =()=>{
setHasClicked(true);
setCurrentIndex(upcomingVideos);
}
const getVideoSrc =(index)=>`videos/hero-${index}.mp4`;
return (
)
}
export default Hero