reorganize components into home directory, add FadeInOnView animation component, and update Hero layout with staggered fade-in effects

src/app/page.tsx

@@ -1,13 +1,14 @@
 import { CallToAction } from '@/components/CallToAction'
 import { Faqs } from '@/components/Faqs'
 import { Footer } from '@/components/Footer'
-import { HomeAbout } from '@/components/HomeAbout'
-import { Hero } from '@/components/Hero'
-import { HomePrinciples } from '@/components/HomePrinciples'
-import { HomeMilestones } from '@/components/HomeMilestones'
-import { HomeVentures } from '@/components/HomeVentures'
+import { HomeAbout } from '@/components/home/HomeAbout'
+import { Hero } from '@/components/home/Hero'
+import { HomePrinciples } from '@/components/home/HomePrinciples'
+import { HomeMilestones } from '@/components/home/HomeMilestones'
+import { HomeVentures } from '@/components/home/HomeVentures'
 import { Quote } from '@/components/Quote'
-import { HomeStickyHeader } from '@/components/HomeStickyHeader'
+import { HomeStickyHeader } from '@/components/home/HomeStickyHeader'
+import { FadeInOnView } from '@/components/UI/FadeInOnView'
 
 export default function Home() {
   return (
@@ -17,13 +18,34 @@ export default function Home() {
         <section className="relative min-h-screen">
           <Hero className="-mt-20" />
         </section>
-        <HomeAbout />
-        <HomePrinciples />
-        <HomeMilestones />
-        <HomeVentures />
-        <Quote />
-        <CallToAction />
-        <Faqs />
+
+        <FadeInOnView>
+          <HomeAbout />
+        </FadeInOnView>
+
+        <FadeInOnView delayMs={100}>
+          <HomePrinciples />
+        </FadeInOnView>
+
+        <FadeInOnView delayMs={200}>
+          <HomeMilestones />
+        </FadeInOnView>
+
+        <FadeInOnView delayMs={300}>
+          <HomeVentures />
+        </FadeInOnView>
+
+        <FadeInOnView delayMs={400}>
+          <Quote />
+        </FadeInOnView>
+
+        <FadeInOnView delayMs={500}>
+          <CallToAction />
+        </FadeInOnView>
+
+        <FadeInOnView delayMs={600}>
+          <Faqs />
+        </FadeInOnView>
       </main>
       <Footer />
     </>