diff --git a/next.config.ts b/next.config.ts
index 56799cc..c05eb6c 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -33,6 +33,10 @@ const nextConfig: NextConfig = {
         protocol: 'https',
         hostname: 'res.cloudinary.com',
       },
+      {
+        protocol: 'https',
+        hostname: 'ik.imagekit.io',
+      },
     ],
   },
 };
diff --git a/package.json b/package.json
index 3d6918d..5af4e9c 100644
--- a/package.json
+++ b/package.json
@@ -143,4 +143,4 @@
     "tsx": "^4.19.3",
     "typescript": "^5"
   }
-}
\ No newline at end of file
+}
diff --git a/src/analytics/analytics.tsx b/src/analytics/analytics.tsx
index 3781721..df7ea88 100644
--- a/src/analytics/analytics.tsx
+++ b/src/analytics/analytics.tsx
@@ -44,15 +44,11 @@ export function Analytics() {
 
       {/* vercel analytics */}
       {/* https://vercel.com/docs/analytics/quickstart */}
-      {websiteConfig.analytics.enableVercelAnalytics && (
-        <VercelAnalytics />
-      )}
+      {websiteConfig.analytics.enableVercelAnalytics && <VercelAnalytics />}
 
       {/* speed insights */}
       {/* https://vercel.com/docs/speed-insights/quickstart */}
-      {websiteConfig.analytics.enableSpeedInsights && (
-        <SpeedInsights />
-      )}
+      {websiteConfig.analytics.enableSpeedInsights && <SpeedInsights />}
     </>
   );
 }
diff --git a/src/app/[locale]/preview/hero-section/five/page.tsx b/src/app/[locale]/preview/hero-section/five/page.tsx
index 837a3e3..28bc5a9 100644
--- a/src/app/[locale]/preview/hero-section/five/page.tsx
+++ b/src/app/[locale]/preview/hero-section/five/page.tsx
@@ -49,7 +49,6 @@ export default function HeroSection() {
               </div>
             </div>
             <div className="aspect-2/3 absolute inset-1 -z-10 overflow-hidden rounded-3xl border border-black/10 lg:aspect-video lg:rounded-[3rem] dark:border-white/5">
-              {/* FIXME: video url is broken for the storage is disabled */}
               <video
                 autoPlay
                 loop
diff --git a/src/app/[locale]/preview/hero-section/four/page.tsx b/src/app/[locale]/preview/hero-section/four/page.tsx
index d7b61a5..e52fb07 100644
--- a/src/app/[locale]/preview/hero-section/four/page.tsx
+++ b/src/app/[locale]/preview/hero-section/four/page.tsx
@@ -44,7 +44,7 @@ export default function HeroSection() {
               </div>
               <Image
                 className="-z-10 order-first ml-auto h-56 w-full object-cover invert sm:h-96 lg:absolute lg:inset-0 lg:-right-20 lg:-top-96 lg:order-last lg:h-max lg:w-2/3 lg:object-contain dark:mix-blend-lighten dark:invert-0"
-                src="/blocks/abstract-bg.png"
+                src="https://res.cloudinary.com/dg4jhba5c/image/upload/v1741605150/abstract-bg_wq4f8w.jpg"
                 alt="Abstract Object"
                 height="4000"
                 width="3000"
diff --git a/src/app/[locale]/preview/hero-section/one/page.tsx b/src/app/[locale]/preview/hero-section/one/page.tsx
index 7dacc39..a0c1c2b 100644
--- a/src/app/[locale]/preview/hero-section/one/page.tsx
+++ b/src/app/[locale]/preview/hero-section/one/page.tsx
@@ -30,7 +30,7 @@ const transitionVariants = {
 export default function HeroSection() {
   return (
     <>
-      {/* <HeroHeader /> */}
+      <HeroHeader />
       <main className="overflow-hidden">
         <div
           aria-hidden
@@ -41,8 +41,7 @@ export default function HeroSection() {
           <div className="h-320 -translate-y-87.5 absolute left-0 top-0 w-60 -rotate-45 bg-[radial-gradient(50%_50%_at_50%_50%,hsla(0,0%,85%,.04)_0,hsla(0,0%,45%,.02)_80%,transparent_100%)]" />
         </div>
         <section>
-          {/* pt-24 md:pt-36 */}
-          <div className="relative pt-12 md:pt-12">
+          <div className="relative pt-24 md:pt-36">
             <AnimatedGroup
               variants={{
                 container: {
@@ -71,7 +70,7 @@ export default function HeroSection() {
               className="absolute inset-0 -z-20"
             >
               <Image
-                src="/blocks/night-background.webp"
+                src="https://res.cloudinary.com/dg4jhba5c/image/upload/v1741605538/night-background_ni3vqb.jpg"
                 alt="background"
                 className="absolute inset-x-0 top-56 -z-20 hidden lg:top-32 dark:block"
                 width="3276"
@@ -205,8 +204,7 @@ export default function HeroSection() {
             </AnimatedGroup>
           </div>
         </section>
-        
-        {/* <section className="bg-background pb-16 pt-16 md:pb-32">
+        <section className="bg-background pb-16 pt-16 md:pb-32">
           <div className="group relative m-auto max-w-5xl px-6">
             <div className="absolute inset-0 z-10 flex scale-95 items-center justify-center opacity-0 duration-500 group-hover:scale-100 group-hover:opacity-100">
               <Link
@@ -295,8 +293,7 @@ export default function HeroSection() {
               </div>
             </div>
           </div>
-        </section> */}
-
+        </section>
       </main>
     </>
   );
diff --git a/src/app/[locale]/preview/hero-section/three/page.tsx b/src/app/[locale]/preview/hero-section/three/page.tsx
index ed09f32..567680c 100644
--- a/src/app/[locale]/preview/hero-section/three/page.tsx
+++ b/src/app/[locale]/preview/hero-section/three/page.tsx
@@ -124,7 +124,7 @@ export default function HeroSection() {
                   <div className="bg-linear-to-b to-background from-background absolute inset-0 via-transparent"></div>
                   <div className="bg-linear-to-l to-background from-background absolute inset-0 via-transparent"></div>
                   <Image
-                    src="/blocks/phone-background.webp"
+                    src="https://res.cloudinary.com/dg4jhba5c/image/upload/v1741605545/phone-backgroudn_xqgg5g.jpg"
                     alt="Phone Background"
                     width="6240"
                     height="4160"