fix: models, trust and blogs section

next.config.mjs

@@ -1,4 +1,40 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  async headers() {
+    return [
+      {
+        source: '/:path*',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+        ],
+      },
+    ];
+  },
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'letsenhance.io',
+        port: '',
+        pathname: '/static/**',
+      },
+      {
+        protocol: 'https',
+        hostname: 'encrypted-tbn0.gstatic.com',
+        port: '',
+        pathname: '/images/**',
+      },
+      {
+        protocol: 'https',
+        hostname: 'labs.sigma.software',
+        port: '',
+        pathname: '/investment/**',
+      },
+    ],
+  },
+};
 
 export default nextConfig;

package.json

@@ -19,13 +19,17 @@
     "@react-three/fiber": "^8.16.8",
     "@types/three": "^0.165.0",
     "aos": "^2.3.4",
+    "clsx": "^2.1.1",
+    "framer-motion": "^11.11.11",
     "gsap": "^3.12.5",
     "lenis": "^1.1.6",
     "next": "14.2.3",
     "react": "^18",
     "react-dom": "^18",
     "react-fast-marquee": "^1.6.4",
-    "three": "^0.165.0"
+    "tailwind-merge": "^2.5.4",
+    "three": "^0.165.0",
+    "zustand": "^5.0.1"
   },
   "devDependencies": {
     "@types/aos": "^3.0.7",

src/app/page.tsx

@@ -14,7 +14,7 @@ import Loader from '@/components/Loader/loader';
 import CustomCursor from '@/components/customCursor/customCursor';
 
 import { useLoading } from '../context/loadingContext';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { useProgress } from '@react-three/drei';
 
 import Lenis from 'lenis';
@@ -26,6 +26,7 @@ gsap.registerPlugin(ScrollTrigger);
 export default function Home() {
   const { progress } = useProgress();
   const { isLoaded, setIsLoaded } = useLoading();
+  const [isCornersLoaded, setIsCornersLoaded] = useState(false);
 
   useEffect(() => {
     if (progress === 100) {
@@ -36,23 +37,21 @@ export default function Home() {
   useEffect(() => {
     const lenis = new Lenis({
       lerp: 0.1,
-      wheelMultiplier: 0.6,
-      touchMultiplier: 0.6,
+      wheelMultiplier: 0.4,
+      touchMultiplier: 0.4,
     });
+    lenis.scrollTo(0, { immediate: true });
 
     function raf(time: number) {
       lenis.raf(time);
       requestAnimationFrame(raf);
     }
-
     requestAnimationFrame(raf);
 
     lenis.on('scroll', ScrollTrigger.update);
-
     gsap.ticker.add((time) => {
       lenis.raf(time * 1000);
     });
-
     gsap.ticker.lagSmoothing(0);
 
     return () => {
@@ -69,16 +68,16 @@ export default function Home() {
       {isLoaded && <CustomCursor />}
       <main className='relative flex flex-col items-center justify-between'>
         <div className='fixed -z-20 h-screen w-screen bg-black'></div>
-        {isLoaded && <BordersCorner />}
-        <HeroSection loaded={isLoaded} />
+        {isLoaded && <BordersCorner setIsCornersLoaded={setIsCornersLoaded} />}
+        <HeroSection loaded={isCornersLoaded} />
         <AeriusLogoSection />
         <AboutUsSection />
         <ServicesSection />
         <ProductSection />
         <TrustSection />
         <OurWritingsSection />
         <FooterSection />
-        <ScrollSpy />
+        <ScrollSpy loaded={isCornersLoaded} />
       </main>
     </>
   );