diff --git a/.nvmrc b/.nvmrc
index bb8c76c..517f386 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v22.11.0
+v22.14.0
diff --git a/MainLayout/MainLayout.tsx b/MainLayout/MainLayout.tsx
index 6ea7739..f16ee8d 100644
--- a/MainLayout/MainLayout.tsx
+++ b/MainLayout/MainLayout.tsx
@@ -4,10 +4,10 @@ import React, { useEffect, useState } from 'react'
 import { Footer, Header } from '@/components'
 import { App } from '@/types'
 
-import { onEntryChange } from '@/config'
 import useRouterHook from '@/hooks/useRouterHook'
 import { LocaleContext, usePersonalization } from '@/context'
 import { footerJsonRtePathIncludes, footerReferenceIncludes, getEntries, navigationReferenceIncludes } from '@/services'
+import { onEntryChange } from '@/config'
 
 const MainLayout: React.FC<App.MainLayout> = (
     props: React.PropsWithChildren<App.MainLayout>
@@ -43,7 +43,7 @@ const MainLayout: React.FC<App.MainLayout> = (
             console.error('Main Layout failed to load,\n', err)
         }
     }
-
+    
     useEffect(() => {
         onEntryChange(fetchAppConfig)
     }, [])
diff --git a/app/[locale]/[...slug]/page.tsx b/app/[locale]/[...slug]/page.tsx
index ea15add..a14cf9d 100644
--- a/app/[locale]/[...slug]/page.tsx
+++ b/app/[locale]/[...slug]/page.tsx
@@ -9,7 +9,7 @@ import { NotFoundComponent, PageWrapper } from '@/components'
 import { onEntryChange } from '@/config'
 import useRouterHook from '@/hooks/useRouterHook'
 import { setDataForChromeExtension } from '@/utils'
-import { imageCardsReferenceIncludes, teaserReferenceIncludes, textAndImageReferenceIncludes, textJSONRtePaths } from '@/services/helper'
+import { heroReferenceIncludes, imageCardsReferenceIncludes, teaserReferenceIncludes, textAndImageReferenceIncludes, textJSONRtePaths } from '@/services/helper'
 import { getEntryByUrl } from '@/services'
 import { usePersonalization } from '@/context'
 
@@ -50,6 +50,7 @@ export default function LandingPage () {
         const fetchData = async () => {
             try {
                 const refUids = [
+                    ...heroReferenceIncludes,
                     ...textAndImageReferenceIncludes,
                     ...teaserReferenceIncludes,
                     ...imageCardsReferenceIncludes
@@ -78,6 +79,7 @@ export default function LandingPage () {
             ? <PageWrapper {...data}>
                 {data?.components
                     ? <RenderComponents $={data?.$}
+                        hero={data?.hero && Array.isArray(data.hero) ? data.hero[0] : data.hero}
                         components={data?.components}
                         isABEnabled={isABTestEnabled}
                     /> : ''}
diff --git a/app/[locale]/article/[...slug]/page.tsx b/app/[locale]/article/[...slug]/page.tsx
index 76a86b1..0ca6316 100644
--- a/app/[locale]/article/[...slug]/page.tsx
+++ b/app/[locale]/article/[...slug]/page.tsx
@@ -21,6 +21,7 @@ import { getEntries, getEntryByUrl } from '@/services'
  * 
  * @returns {JSX.Element}
  */
+
 export default function Article () {
     const { personalizationSDK, personalizeConfig } = usePersonalization()
     const [data, setData] = useState<Page.ArticlePage['entry'] | null>(null)
@@ -156,11 +157,11 @@ export default function Article () {
     return (
         data ? <>
             <PageWrapper {...data}>
-                <ArticleCover
-                    title={title}
+                <ArticleCover title={title}
                     summary={summary}
                     cover_image={cover_image}
                     $={$}
+                    _content_type_uid={'article'}
                 />
                 <Text
                     content={content}
diff --git a/app/[locale]/articles/[...slug]/page.tsx b/app/[locale]/articles/[...slug]/page.tsx
index 37783b3..17a66a0 100644
--- a/app/[locale]/articles/[...slug]/page.tsx
+++ b/app/[locale]/articles/[...slug]/page.tsx
@@ -56,6 +56,7 @@ export default function Article () {
                 && <CardCollection
                     cards={articlesList}
                     count={cards?.length}
+                    className='mb-25'
                 /> }
                 </>
         )
@@ -148,19 +149,19 @@ export default function Article () {
 
     return (<>
         {data && <PageWrapper {...data}>
-            {data?.title && <div className='pt-16 px-8 mb-16 bg-background-primary dark:bg-white text-center max-w-7xl mx-auto'>
-                <h1 className='mx-auto text-black' {...data?.$?.title}>{data?.title}</h1>
+            {data?.title && <div className='my-25 mx-[2.25rem] md:mx-[5.25rem] bg-background-primary dark:bg-white'>
+                <h1 className='text-stone max-w-max' {...data?.$?.title}>{data?.title}</h1>
             </div>}
-            {data?.components ? (
+            {(data?.components?.length > 0) ? (
                 <RenderComponents $={data?.$}
                     components={data?.components}
                 />
             ) : <></>}
         </PageWrapper>}
-        <div className='card-collection mt-16' id='pagination-scroll-anchor'>
+        <div className='card-collection mx-[2.25rem] md:mx-[5.25rem]' id='pagination-scroll-anchor'>
             <RenderCardCollection />
             { // Pagination component
-                cards?.length > 12 && <div className='py-8 px-8 xl:px-0 bg-background-primary dark:bg-transparent text-center max-w-7xl mx-auto'>
+                cards?.length > 12 && <div className='my-25 bg-background-primary dark:bg-transparent text-center'>
                     <Pagination
                         length={cards?.length}
                         dataPerPage={articlesPerPage}
diff --git a/app/[locale]/articles/page.tsx b/app/[locale]/articles/page.tsx
index ae71225..5df97c8 100644
--- a/app/[locale]/articles/page.tsx
+++ b/app/[locale]/articles/page.tsx
@@ -49,6 +49,7 @@ export default function ArticleListing () {
                         id='articles-card-collection'
                         cards={articlesList}
                         count={cards?.length}
+                        className='mb-25'
                     /> }
                 </> 
         )
@@ -122,19 +123,19 @@ export default function ArticleListing () {
 
     return ( <>
         {data && <PageWrapper {...data}>
-            {data?.title && <div className='pt-16 px-8 mb-16 bg-background-primary dark:bg-white text-center max-w-7xl mx-auto'>
-                <h1 data-id='h1' className='mx-auto text-black' {...data?.$?.title}>{data?.title}</h1>
+            {data?.title && <div className='my-25 md:max-w-[45.635%] mx-[2.25rem] md:mx-[5.25rem] bg-background-primary dark:bg-white'>
+                <h1 data-id='h1' className='text-stone max-w-max' {...data?.$?.title}>{data?.title}</h1>
             </div>}
-            {data?.components ? (
+            {(data?.components?.length > 0) ? (
                 <RenderComponents $={data?.$}
                     components={data?.components}
                 />
             ) : <></>}
         </PageWrapper>}
-        <div className='card-collection mt-16' id='pagination-scroll-anchor'>
+        <div className='card-collection mx-[2.25rem] md:mx-[5.25rem]' id='pagination-scroll-anchor'>
             <RenderCardCollection />
             { // Paginaion component
-                cards?.length > 12 && <div className='py-8 px-8 xl:px-0 bg-background-primary dark:bg-transparent text-center max-w-7xl mx-auto'>
+                cards?.length > 12 && <div className='my-25 bg-background-primary dark:bg-transparent text-center'>
                     <Pagination
                         length={cards?.length}
                         dataPerPage={articlesPerPage}
diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index 2eb4f29..71c856a 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -1,15 +1,22 @@
 import type { Metadata } from 'next'
-import { Inter } from 'next/font/google'
+import { Inter, Roboto_Condensed } from 'next/font/google'
 
 import { MainLayout } from '@/MainLayout'
 import 'slick-carousel/slick/slick.css'
 import 'slick-carousel/slick/slick-theme.css'
 import '../globals.css'
 import '/node_modules/flag-icons/css/flag-icons.min.css'
-import {PersonalizationProvider} from '@/context'
+import { PersonalizationProvider } from '@/context'
 
 const inter = Inter({ subsets: ['latin'] })
 
+/* https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap */
+const robotoCondensed = Roboto_Condensed({
+    subsets: ['latin'],
+    weight: ['200', '300', '400', '500', '600', '700'],
+    style: ['normal', 'italic']
+})
+
 export const metadata: Metadata = {
     title: 'Compass starter',
     description: 'Provided by Contentstack'
@@ -24,12 +31,14 @@ export const metadata: Metadata = {
 export default async function RootLayout ({
     children
 }: Readonly<{
-  children: React.ReactNode;
+    children: React.ReactNode;
 }>) {
 
     return (
         <html lang='en'>
-            <body className={inter.className}>
+            <body
+                className={`${robotoCondensed.className} ${inter.className}`}
+            >
                 <PersonalizationProvider>
                     <MainLayout>
                         {children}
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index b21af70..5b05147 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -6,7 +6,7 @@ import { NotFoundComponent, PageWrapper } from '@/components'
 import { onEntryChange } from '@/config'
 import useRouterHook from '@/hooks/useRouterHook'
 import { isDataInLiveEdit, setDataForChromeExtension } from '@/utils'
-import { featuredArticlesReferenceIncludes, imageCardsReferenceIncludes, teaserReferenceIncludes, textAndImageReferenceIncludes, textJSONRtePaths } from '@/services/helper'
+import { featuredArticlesReferenceIncludes, heroReferenceIncludes, imageCardsReferenceIncludes, teaserReferenceIncludes, textAndImageReferenceIncludes, textJSONRtePaths } from '@/services/helper'
 import { getEntryByUrl } from '@/services'
 import { usePersonalization } from '@/context'
 
@@ -35,6 +35,7 @@ export default function Home () {
     const fetchData = async () => {
         try {
             const refUids = [
+                ...heroReferenceIncludes,
                 ...textAndImageReferenceIncludes,
                 ...teaserReferenceIncludes,
                 ...imageCardsReferenceIncludes,
@@ -68,6 +69,7 @@ export default function Home () {
                 ? <PageWrapper {...data}>
                     {data?.components
                         ? <RenderComponents $={data?.$}
+                            hero={data?.hero && Array.isArray(data.hero) ? data.hero[0] : data.hero}
                             components={[
                                 // eslint-disable-next-line no-unsafe-optional-chaining
                                 ...data?.components
diff --git a/app/favicon.ico b/app/favicon.ico
index 22e9b87..04ffd36 100644
Binary files a/app/favicon.ico and b/app/favicon.ico differ
diff --git a/app/globals.css b/app/globals.css
index fd415ea..293d6a6 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,20 +1,18 @@
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 
 body {
-  @apply bg-white dark:bg-black !font-montserrat
+  font-family: 'Roboto Condensed';
 }
-
 .main-layout {
   min-height: 90vh;
 }
 
-@media (min-width:640px)  {
+@media (min-width:640px) {
 
-  .card-styled:nth-child(2n-2){
+  .card-styled:nth-child(2n-2) {
     position: relative;
     top: 94px;
   }
@@ -25,76 +23,122 @@ body {
 }
 
 @layer base {
-  h1, h2, h3, h4, h5, h6 {
-      @apply text-black dark:text-white font-montserrat font-bold text-black
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    @apply text-black dark:text-white font-bold text-black uppercase font-bold;
   }
+
   h1 {
-    @apply text-[52px] leading-[54px]
+    @apply font-bold text-7xl tracking-normal;
   }
+
   h2 {
-    @apply text-[44px] leading-[45px]
+    @apply font-bold text-6xl tracking-normal;
   }
+
   h3 {
-    @apply text-[24px] leading-[26px]
+    @apply font-bold text-[50px] leading-[56px] tracking-normal;
   }
-  p {
-    @apply font-normal text-black dark:text-white !leading-6 font-montserrat
+
+  h4 {
+    @apply font-bold text-4xl tracking-normal;
+  }
+
+  h5 {
+    @apply font-bold text-[41.93px] leading-[47.52px] tracking-normal;
   }
-  span {
-    @apply !font-montserrat
+
+  h6 {
+    @apply font-bold text-3xl tracking-normal;
   }
-  button {
-    font-family: Montserrat
+
+  p {
+    @apply font-normal text-md tracking-normal;
   }
+
 }
 
 @layer components {
-  .container {
-    @apply relative max-w-7xl mx-auto;
-  }
-  .btnPrimary {
-    @apply bg-[#424656] hover:bg-[#A1AACE] font-bold text-white py-2 px-4 border hover:border-[#A1AACE] rounded;
-  }
-  .btnSecondary {
-    @apply bg-[#A1AACE] hover:bg-transparent font-bold text-white hover:text-[#424656] py-2 px-4 border-2 hover:border-[#424656] rounded;
-  }
-  .btnTertiary {
-    @apply block w-full rounded-md border border-transparent bg-black !text-white text-base font-semibold text-gray-100 hover:opacity-80
+  .btn-primary {
+    @apply bg-transparent text-stone dark:text-white text-md-extra-wide font-medium cursor-pointer px-[1.875rem] uppercase flex items-center justify-center border border-stone dark:border-white rounded-[2.5rem] w-auto min-w-[11.75rem] h-[2.813rem] hover:bg-[#ffffff4D] hover:underline;
   }
+
   .text h1 {
-    @apply xl:mt-0 mt-4 text-4xl font-bold tracking-tight text-gray-900 sm:mt-0 sm:text-6xl dark:text-white
+    @apply xl:mt-0 mt-4 text-7xl font-bold tracking-normal sm:mt-0 sm:text-6xl dark:text-white text-stone
   }
+
   .text h2 {
-    @apply text-[44px] font-bold dark:text-white py-3
+    @apply text-4xl font-bold dark:text-white pt-[2.23rem] tracking-normal text-stone md:text-6xl
   }
+
+  .text h2 strong {
+    @apply font-bold p-0
+  }
+
   .text h3 {
-    @apply font-bold text-2xl leading-[26px] text-black dark:text-white py-4
+    @apply font-bold text-2xl text-stone dark:text-white py-4 tracking-normal
   }
+
   .text h5 {
-    @apply font-bold text-purple text-lg leading-7
-  }  
-  .text h6{
-    @apply text-lg text-[#5B6B86] font-normal leading-7 dark:text-white py-2
+    @apply font-bold text-stone text-lg dark:text-white tracking-normal
   }
-  .text ul { @apply list-disc py-1 px-6 }
 
-  .text ol { @apply list-decimal py-1 px-6 }
+  .text h6 {
+    @apply text-lg text-stone font-normal dark:text-white py-2 tracking-normal
+  }
+
+  .text ul {
+    @apply list-disc pt-7.5 px-6 dark:text-white tracking-normal pb-25
+  }
+
+  .text ol {
+    @apply list-decimal pt-7.5 px-6 dark:text-white tracking-normal pb-25
+  }
 
   .text li {
-    @apply text-lg text-[16px] text-black/80 dark:text-white leading-7 py-1 font-light
+    @apply text-base md:text-md text-stone dark:text-white font-normal tracking-normal
   }
 
   .text li strong {
     @apply font-bold
   }
 
-  .text p { @apply py-1 font-normal leading-6 text-black text-base}
+  .text p {
+    @apply text-base md:text-md font-normal text-stone tracking-normal dark:text-white pt-7.5;
+
+    &:empty {
+      display: none;
+    }
+
+    &:not(:last-child):not(:has(+ ul)):not(:has(+ ol)):not(:has(+ p)) {
+      @apply pb-25;
+    }
+  }
+
+  .text p strong {
+    @apply text-md md:text-xl font-medium
+  }
 
-  p { @apply py-1 font-normal leading-6 text-black }
+  .text > *:last-child {
+    @apply pb-0;
+  }
 
-  .text a { @apply text-[16px] text-purple hover:underline font-semibold}
+  p {
+    @apply py-1 font-normal leading-6 text-black dark:text-white tracking-normal
+  }
 
-  .text img { @apply w-full my-8 mx-auto}
+  .text a {
+    @apply text-[16px] text-purple hover:underline font-semibold tracking-normal
+  }
+
+  .text img {
+    @apply w-full my-8 mx-auto
+  }
 
   .card-title {
     display: -webkit-box;
@@ -120,13 +164,22 @@ body {
     overflow: hidden;
   }
 
+  .taxonomies-label {
+    @apply font-inter p-[0.875rem] flex items-center gap-[0.625rem] rounded-[0.25rem] border border-[#CDD8E8] bg-[#F0F3F7] hover:border-[#7C4DFF] hover:bg-[#7C4DFF33] hover:underline hover:text-purple text-[#8992AE] text-[1.125rem] leading-[1.375rem] font-medium tracking-[0.045rem] uppercase;
+  }
 
-  .built-by p {
-    @apply text-gray-700 font-montserrat !font-bold;
+  .footer {
+    @apply font-inter;
+  }
+  .copyright-info p {
+    @apply font-inter text-sm;
+  }
+  .footer-declaimer p {
+    @apply max-w-fit font-inter text-xs leading-6;
   }
 
-  .built-by p > a {
-    @apply hover:underline text-purple outline-none ;
+  .footer-declaimer p > a {
+    @apply hover:underline text-purple outline-none;
   }
 }
 
@@ -135,10 +188,55 @@ body {
   --removed-item-color: rgba(255, 0, 0);
 }
 
-picture .cs-compare__void--added, img.cs-compare__void--added, video.cs-compare__void--added {
+picture .cs-compare__void--added,
+img.cs-compare__void--added,
+video.cs-compare__void--added {
   border: 3px solid var(--added-item-color);
 }
 
-picture .cs-compare__void--removed, img.cs-compare__void--removed, video.cs-compare__void--removed {
+picture .cs-compare__void--removed,
+img.cs-compare__void--removed,
+video.cs-compare__void--removed {
   border: 3px solid var(--removed-item-color);
+}
+
+h1::before,
+h2::before,
+h3::before,
+h4::before,
+h5::before,
+h6::before {
+  content: " ";
+  background-color: #253543;
+  color: #253543;
+  width: 0.543rem;
+  height: 6rem;
+  text-align: inherit;
+
+  transform: rotate(90deg) translateX(-5.5rem) translateY(-47%);
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+}
+
+.text-right
+.text-right::before,
+h1[style*="text-align: right"]::before,
+h2[style*="text-align: right"]::before,
+h3[style*="text-align: right"]::before,
+h4[style*="text-align: right"]::before,
+h5[style*="text-align: right"]::before,
+h6[style*="text-align: right"]::before {
+  right: 0rem;
+  transform: rotate(90deg) translateX(-7rem) translateY(50%);
+}
+
+.dark h1::before,
+.dark h2::before,
+.dark h3::before,
+.dark h4::before,
+.dark h5::before,
+.dark h6::before {
+  background-color: white;
 }
\ No newline at end of file
diff --git a/app/robots.ts b/app/robots.ts
new file mode 100644
index 0000000..c5d25e7
--- /dev/null
+++ b/app/robots.ts
@@ -0,0 +1,10 @@
+import type { MetadataRoute } from 'next'
+ 
+export default function robots (): MetadataRoute.Robots {
+    return {
+        rules: {
+            userAgent: '*',
+            allow: '/'
+        }
+    }
+}
\ No newline at end of file
diff --git a/components/Article/ArticleCover.tsx b/components/Article/ArticleCover.tsx
index 678d63d..d4aef01 100644
--- a/components/Article/ArticleCover.tsx
+++ b/components/Article/ArticleCover.tsx
@@ -1,40 +1,48 @@
+
 import React from 'react'
-import { Image } from '@/components'
+import { Hero, Text } from '@/components'
 import { ArticleCover as ArticleCoverType } from '@/types/components'
+import { isDataInLiveEdit } from '@/utils'
 
 /**
- * Article cover component that displays title, cover image, and summary
- * @component
+ * ArticleCover component displays the hero banner and summary of an article
  * @param {Object} props - Component props
- * @param {string} [props.title] - Article title
- * @param {string} [props.summary] - Article summary
- * @param {Object} props.cover_image - Cover image object
- * @param {Object} [props.$] - Optional object containing data-cslp attributes
- * @returns {JSX.Element} Article cover component
+ * @param {string} props.title - Title of the article
+ * @param {Object} props.cover_image - Cover image object for the article
+ * @param {string} props.summary - Summary text of the article
+ * @param {string} props._content_type_uid - Content type UID
+ * @param {Object} props.$ - Optional object containing data-cslp attributes
+ * @returns {JSX.Element} ArticleCover component
  */
 
 const ArticleCover:React.FC<ArticleCoverType> = (props:ArticleCoverType) => {
-    const {title, summary, cover_image, $} = props
-    return( <div className={'px-8 pt-16 mb-8'}>
+    const {title, cover_image, summary ,_content_type_uid, $} = props
+    return( 
         <div
-            className='container mx-auto'
             id='article-cover'
         >
-            {title && <h1 data-id='h1-text' {...$?.title}>{title}</h1>}
-            <div className={'relative overflow-hidden mt-6'}>
-                {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                <Image
-                    image={cover_image}
-                    $={$}
-                    className={'w-full max-auto object-cover aspect-[2] md:aspect-[5/2] object-center bg-white/5 shadow-2xl ring-1 ring-white/10 dark:text-white'}
-                />
-            </div>
-            {summary && <p data-id='paragraph-text' className='mt-2 !text-lg leading-5 text-black/60 dark:text-white' {...$?.summary}>
-                {summary}
-            </p>}
+            <Hero
+                title={title}
+                cover_image={cover_image}
+                $={$}
+                _content_type_uid={_content_type_uid}
+                id={'hero-banner'}
+                className='mb-0'
+            />
+            {/* This Text component is used to display the summary of the article as per new figma design in sprint22 */}
+            <Text
+                content={`<p class='mb-0 !pb-0'><strong ${(isDataInLiveEdit()) ? `data-cslp='${$?.summary?.['data-cslp']}'` : ''}>${summary}</strong></p>`}
+                $ = {(!isDataInLiveEdit()) ? {
+                    ... $,
+                    content: {
+                        'data-cslp': $?.summary?.['data-cslp'] || ''
+                    }
+                } : {}}
+                className='mt-[2.23rem] mb-0'
+                id={'article-summary'}
+            />
         </div>
-       
-    </div>)
+    )
 }
 
 export {ArticleCover}
\ No newline at end of file
diff --git a/components/Article/RelatedArticles.tsx b/components/Article/RelatedArticles.tsx
index da996e3..e61c751 100644
--- a/components/Article/RelatedArticles.tsx
+++ b/components/Article/RelatedArticles.tsx
@@ -20,7 +20,12 @@ const RelatedArticles:React.FC<RelatedArticlesComponent> = (props:RelatedArticle
     const { heading, sub_heading, $ } = {...related_articles}
     
     return(<div>
-        <CardCollection header={{heading, sub_heading, $}} cards={cards} id='related-articles-card-collection' />
+        <CardCollection 
+            header={{heading, sub_heading, $}} 
+            cards={cards} 
+            id='related-articles-card-collection' 
+            className='mx-[2.25rem] md:mx-[5.25rem]'    
+        />
     </div>
     )
 }
diff --git a/components/Article/RelatedLinks.tsx b/components/Article/RelatedLinks.tsx
index e0613bc..efc698b 100644
--- a/components/Article/RelatedLinks.tsx
+++ b/components/Article/RelatedLinks.tsx
@@ -15,22 +15,20 @@ import { RelatedLinksComponent } from '@/types/components'
 const RelatedLinks: React.FC<RelatedLinksComponent> = (props: RelatedLinksComponent) => {
     const { relatedLinks, relatedLinksLabel, $ } = props
 
-    return (<div className={'px-8 my-16'} id='related-region-topics'>
-        <div className='container mx-auto'>
-            {relatedLinks && <div><span {...relatedLinksLabel?.$?.text} data-id='span-text' className='font-semibold text-sm inline-block mt-2'>{relatedLinksLabel?.text || 'Related Links'}: &nbsp;</span>
+    return (<div id='related-region-topics' className='mx-[2.25rem] md:mx-[5.25rem]'>
+        {relatedLinks && <><h2 {...relatedLinksLabel?.$?.text} data-id='span-text' className='w-full text-6xl font-[43.75rem] inline-block mb-[2.227rem] text-stone'>{relatedLinksLabel?.text || 'Related Links'}</h2>
+            <div className='flex flex-wrap space-x-5'>
                 {relatedLinks.map((elem, ind: number) => (
                     <span key={`related-link-${ind}`} {...$?.[`taxonomies__${ind}`]}>
                         <Link url={elem?.url}
-                            className='font-montserrat border-b-2 border-transparent text-purple hover:border-purple cursor-pointer font-semibold text-sm capitalize'
+                            className='taxonomies-label'
                         >
                             {elem?.title ?? ''}
                         </Link>
-                        <span className='mr-2'>{relatedLinks[ind + 1] ? ',' : ''}</span>
                     </span>
                 ))}
-            </div>}
-
-        </div>
+            </div>
+        </>}
     </div>)
 }
 
diff --git a/components/Card/Card.tsx b/components/Card/Card.tsx
index fd8c31b..fce35f6 100644
--- a/components/Card/Card.tsx
+++ b/components/Card/Card.tsx
@@ -1,8 +1,7 @@
 import React from 'react'
-import { isString } from 'lodash'
-import { Image, Link } from '@/components'
+import { Image as ImageComponent, Link } from '@/components'
 import { ImageCardItem } from '@/types/components'
-import { classNames, resolveCardCta } from '@/utils'
+import { resolveCardCta } from '@/utils'
 
 /**
  * Card component that displays an image, title, content, and call-to-action
@@ -18,63 +17,60 @@ import { classNames, resolveCardCta } from '@/utils'
  * @returns {JSX.Element} Card component
  */
 const Card: React.FC<ImageCardItem> = (props: ImageCardItem) => {
-    const { $, image, image_alt_text, title, cta, content, count, id } = props
-
-    {/* eslint-disable-next-line jsx-a11y/alt-text */ }
-    const cardImage = <Image
-        image={image}
-        $={$}
-        image_alt_text={image_alt_text}
-        className={classNames(
-            count === 1 ? 'h-[24rem] w-auto'
-                : count === 2 ? 'h-[24rem] lg:h-64'
-                    : count === 3 ? 'h-48 lg:h-52'
-                        : count && count >= 4 ? 'h-48 lg:h-52'
-                            : '',
-            'w-full object-center object-fit object-cover hover:opacity-90 hover:cursor-pointer'
-        )}
-    /> 
+    const { $, image, image_alt_text, title, cta, content, id } = props
 
     return (
         <Link
             url={resolveCardCta(cta)}
         >
             <div
+                className='aspect-[7/11] w-full relative overflow-hidden shadow-[11.17px_11.17px_25.14px_2.79px_rgba(0,0,0,0.5)] flex flex-col justify-end px-[25px] py-[30px] group'
                 id={`card-${id}`}
-                className={'group h-full relative flex flex-col justify-between'}
             >
-                <div className='flex flex-col'>
-                    
-                    {cardImage}
 
-                    <div className='mt-6 text-xl text-black dark:text-white'>
-                        {title
-                            && <h4
-                                data-id='h4-text'
-                                className='font-bold card-title'
-                                {...$?.title}>
-                                {title}
-                            </h4>
-                        }
-                    </div>
-                    {content && <p
-                        data-id='paragraph-text'
-                        className='mt-4 p-0 text-base leading-5 text-black dark:text-white card-content whitespace-break-spaces'
-                        {...$?.content}
-                    >
-                        {content}
-                    </p>
-                    }
-                </div>
-                <div>
-                    {cta && !isString(cta) && cta?.text && <p className='mt-3 text-base font-semibold !text-purple'
-                        {...cta.$?.link}>
-                        <>
-                            {cta.text && cta.text !== '' ? <span {...cta?.$?.text}>{cta.text}</span> : <span {...cta?.$?.text}>CTA PLACEHOLDER</span>}
-                        </> &rarr;
-                    </p>
-                    }
-                </div>
+                <ImageComponent
+                    image={image}
+                    $={$}
+                    className='absolute inset-0 w-full h-full object-cover transition-transform duration-1000 scale-100 group-hover:scale-125'
+                    image_alt_text={image_alt_text || title}
+                />
+
+                <div className='absolute inset-0 bg-black/30 z-10' />
+
+                <div
+                    className='z-10 w-[42px] h-[6px] bg-white'
+                />
+
+                {
+                    title && (
+                        <span
+                            className='z-10 mt-[10px] text-white line-clamp-3 text-[30px] font-bold leading-[34px] drop-shadow-[0_1.2px_1.2px_rgba(0,0,0,0.8)] 
+                                uppercase underline decoration-transparent decoration-2 decoration-w-[10%] underline-offset-4 transition-all duration-1000 group-hover:decoration-white'
+                            {...$?.title}
+                            data-id='span-text'
+                        >
+                            {
+                                title
+                            }
+                        </span>
+                    )
+                }
+
+                {
+                    content && (
+                        <span
+                            className='z-10 text-white font-normal text-[1.563rem] leading-[25px] line-clamp-1 drop-shadow-[0_1.2px_1.2px_rgba(0,0,0,0.8)] 
+                                underline decoration-transparent decoration-1 underline-offset-4 transition-all duration-1000 group-hover:decoration-white'
+                            {...$?.content}
+                            data-id='span-text'
+                        >
+                            {
+                                content
+                            }
+                        </span>
+                    )
+                }
+
             </div>
         </Link>
     )
diff --git a/components/CardCollection/CardCollection.tsx b/components/CardCollection/CardCollection.tsx
index 529f14d..ec4bfcd 100644
--- a/components/CardCollection/CardCollection.tsx
+++ b/components/CardCollection/CardCollection.tsx
@@ -1,70 +1,35 @@
-/* eslint-disable react/prop-types */
-
 import React from 'react'
 
 import { CardCollection as CardCollectionProps } from '@/types/components'
 import { CardCollectionHeader } from './CardCollectionHeader'
 import { CardCollectionBody } from './CardCollectionBody'
 
-import { CardTiles } from './CardTiles'
-
 /**
- * React component that renders a collection of cards or card tiles based on the number of cards provided.
+ * React component that renders a collection of cards
  * 
  * @param {CardCollectionProps} props - Component props
  * @param {string} props.header - Header object containing heading and sub-heading
  * @param {Array} props.cards - Array of card objects
- * @param {number} props.count - Total number of cards
+ * @param {number} props.count - Total number of cards 
  * @param {string} props.id - Unique identifier for the card collection
  * @param {Object} props.$ - Optional object containing data-cslp attributes
+ * @param {string} props.className - Optoinal string containing additional class for styling
  * @returns {JSX.Element} Collection of cards or card tiles
  */
 const CardCollection: React.FC<CardCollectionProps> = (props: CardCollectionProps): JSX.Element => {
-    const { header, cards, count, id, $ } = props
-
-    /**
-     * ? Method to conditionally render the card collection or card tiles based on the total number of cards
-     * ? INFO: If the number of cards is less than or equal to 2, then it will be rendered as cards tiles. 
-     * ?       Else it will be rendered as card collection
-    */
-    const CardCollectionHandler = () => {
-        
-        if ((count && count > 2) || cards && cards?.length > 2) {
-
-            return (
-                <CardCollectionBody
-                    id={id}
-                    cards={cards}
-                    count={count ? count : (cards ? cards?.length : 0)}
-                    $={$}
-                />
-            )
-
-        }
-
-        return (
-            <CardTiles
-                id={id}
-                cards={cards}
-                count={cards?.length || 0}
-                $={$}
-            />
-        )
-
-    }
+    const { header, cards, count, id, className, $ } = props
 
     if ((!cards || cards.length === 0) && (!header || (header.heading === '' && header.sub_heading === ''))) {
         return <></>
     }
 
-
     return (
 
         <div
             id={id}
-            className={'pb-8 px-8 sm:pb-12'}
+            className={`${className} my-25`}
         >
-            <div className='max-w-7xl mx-auto '>
+            <div className='mx-auto'>
 
                 {header && (header.heading != '' || header.sub_heading != '') && <CardCollectionHeader
                     id={id}
@@ -73,7 +38,12 @@ const CardCollection: React.FC<CardCollectionProps> = (props: CardCollectionProp
                     $={{ ...header?.$ }}
                 />}
 
-                <CardCollectionHandler />
+                <CardCollectionBody
+                    id={id}
+                    cards={cards}
+                    count={count ? count : (cards ? cards?.length : 0)}
+                    $={$}
+                />
             </div>
         </div>
 
diff --git a/components/CardCollection/CardCollectionBody.tsx b/components/CardCollection/CardCollectionBody.tsx
index 695f6ec..4db959c 100644
--- a/components/CardCollection/CardCollectionBody.tsx
+++ b/components/CardCollection/CardCollectionBody.tsx
@@ -1,4 +1,3 @@
-import { classNames } from '@/utils'
 import { CardCollectionBody as CardCollectionBodyProps , ImageCardItem } from '@/types/components'
 import { LivePreviewTypeMapper } from '@/types/common'
 import { Card } from '../Card'
@@ -18,34 +17,9 @@ const CardCollectionBody = ({cards, count, id, $, editKey}: CardCollectionBodyPr
     
     editKey = editKey || 'cards'
     
-    const gridConfigurator  = () => {
-
-        if(count && count > 12) return 'sm:grid-cols-2 lg:grid-cols-3'
-
-        switch(cards?.length) {
-        case 1:
-            return 'lg:grid-cols-1'
-
-        case 2:
-            return 'sm:grid-cols-2 lg:grid-cols-2'
-
-        case 3: 
-            return 'sm:grid-cols-2 lg:grid-cols-3'
-
-        default:
-            return 'sm:grid-cols-2 lg:grid-cols-3'
-        }
-
-    }
-
     return (
         cards && cards?.length > 0 ? <div
-            className={
-                classNames(
-                    gridConfigurator(),
-                    'grid grid-cols-1 gap-y-12 sm:gap-x-6 xl:gap-x-8'
-                )
-            }
+            className='grid grid-cols-1 xs:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-x-3 gap-y-12 sm:gap-x-6 xl:gap-x-8'
             {...$?.[editKey as keyof LivePreviewTypeMapper<CardCollectionBodyProps>] }
         >
             {cards?.map((cardData: ImageCardItem, idx: number) => {
diff --git a/components/CardCollection/CardCollectionHeader.tsx b/components/CardCollection/CardCollectionHeader.tsx
index c89d5c1..8e124f0 100644
--- a/components/CardCollection/CardCollectionHeader.tsx
+++ b/components/CardCollection/CardCollectionHeader.tsx
@@ -14,17 +14,18 @@ const CardCollectionHeader: React.FC<CardCollectionHeaderType> = (props: CardCol
     const { $, heading, sub_heading } = props
 
     return (
-        <div className='relative mx-auto flex max-w-4xl flex-col items-center text-center my-24'>
+        <div className='relative flex flex-col items-start lg:max-w-[calc((100vw)*0.45635)] mb-14 md:mb-25'>
             {heading && <h2
                 data-id='h2-text'
                 {...$?.heading}
-                className='text-[32px] font-montserrat font-semibold text-black dark:text-white leading-[48px]'
+                className={`text-3xl md:text-4xl lg:text-6xl md:leading-[3.75rem] font-bold inline-block text-stone pt-[2rem] ${sub_heading && 'mb-[1.894rem]'}`}
             >
                 {heading}
             </h2>}
             {sub_heading && <p
                 data-id='paragraph-text'
-                className='mt-7 uppercase text-sm font-semibold tracking-wider text-black/50 !leading-[20px]'
+                // className='text-sm font-semibold tracking-wider text-black/50 !leading-[20px]'
+                className='text-md md:text-xl p-0 text-stone font-medium whitespace-break-spaces'
                 {...$?.sub_heading}
             >
                 {sub_heading}
diff --git a/components/CardCollection/CardTiles.tsx b/components/CardCollection/CardTiles.tsx
deleted file mode 100644
index 1d1d13e..0000000
--- a/components/CardCollection/CardTiles.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-'use client'
-import { Fragment} from 'react'
-import { classNames } from '@/utils'
-import { CardCollectionBody, ImageCardItem } from '@/types/components'
-import { CardTile } from '../CardTile'
-
-
-/**
- * Renders a collection of cards in a grid layout of card tiles.
- * 
- * @param {CardCollectionBody} props - Component props
- * @param {Array<ImageCardItem>} props.cards - Array of card objects
- * @param {number} props.count - Total number of cards
- * @param {string} props.id - Unique identifier for the card collection
- * @param {Object} props.$ - Optional object containing data-cslp attributes
- * @returns {JSX.Element} Collection of cards in a grid layout of card tiles
- */
-const CardTiles = ({cards, count, id, $}: CardCollectionBody): JSX.Element => {
-
-    /**
-     * Determines the grid column configuration based on number of cards
-     * @returns {string} CSS classes for grid columns
-     */
-    const gridConfigurator  = () => {
-
-        if(count && count > 12) return 'sm:grid-cols-2 lg:grid-cols-3'
-
-        switch(cards?.length) {
-        case 1:
-            return 'lg:grid-cols-1'
-
-        case 2:
-            return 'sm:grid-cols-2 lg:grid-cols-2'
-
-        case 3: 
-            return 'sm:grid-cols-2 lg:grid-cols-3'
-
-        default:
-            return 'sm:grid-cols-2 lg:grid-cols-3'
-        }
-
-    }
-
-    return (
-        cards && cards?.length > 0 ? <div
-            className={
-                classNames(
-                    gridConfigurator(),
-                    'sm:grid-cols-2 lg:grid-cols-2 grid grid-cols-1 gap-y-12 sm:gap-x-6 xl:gap-x-8'
-                )
-            }
-            {...$?.cards}
-            key={`cards-${id}`}
-        >
-            {cards?.map((cardData: ImageCardItem, idx: number) => {
-                return (<Fragment key={`card-tile-${id}-${idx}`}>
-                    <CardTile
-                        id={id}
-                        {...cardData}
-                        count={count}
-                        $ = {cardData.$ && $ ? { ...cardData.$, ...$ } : undefined}
-                        index={idx}
-                    />
-                </Fragment>)
-            })
-            }
-        </div> : <></>
-    )
-}
-
-export {CardTiles}
\ No newline at end of file
diff --git a/components/CardTile/CardTile.tsx b/components/CardTile/CardTile.tsx
deleted file mode 100644
index b0a2d0d..0000000
--- a/components/CardTile/CardTile.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import React, { useEffect } from 'react'
-import { isString } from 'lodash'
-import { Image, Link } from '@/components'
-import { ImageCardItem } from '@/types/components'
-import { classNames, equalHeight, resolveCardCta } from '@/utils'
-import { LivePreviewTypeMapper } from '@/types/common'
-import styles from './cardTile.module.css'
-
-/**
- * CardTile component that displays an image, title, content, and call-to-action
- * @param {Object} props - Component props
- * @param {Object} props.$ - Optional object containing data-cslp attributes for live preview
- * @param {string|Object} props.image - Contentstack image object
- * @param {string} props.image_alt_text - Alt text for the image
- * @param {string} props.title - Card title
- * @param {string|Object} props.cta - Call-to-action object containing text and url information
- * @param {string} props.content - Card content
- * @param {number} props.count - Number of cards in the grid
- * @param {string|number} props.id - Unique identifier for the card
- * @param {boolean} props.is_thumbnail - Whether the card is a thumbnail
- * @param {number} props.index - Index of the card in the grid
- * @returns {JSX.Element} Card component
- * */
-const CardTile: React.FC<ImageCardItem> = (props: ImageCardItem) => {
-    const { $, image, image_alt_text, title, subtitle, cta, content, count, id, is_thumbnail, index } = props
-
-    useEffect(() => {
-        equalHeight('.card-tile-title') // onload
-        window.addEventListener('resize', () => { // onResize
-            equalHeight('.card-tile-title')
-        })
-    })
-
-    {/* eslint-disable-next-line jsx-a11y/alt-text */ }
-    const cardImage = <Image
-        image={image}
-        $={$}
-        image_alt_text={image_alt_text}
-        is_thumbnail={is_thumbnail}
-        className={classNames(
-            count === 1 ? 'h-[24rem] w-auto'
-                : count === 2 ? 'h-[24rem]'
-                    : count === 3 ? 'h-48 lg:h-52'
-                        : count && count >= 4 ? 'h-48 lg:h-52'
-                            : '',
-            'w-full object-center object-fit object-cover hover:opacity-90 hover:cursor-pointer rounded mt-6'
-        )}
-    />
-
-    return (
-        <div
-            id={`card-tile-${id}-${index}`}
-            key={`card-tile-${id}-${index}`}
-            className={`group h-full relative flex flex-col justify-between ${styles.card}`}
-            {...$?.[`card__${index}` as keyof LivePreviewTypeMapper<ImageCardItem>] }
-        >
-            <div className='flex flex-col'>
-                <div className='text-xl text-gray-500 dark:text-white text-center'>
-                    {title
-                        && <h4
-                            data-id='h4-text'
-                            className='block text-4xl font-montserrat font-semibold text-black card-tile-title'
-                            {...$?.title}>
-                            {title}
-                        </h4>
-                    }
-                </div>
-
-                {
-                    subtitle && <div className='mt-4 text-center'>
-                        <span
-                            data-id='span-text'
-                            className='text-2xl font-montserrat text-black font-normal card-subtitle'
-                            {...$?.subtitle}>
-                            {subtitle ? subtitle : '\xa0'}
-                        </span>
-                    </div>
-                }
-
-                {cta ? <Link
-                    url={resolveCardCta(cta)}
-                    className='rounded'
-                >
-                    {cardImage}
-                </Link> : <>
-                    {cardImage}
-                </>}
-
-                {content && <p data-id='paragraph-text' className='mt-6 p-0 text-base leading-5 text-black dark:text-white card-content whitespace-break-spaces'
-                    {...$?.content}
-                >
-                    {content}
-                </p>
-                }
-            </div>
-            <div>
-                {cta?.text && cta?.link && !isString(cta) && cta?.text && <p className='mt-6 text-base font-semibold !text-black/50 flex flex-row items-center gap-[8px]' {...cta?.$?.link}>
-                    <Link
-                        url={resolveCardCta(cta)}
-                        className='!text-black/50 font-montserrat text-sm border-b-2 border-transparent hover:border-black/50 !leading-[20px]'
-                    >
-                        {cta.text && cta.text !== '' ? <span {...cta?.$?.text}>{(cta.text).toUpperCase()}</span> : <span {...cta?.$?.text}>CTA PLACEHOLDER</span>}
-                    </Link>
-                    <svg
-                        xmlns='http://www.w3.org/2000/svg'
-                        fill='none'
-                        viewBox='0 0 24 24'
-                        strokeWidth={1.5}
-                        stroke='currentColor'
-                        aria-hidden='true'
-                        className='h-5 text-sm text-black/50 !leading-[20px]'
-                    >
-                        <path
-                            strokeLinecap='round'
-                            strokeLinejoin='round'
-                            d='M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75'
-                        />
-                    </svg>
-                </p>
-                }
-            </div>
-        </div>
-    )
-}
-
-export { CardTile }
\ No newline at end of file
diff --git a/components/CardTile/cardTile.module.css b/components/CardTile/cardTile.module.css
deleted file mode 100644
index 534e9df..0000000
--- a/components/CardTile/cardTile.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.card {
-    padding: 2rem;
-    border-radius: 20px;
-}
-
-.card:nth-child(even) {background: #E9EBF6}
-.card:nth-child(odd) {background: #FFE2E6}
-
-/* .card img {
-    height: 24rem;
-} */
\ No newline at end of file
diff --git a/components/CardTile/index.ts b/components/CardTile/index.ts
deleted file mode 100644
index 66febb5..0000000
--- a/components/CardTile/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './CardTile'
diff --git a/components/FeaturedArticles/FeaturedArticles.tsx b/components/FeaturedArticles/FeaturedArticles.tsx
index b4a1786..06684d7 100644
--- a/components/FeaturedArticles/FeaturedArticles.tsx
+++ b/components/FeaturedArticles/FeaturedArticles.tsx
@@ -30,9 +30,9 @@ const FeaturedArticles: React.FC<FeaturedArticlesProps> = (props: FeaturedArticl
     return (
         <div
             id={id}
-            className={'pb-8 px-8 sm:pb-12'}
+            className={'mb-25 mx-[2.25rem] md:mx-[5.25rem] '}
         >
-            <div className='max-w-7xl mx-auto '>
+            <div className='mx-auto'>
                 <CardCollectionHeader
                     heading={heading}
                     sub_heading={sub_heading}
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index a8854ee..bf557c7 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -1,6 +1,6 @@
 'use client'
 /* eslint-disable @next/next/no-img-element */
-import React from 'react'
+import React, { useEffect } from 'react'
 import parse from 'html-react-parser'
 
 import { App } from '@/types'
@@ -24,132 +24,122 @@ export const isFooterValid = (footer:App.Footer) => {
  */
 export const Footer: React.FC<App.Footer> = (props: App.Footer): JSX.Element => {
     const { sections, copyright_info, built_by, logo, $ } = props
+    const [footerColumns, setFooterColumns] = React.useState<FooterSection[]>([])
+    const [footnoteLinks, setFootnoteLinks] = React.useState<FooterSection>()
 
-    // ? Method to render the Region Links column
-    const renderFooterLinks = () => {
-        const chunkedArray = []
-        if (sections && sections?.length) {
-            for (let i = 0; i < sections.length; i += 2) {
-                const chunk = sections?.slice(i, i + 2)
-                chunkedArray.push(chunk)
-            }
-        }
-       
-        
-        const renderLinks = (links: FooterLink[], links_$: LivePreviewTypeMapper<FooterLink | undefined>) => {
-            return links?.map((link: FooterLink, index: number) => {
-                return (
-                    <li
-                        key={`link-${index}`}
-                        {...links_$?.[`links__${index}`]}
-                    >
-                        {
-                            link?.link?.[0]?.url
-                                ? (
-                                    <Link
-                                        url={link?.link?.[0]?.url || link?.external_link?.href}
-                                        className='text-sm leading-6 text-gray-700 hover:font-bold font-montserrat'
-                                        target={link?.external_link?.href && link?.external_link?.href?.charAt(0) !== '/' ? '_blank' : '_self'}
-                                        {...link?.$?.link || link?.$?.external_link}
-                                    >
-                                        <span {...(link?.link.length !== 0 ? link?.$?.link : link?.$?.text)}>{link?.text}</span>
-                                    </Link>
-                                )
-                                : (
-                                    <Link
-                                        url={link?.external_link?.href}
-                                        className='text-sm leading-6 text-gray-700 hover:font-bold font-montserrat'
-                                        target={link?.external_link?.href?.charAt(0) !== '/' ? '_blank' : '_self'}
-                                        {...link?.$?.external_link}
-                                    >
-                                        <span {...(link?.link.length !== 0 ? link?.$?.link : link?.$?.text)}>{link?.text || link?.external_link?.title}</span>
-                                    </Link>
-                                )
-                        }
-                    </li>
-
-                )
-
-            })
 
+    useEffect(() => {
+        if (sections) {
+            setFooterColumns(sections?.filter((section: FooterSection, i) => i !== sections.length - 1))
+            setFootnoteLinks(sections[sections.length - 1])
         }
+    }, [sections])
 
-        const renderLinkColumns = (chunk: FooterSection[]) => {
-
-            return chunk?.map((link: FooterSection, index: number) => {
-                return (
-                    <div className='mb-10 md:mb-0' key={`footer-col-${index}`}>
-                        <h3
-                            className='text-sm font-semibold leading-6 text-black font-montserrat'
-                            data-id='h3-text'
-                            {...link?.$?.title}
-                        >
-                            {link.title}
-                        </h3>
-                        <ul role='list' className='mt-6 space-y-4' {...link?.$?.links}>
-                            {
-                                renderLinks(link?.links, link?.$)
-                            }
-                        </ul>
-                    </div>
-                )
-            })
-        }
-
-        return chunkedArray?.map((chunk, index: number) => {
+    /**
+     * Renders a list of footer links
+     * @param {FooterLink[]} links - Array of footer link objects
+     * @param {LivePreviewTypeMapper<FooterLink | undefined>} links_$ - Live preview object containing data-cslp for footer links
+     * @param {string} [className] - Optional CSS classname to apply to links
+     * @returns {JSX.Element[]} Array of rendered link elements
+     */
+    const renderLinks = (links: FooterLink[], links_$: LivePreviewTypeMapper<FooterLink | undefined>, className?: string) => {
+        return links?.map((link: FooterLink, index: number) => {
             return (
-                <div className='gap-8 md:grid md:grid-cols-2 md:gap-8' key={`chunk-${index}`}>
-                    {/* 
-                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                        // @ts-ignore
-                    */}
-                    {renderLinkColumns(chunk!)}
-                </div>
+                <li
+                    key={`link-${index}`}
+                    {...links_$?.[`links__${index}`]}
+                    role='listitem'
+                >
+                    {link?.link?.[0]?.url
+                        ? (
+                            <Link
+                                url={link?.link?.[0]?.url || link?.external_link}
+                                className={`text-base text-stone hover:underline font-inter ${className || ''}`}
+                                target={link?.external_link && link?.external_link?.charAt(0) !== '/' ? '_blank' : '_self'}
+                                {...link?.$?.link || link?.$?.external_link}
+                            >
+                                <span {...(link?.link.length !== 0 ? link?.$?.link : link?.$?.text)}>{link?.text}</span>
+                            </Link>
+                        )
+                        : (
+                            <Link
+                                url={link?.external_link}
+                                className={`text-base text-stone hover:underline font-inter ${className || ''}`}
+                                target={link?.external_link?.charAt(0) !== '/' ? '_blank' : '_self'}
+                                {...link?.$?.external_link}
+                            >
+                                <span {...(link?.link.length !== 0 ? link?.$?.link : link?.$?.text)}>{link?.text}</span>
+                            </Link>
+                        )}
+                </li>
             )
         })
-
     }
 
-
     return (
         <footer
             aria-labelledby='footer-heading'
-            className='bg-[#F3f3f3] mt-16'
+            className='bg-[#F0F3F7] pt-[90px] 3xl:pt-[120px]'
             id='footer-component'
         >
             <h2 id='footer-heading' data-id='h2-text' className='sr-only'>
                 Footer
             </h2>
-            {isFooterValid(props) && <div className='mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8 lg:py-24'>
-                <div className='xl:grid xl:grid-cols-3 xl:gap-8'>
+            <div className='mx-auto w-[90%] 3xl:w-[1543px]'>
+                {isFooterValid(props) && <div className='grid gap-y-12 gap-x-8 xl:gap-8 grid-cols-6 2xl:grid-cols-5 max-xl:bg-red px-3 mx-[44.5px]'>
                     {
                         logo?.title
-                        && <div className='flex flex-row mt-0 mb-0 items-start justify-start sm:items-start sm:justify-start'>
-                            <Link url='/'>
-                                <span className='sr-only'>Site Logo</span>
-                                <img
-                                    className='h-12 w-auto'
-                                    src={logo?.url}
-                                    alt={logo?.title}
-                                    {...logo?.$?.url}
-                                />
-                            </Link>
-                        </div>
+                            && <div className='col-start-1 col-end-7 xl:col-span-2 flex flex-row mt-0 mb-0 items-start justify-start sm:items-start sm:justify-start'>
+                                <Link url='/'>
+                                    <h2 className='sr-only'>Site Logo</h2>
+                                    <img
+                                        className='h-16 w-[14.823rem] 3xl:h-20.5 3xl:w-17.5'
+                                        src={logo?.url}
+                                        alt={logo?.title}
+                                        {...logo?.$?.url}
+                                    />
+                                </Link>
+                            </div>
                     }
-                    <div className='mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0 font-systemUI'>
-                        {renderFooterLinks()}
+                    <div className='col-start-1 col-end-7 xl:col-span-4 2xl:col-span-3 flex flex-col sm:flex-wrap md:flex-nowrap sm:flex-row sm:justify-between'>
+                        {footerColumns?.length && footerColumns.map((link: FooterSection, index: number) => {
+                            return (
+                                <div className='ml-[6px] mb-12 last:mb-0 md:mb-0 sm:w-[40%] md:w-auto' key={`footer-col-${index}`}>
+                                    <h3
+                                        className='text-sm font-bold leading-[14px] font-inter tracking-widest text-stone uppercase before:hidden'
+                                        data-id='h3-text'
+                                        {...link?.$?.title}
+                                    >
+                                        {link.title}
+                                    </h3>
+                                    <ul role='list' className='mt-6 space-y-4' {...link?.$?.links}>
+                                        {renderLinks(link?.links, link?.$)}
+                                        {
+                                            index === footerColumns?.length - 1 && built_by && built_by.length != 0 && built_by != '<p></p>'
+                                                && <div 
+                                                    className='bg-white border-[0.5px] border-[#63739280] rounded uppercase max-w-fit sm:w-[361px] !my-12 !text-xs px-3 font-inter py-4 text-left md:text-center footer-declaimer' 
+                                                    {...$?.built_by}
+                                                    role='listitem'
+                                                >
+                                                    {parse(built_by)}
+                                                </div>
+                                        }
+                                    </ul>
+                                </div>
+                            )
+                        })}
                     </div>
                 </div>
-            </div>
-            }
-            <div className='mx-auto max-w-7xl border-t border-gray-900/10 w-full px-6 pt-4 pb-8 md:pt-4 md:pb-4 flex flex-col gap-2 md:flex-row items-center justify-between '>
-                {copyright_info && <span className='text-gray-700 font-montserrat whitespace-break-spaces' {...$?.copyright_info} >
-                    {parse(copyright_info)}
-                </span>}
+                }
+                <div className='pt-8 pb-16 md:pt-[96px] 3xl:pb-16 px-[56.5px] flex flex-col gap-2 md:flex-row items-left md:items-center justify-between copyright-info'>
+                    {copyright_info && <div {...$?.copyright_info} >
+                        {parse(copyright_info)}
+                    </div>}
+                    <ul role='list' className='flex flex-row gap-[47.33px] list-none'>
+                        {footnoteLinks && footnoteLinks?.links && renderLinks(footnoteLinks?.links, footnoteLinks?.$, 'font-medium underline !leading-[15.5px]')}
+                    </ul>
 
-                {built_by && built_by.length != 0 && built_by != '<p></p>' && <div className='py-1 px-3 rounded-full border-[1px] border-gray-700 text-center built-by whitespace-break-spaces' {...$?.built_by}>
-                    {parse(built_by)}
-                </div>}
+                </div>
             </div>
         </footer>
     )
diff --git a/components/Header/Header.tsx b/components/Header/Header.tsx
index 1e0faa0..efb0d0c 100644
--- a/components/Header/Header.tsx
+++ b/components/Header/Header.tsx
@@ -2,20 +2,16 @@
 /* eslint-disable @next/next/no-img-element */
 import { Fragment, useEffect, useState } from 'react'
 import { Dialog, DialogPanel, Disclosure, Popover, PopoverBackdrop, PopoverButton, PopoverGroup, PopoverPanel, Transition } from '@headlessui/react'
-import {
-    Bars3Icon,
-    ChevronRightIcon,
-    XMarkIcon
-} from '@heroicons/react/24/outline'
+import { Bars3Icon, ChevronRightIcon, XMarkIcon } from '@heroicons/react/24/outline'
 import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/20/solid'
-import { Carousel, CTAGroup, Link } from '@/components'
+import { CTAGroup, Image, Link } from '@/components'
 import { App } from '@/types'
 import useRouterHook from '@/hooks/useRouterHook'
-import { equalHeight, getJsonCookie, getPersonalizeAttribute, isCookieExist, removeSpecialChar } from '@/utils'
+import { getJsonCookie, getPersonalizeAttribute, isCookieExist, removeSpecialChar } from '@/utils'
 import { localeCookieName } from '@/config'
 import { LivePreviewTypeMapper, Locale  } from '@/types/common'
 import { usePersonalization } from '@/context'
-import { MegaMenuSection } from '@/types/app'
+import { Header as HeaderType, MegaMenuSection } from '@/types/app'
 import { LanguageSelector } from '../LanguageSelector'
 
 /**
@@ -30,18 +26,17 @@ function Header (props: App.Header): JSX.Element {
 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [data, setData] = useState(props)
-    const { logo, items } = props
+    const { logo, items, $ } = props
 
     const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
-    const [Opac, setOpac] = useState<boolean>(true)
     const [currPanel, setCurrPanel] = useState('')
     const [, setOpen] = useState(false)
     const [locales, setLocales] = useState<Locale[] | []>([])
     const { path } = useRouterHook()
 
     // Determine if the current page is the home page (or AB Test Landing Page) or not
-    // Further used to set transparency of the header if the page is the home page or AB Test Landing Page
-    const isHome: boolean = (path === '/' || path === process.env.CONTENTSTACK_AB_LANDING_PAGE_PATH) ? true : false
+    // Further used to set transparency of the header if the page is the home page or AB Test Landing Page or Article Page
+    const isHome: boolean = (path === '/' || path === process.env.CONTENTSTACK_AB_LANDING_PAGE_PATH || path.split('/')[1] === 'article' || path.split('/')[1] === 'contact-us') ? true : false
 
     const { personalizationSDK, personalizeConfig } = usePersonalization()
 
@@ -54,42 +49,6 @@ function Header (props: App.Header): JSX.Element {
         if (isCookieExist(localeCookieName)) setLocales(getJsonCookie(localeCookieName))
     }, [props])
 
-    const listenScrollEvent = () => {
-        if (window?.scrollY > 0)
-            setOpac(false)
-        else
-            setOpac(true)
-    }
-
-    useEffect(() => {
-        const top = document.querySelector('.teaser-container')?.getBoundingClientRect()?.top
-        if (top && top < 100) {
-            setOpac(true)
-        }
-
-        window.addEventListener('scroll', listenScrollEvent)
-        return () => {
-            window.removeEventListener('scroll', listenScrollEvent)
-        }
-    }, [])
-
-    // Function for equal height of the carousel card titles on resizing the window
-    const titleHeightResizeHandler = () => {
-        equalHeight('.header-carousel-card-title')
-    }
-
-    // Function for equal height of the carousel card titles on opening the panel
-    const onPanelOpening = () => {
-        equalHeight('.header-carousel-card-title')
-
-        window.addEventListener('resize', titleHeightResizeHandler)
-    }
-
-    // Function for removing the event listener on closing the panel
-    const onPanelClosing = () => {
-        window.removeEventListener('resize', titleHeightResizeHandler)
-    }
-
     // Function for opening the item menu in mobile side bar
     const handleMouseOver = (e: React.MouseEvent) => {
         const title = (e.target as HTMLElement).getAttribute('data-title') || (e.target as HTMLElement)?.parentElement?.getAttribute('data-title')
@@ -124,146 +83,156 @@ function Header (props: App.Header): JSX.Element {
         if (mobile) resetMobileNav()
     }
 
-
     return (
-        <header id='header-component' className={`${isHome ? 'mt-[-80px]' : ''} bg-white sticky top-0 z-50 hover:bg-white ${(!Opac) ? 'bg-opacity-100' : 'bg-opacity-20'}`}>
-            <nav className={`mx-auto flex items-center justify-between px-4 py-5 lg:px-8 ${mobileMenuOpen ? 'hidden sm:block' : ''}`} aria-label='Global'>
+        <header id='header-component' className={`${isHome ? 'mt-[-6.25rem]' : ''} sticky top-0 z-50 bg-white/90`}>
+            <nav className={`px-[2.25rem] md:px-21 h-[6.25rem] flex items-center justify-between border-b border-stone ${mobileMenuOpen ? 'hidden sm:flex' : ''}`} aria-label='Global'>
                 <div className='flex lg:flex-1`'>
-                    {logo?.url && <Link url='/' className={'-m-1.5 ml-1.5 p-1.5'}>
-                        <span className='sr-only'>Site Logo</span>
+                    {logo?.url && <Link url='/'>
+                        <h1 className='sr-only' aria-hidden='true'>Compass Starter</h1>
                         <img
-                            className='h-8 w-auto'
+                            className='h-[3.3825rem] w-[10rem] xs:w-[11.75rem]'
                             src={logo?.url}
                             alt={logo?.title}
                             {...logo?.$?.url}
                         />
                     </Link>}
                 </div>
-                <div className='flex lg:hidden'>
-                    <div
-                        className='relative flex items-center justify-center mr-14 bottom-[7px]'
-                    >
-                        {/* * [MOBILE] LANGUAGE SELECTOR */}
-                        {/* ? Language selecter will be hidden when the mobile menu is open */}
-                        {
-                            (!mobileMenuOpen)
-                            && <div className='h-6 w-6'>
-                                <LanguageSelector
-                                    locales={locales}
-                                    Opac={Opac}
-                                />
-                            </div>
-                        }
-                    </div>
-                    <button
-                        type='button'
-                        className='-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-black'
-                        onClick={() => {
-                            setMobileMenuOpen((prevState) => !prevState)
-                        }}
-                    >
-                        <span className='sr-only'>Open main menu</span>
-                        {!mobileMenuOpen && <Bars3Icon className='h-6 w-6' aria-hidden='true' onClick={() => { setCurrPanel('') }} />}
-                    </button>
-                </div>
-
                 {/* DESKTOP MENU */}
-                <PopoverGroup className='hidden lg:flex lg:gap-x-12'>
+                <PopoverGroup className='hidden lg:flex lg:gap-x-12' 
+                    {...$?.items}
+                >
                     {items?.map((item, itemInd) => (
-                        item?.mega_menu?.length ? <Popover key={`navItem-${itemInd}`} data-id={`navItem-${itemInd}`} className='flex'>
-                            <PopoverButton
-                                className='flex items-center gap-x-1 text-m font-semibold leading-6 text-gray-900 outline-none'
-                            >
-                                <span
-                                    className='flex items-center gap-x-1π'
+                        <div 
+                            key={`navitem-${itemInd}`}
+                            {...$?.[`items__${itemInd}` as keyof LivePreviewTypeMapper<HeaderType>]}
+                        >
+                            {item?.mega_menu?.length ? <Popover key={`navItem-${itemInd}`} data-id={`navItem-${itemInd}`} className='flex'>
+                                <PopoverButton
+                                    className={'flex items-center gap-x-1 text-lg font-semibold outline-none text-stone'}
                                 >
-                                    {item.text}<ChevronDownIcon className='h-5 w-5 flex-none text-gray-900  ui-open:transform ui-open:rotate-180' aria-hidden='true' />
-                                </span>
-                            </PopoverButton>
-                            <PopoverBackdrop className='fixed inset-0 bg-transparent -z-20' />
-                            <Transition
-                                as={Fragment}
-                                enter='transition ease-out duration-200'
-                                enterFrom='opacity-0 -translate-y-1'
-                                enterTo='opacity-100 translate-y-0'
-                                leave='transition ease-in duration-150'
-                                leaveFrom='opacity-100 translate-y-0'
-                                leaveTo='opacity-0 -translate-y-1'
-                                beforeEnter={() => onPanelOpening()}
-                                beforeLeave={() => onPanelClosing()}
-                            >
-                                <PopoverPanel
-                                    className='absolute inset-x-0 top-0 -z-10 bg-white pt-14 shadow-lg ring-1 ring-gray-900/5 opacity-100 translate-y-0'
+                                    <span
+                                        className='flex items-center'
+                                        {...item?.$?.text}
+                                    >
+                                        {item.text}
+                                        <ChevronRightIcon 
+                                            aria-hidden='true'
+                                            className={'h-[1.0625rem] w-[1.0625rem] rounded-full flex ml-[0.625rem] px-[0.1875rem] py-[0.09375rem] stroke-[3px] text-white bg-stone ui-open:transform ui-open:rotate-90'}
+                                        />
+                                    </span>
+                                </PopoverButton>
+                                <PopoverBackdrop className='fixed inset-0 bg-transparent -z-20' />
+                                <Transition
+                                    as={Fragment}
+                                    enter='transition ease-out duration-200'
+                                    enterFrom='opacity-0 -translate-y-1'
+                                    enterTo='opacity-100 translate-y-0'
+                                    leave='transition ease-in duration-150'
+                                    leaveFrom='opacity-100 translate-y-0'
+                                    leaveTo='opacity-0 -translate-y-1'
                                 >
-                                    {item?.mega_menu?.[0]?.sections?.[0]?.links?.length && <div className='px-8'>
-                                        <Carousel
-                                            className='mx-auto px-6 xl:pr-0 xl:pl-8 py-10'
+                                    <PopoverPanel
+                                        className='popup dark w-full flex flex-col absolute inset-x-0 top-[6.25rem] bg-white/90 shadow-[0px_4px_4px_0px_rgba(0, 0, 0, 0.25)]'
+                                    >
+                                        {item?.mega_menu?.[0]?.sections?.[0]?.links?.length && <div className='flex flex-col px-4' 
+                                            {...item?.mega_menu?.[0]?.sections?.[0].$?.links}
                                         >
-                                            {item?.mega_menu?.[0]?.sections?.[0]?.links?.map((linkData, ind) => (
-                                                <div
-                                                    key={linkData?.text}
-                                                    className={'mb-8 mt-4 w-72 xl:w-40 xl:pr-8 pr-14'}
-                                                    data-id={`navItem-${itemInd}-card-${ind}`}
-                                                >
-                                                    <div {...item?.mega_menu?.[0]?.sections?.[0].$?.[`links__${ind}` as keyof LivePreviewTypeMapper<MegaMenuSection>]}>
-                                                        {linkData?.text && <p
-                                                            data-id='paragraph-text'
-                                                            className='font-semibold text-gray-900 text-m mb-4 header-carousel-card-title'
-                                                            onChange={() => equalHeight('.header-carousel-card-title')}
-                                                            {...linkData?.$?.text}
-                                                        >{linkData.text}
-                                                        </p>}
+
+                                            <div className={`my-[2.75rem] ${item?.mega_menu?.[0]?.sections?.[0]?.links?.length >= 4 ? 'grid grid-cols-4' : 'flex items-center'}
+                                            gap-[15.08px] mx-auto`}>
+                                                {item?.mega_menu?.[0]?.sections?.[0]?.links?.map((linkData, ind) => (
+                                                    <div
+                                                        key={`${linkData?.text}-${ind}`}
+                                                        data-id={`navItem-${itemInd}-card-${ind}`}
+                                                        {...item?.mega_menu?.[0]?.sections?.[0].$?.[`links__${ind}` as keyof LivePreviewTypeMapper<MegaMenuSection>]}
+                                                    >       
                                                         <a
                                                             href={'/' + router.locale + linkData?.link?.[0]?.url}
-                                                            className='flex flex-col outline-none'
+                                                            className='relative flex flex-col outline-none size-[12rem] xl:size-[225.43px] border-transparent
+                                                            shadow-[0.69813rem_0.69813rem_1.57125rem_0.17444rem_rgba(0,0,0,0.5)] bg-stone shadow-stone/50 overflow-hidden group'
                                                             onClick={() => setAttribute(String(linkData?.link?.[0]?.url))}
                                                             {...linkData?.$?.link}
+                                                            role='button'
                                                         >
-                                                            {linkData?.thumbnail?.url && <img
-                                                                src={linkData.thumbnail.url.indexOf('?') > -1 ? `${linkData.thumbnail.url}&auto=webp&format=pjpg` : `${linkData.thumbnail.url}?auto=webp&format=pjpg`} className='object-cover h-40'
+                                                            {linkData?.thumbnail?.url && <Image 
+                                                                image={linkData?.thumbnail}
+                                                                className='absolute inset-0 w-full h-full object-cover transition-transform duration-1000 scale-100 group-hover:scale-125'
                                                                 alt={linkData?.thumbnail?.title}
-                                                                {...linkData?.$?.thumbnail}></img>
-                                                            }
-                                                            {linkData?.link?.[0]?.url && <span
-                                                                className='mt-4 font-light inline font-montserrat'
-                                                                {...linkData?.$?.link}
-                                                            >
-                                                                <span {...linkData?.$?.link_text}>{linkData?.link_text && linkData?.link_text}</span> <ChevronRightIcon className='h-4 my-auto inline-block mb-1' />
-                                                            </span>}
+                                                                $={linkData?.thumbnail?.$}
+                                                            />}
+                                                            <div className='absolute bottom-0 m-5 xl:mx-[26.34px] xl:mb-[30.56px]'>
+                                                                {linkData?.text && <>
+                                                                    <div
+                                                                        className='z-10 w-[2.625rem] h-[0.375rem] my-[0.65rem] bg-white'
+                                                                    />
+                                                                    <h6
+                                                                        data-id='paragraph-text'
+                                                                        className='text-[31.61px] leading-[35.82px] before:hidden uppercase group-hover:underline'
+                                                                        {...linkData?.$?.text}
+                                                                    >{linkData.text}
+                                                                    </h6>
+                                                                </>}
+                                                                {linkData?.link_text && <span
+                                                                    className='mt-[10.54px] btn-primary !min-w-[8.615625rem] w-[8.615625rem] !px-[2.620625rem] group-hover:underline'
+                                                                    {...linkData?.$?.link}
+                                                                >
+                                                                    {linkData?.link_text && <span {...linkData?.$?.link_text}>{linkData?.link_text}</span>}
+                                                                </span>}
+                                                            </div>
                                                         </a>
                                                     </div>
-                                                </div>
-                                            ))}
-                                        </Carousel>
-                                    </div>}
-                                    {item?.mega_menu?.[0]?.cta_group?.[0] && CTAGroup(item.mega_menu[0].cta_group[0])}
-                                </PopoverPanel>
-                            </Transition>
-                        </Popover> : <Fragment key={`navItem-${itemInd}`}>
-                            {item?.link?.[0]?.url && <span {...item?.$?.link} className='flex items-center gap-x-1 text-m font-semibold leading-6 text-gray-900'><Link
-                                url={item.link[0].url}
-                            >
-                                <span {...item?.$?.text}>{item.text}</span>
-                            </Link> </span>}
-                        </Fragment>
-                    ))}
-                    {/* * [DESKTOP] LANGUAGE SELECTOR */}
+                                                ))}
+                                            </div>
+                                        
+                                        </div>}
+                                        {item?.mega_menu?.[0]?.cta_group?.[0] && CTAGroup(item.mega_menu[0].cta_group[0])}
+                                    </PopoverPanel>
+                                </Transition>
+                            </Popover> : <Fragment key={`navItem-${itemInd}`}>
+                                <span {...item?.$?.link} 
+                                    className={'flex items-center gap-x-1 text-lg font-semibold text-stone'}
+                                >   
+                                    <Link
+                                        url={item?.link?.[0]?.url}
+                                    >
+                                        <span {...item?.$?.text}>{item.text}</span>
+                                    </Link> </span>
+                            </Fragment>}
+                        </div>))}
+                  
+                </PopoverGroup>
+                <div className='flex items-center gap-x-0 xs:gap-x-4'>
+
+                    {/* * LANGUAGE SELECTOR */}
                     <LanguageSelector
                         locales={locales}
                     />
-                </PopoverGroup>
+                    {/* Bar Icon */}
+                    <div className='flex lg:hidden'>
+                        <button
+                            type='button'
+                            className='-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 pt-3.5 text-stone'
+                            onClick={() => {
+                                setMobileMenuOpen((prevState) => !prevState)
+                            }}
+                        >
+                            <span className='sr-only'>Open main menu</span>
+                            {!mobileMenuOpen && <Bars3Icon className='h-7 w-7 stroke-2' aria-hidden='true' onClick={() => { setCurrPanel('') }} />}
+                        </button>
+                    </div>
+                </div>
             </nav>
 
             {/* MOBILE MENU */}
             <Dialog as='div' className='lg:hidden' open={mobileMenuOpen} onClose={setMobileMenuOpen}>
                 <div className='fixed inset-0 z-50' />
-                <DialogPanel className='fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10'>
-                    <div className='flex items-center justify-between'>
+                <DialogPanel className='popup fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white/90 px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10'>
+                    <div className='flex items-center justify-between h-12'>
                         <div className='flex lg:flex-1'>
                             {logo?.url && <Link url='/' className='-m-1.5 ml-1.5 p-1.5'>
-                                <span className='sr-only'>Site Logo</span>
+                                <span className='sr-only'>Compass Starter</span>
                                 <img
-                                    className='h-8 w-auto'
+                                    className='h-12 sm:h-8.5 w-auto z-20'
                                     src={logo?.url}
                                     alt={logo?.title}
                                     {...logo?.$?.url}
@@ -273,7 +242,7 @@ function Header (props: App.Header): JSX.Element {
                         <div />
                         <button
                             type='button'
-                            className='-m-2.5 rounded-md pr-6 text-gray-700'
+                            className='-m-2.5 rounded-md pr-6 text-stone'
                             onClick={() => {
                                 setMobileMenuOpen(false)
                                 resetNav()
@@ -283,50 +252,39 @@ function Header (props: App.Header): JSX.Element {
                             <XMarkIcon className='h-6 w-6' aria-hidden='true' />
                         </button>
                     </div>
-                    <div className='mt-6 flow-root'>
+                    <div className='mt-12 sm:mt-4 flow-root'>
                         <div className='-my-6 divide-y divide-gray-500/10'>
-                            <div className='space-y-2 py-6'>
-                                <Disclosure as='div' className=''>
+                            <div className='space-y-2 py-0 sm:py-6' 
+                                // {...$?.items}
+                            >
+                                <Disclosure as='div'>
                                     {items && items?.map((item, i: number) => (
                                         item?.text
                                         && <Fragment key={`mobile-navItem-${i}`}>
                                             <div
-                                                className={'flex justify-between items-center py-2 pr-3'}
+                                                className={'flex justify-between items-center py-2 pr-3 cursor-pointer'}
                                                 data-id={`menuItem-${i}`}
+                                                // {...$?.[`items__${i}` as keyof LivePreviewTypeMapper<HeaderType>]}
+                                                onClick={(e: React.MouseEvent) => { currPanel !== item?.text ? handleMouseOver(e) : handleClose(e)}}
+                                                data-title={item?.text}
                                             >
-                                                <span className={`${currPanel === item?.text ? '' : 'text-[#253143]'} block ml-6 mr-3 text-sm font-semibold font-montserrat leading-7 text-gray-900 hover:bg-gray-50`}
+                                                <span className={`${currPanel === item?.text ? 'underline' : ''} block ml-6 mr-3 text-md font-medium font-inter leading-7 hover:bg-gray-50 hover:underline`}
                                                     {...((item?.mega_menu?.[0]?.sections) ? '' : item?.$?.link)}>
                                                     <Link
                                                         url={item?.link}
-                                                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                                                        // @ts-ignore
                                                     >
                                                         <span {...((item?.mega_menu?.[0]?.sections) ? '' : item?.$?.text)}>{item.text}</span>
                                                     </Link>
                                                 </span>
                                                 {item && item?.mega_menu?.[0]?.sections && item?.mega_menu?.[0]?.sections?.length > 0 && <>
                                                     {currPanel === item?.text
-                                                        ? <button
-                                                            onClick={handleClose}
-                                                            className='outine'
-                                                            type='button'
-                                                            data-title={item?.text}
-
-                                                        >
-                                                            <ChevronUpIcon
-                                                                className='block h-4 w-8 cursor-pointer'
-                                                            />
-                                                        </button>
-                                                        : <button
-                                                            onClick={(e: React.MouseEvent) => { handleMouseOver(e) }}
-                                                            type='button'
-                                                            data-title={item?.text}
-
-                                                        >
-                                                            <ChevronDownIcon
-                                                                className='block h-4 w-8 cursor-pointer'
-                                                            />
-                                                        </button>}
+                                                        ? <ChevronUpIcon
+                                                            className='block h-4 w-8 stroke-2 ui-open:transform ui-open:rotate-90'
+                                                        />
+                                                        : <ChevronDownIcon
+                                                            className='block h-4 w-8 stroke-2'
+                                                        />
+                                                    }
                                                 </>}
 
                                             </div>
@@ -336,13 +294,12 @@ function Header (props: App.Header): JSX.Element {
                                                         key={`section-${ind}`}
                                                         data-id={`section-${ind}`}
                                                         className={`!items-start w-full ${currPanel === item?.text ? '' : 'hidden'}`}
-                                                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                                                    // @ts-ignore
                                                     >
+
                                                         <div onClick={resetMobileNav}>
                                                             {sect?.title && <Link
                                                                 url={sect?.link}
-                                                                className='font-medium font-montserrat text-base flex items-start text-gray-900 pt-2'>
+                                                                className='font-inter text-base flex items-start text-stone pt-2'>
                                                                 {sect.title}
                                                             </Link>}
                                                         </div>
@@ -350,15 +307,14 @@ function Header (props: App.Header): JSX.Element {
                                                             role='list'
                                                             aria-labelledby={`section-${ind}-heading-mobile`}
                                                             className='flex flex-col items-start space-y-3'
+                                                            {...sect?.$?.links}
                                                         >
-                                                            {sect?.links?.map((subitem) => (
-                                                                subitem?.text && <li key={subitem.text} className=''>
+                                                            {sect?.links?.map((subitem, s_ind) => (
+                                                                subitem?.text && <li key={subitem.text} {...sect?.$?.[`links__${s_ind}` as keyof LivePreviewTypeMapper<HeaderType>]}>
                                                                     <div onClick={() => setAttribute(String(subitem?.link?.[0].url), true)}>
-                                                                        <span {...subitem?.$?.link}>
-                                                                            <Link url={subitem.link} className='-m-2 block p-2 pl-10 text-[#253143] text-[16.071px] text-justify font-normal font-montserrat leading-normal hover:underline'>
-                                                                                <span {...subitem?.$?.text}>{subitem.text}</span>
-                                                                            </Link>
-                                                                        </span>
+                                                                        <Link url={subitem.link} className='-m-2 block p-2 pl-10 text-stone text-[1.004438rem] text-justify font-normal font-inter leading-normal hover:underline'>
+                                                                            <span {...subitem?.$?.text}>{subitem.text}</span>
+                                                                        </Link>
                                                                     </div>
                                                                 </li>
                                                             ))}
diff --git a/components/Hero/Hero.tsx b/components/Hero/Hero.tsx
new file mode 100644
index 0000000..44a79bb
--- /dev/null
+++ b/components/Hero/Hero.tsx
@@ -0,0 +1,104 @@
+'use client'
+import { Hero as HeroProps } from '@/types/components'
+import { Image, Link, Video } from '@/components'
+import { isDataInLiveEdit, resolveCta } from '@/utils'
+import { getLocalaizeData } from '@/utils'
+
+/**
+ * Hero component that displays a banner with image/video, heading, content, and CTA
+ * It is used as a banner on the homepage and individual article page
+ * @param {Object} props - Component props
+ * @param {Object} props.$ - Optional object containing data-cslp attributes
+ * @param {string} props.heading - Banner heading text
+ * @param {string} props.content - Banner content text
+ * @param {Array} props.cta - Call to action buttons array
+ * @param {Array} props.image - Banner image array
+ * @param {Object} props.video - Banner video object
+ * @param {Object} props.styles - Styling options object
+ * @param {string} props.id - Component ID
+ * @param {boolean} props.isABEnabled - A/B testing flag
+ * @param {string} props._content_type_uid - Content type identifier
+ * @param {string} props.summary - Article summary text
+ * @param {string} props.title - Article title
+ * @param {Object} props.cover_image - Article cover image
+ * @param {string} props.url - Article URL
+ * @param {string} props.locale - Locale used to fetch localized data
+ * @param {boolean} props.className - To add custom CSS element
+ * @returns {JSX.Element} Hero component 
+ */
+
+const Hero: React.FC<HeroProps> = (props: HeroProps) => {
+    const { $, heading, content, cta, image, video, styles, id, isABEnabled, _content_type_uid, summary, title, cover_image, url, locale, className } = props
+
+    const bannerHeading = _content_type_uid === 'article' ? title : heading
+    const dataCslpHeading = _content_type_uid === 'article' ? $?.title : $?.heading
+    const bannerContent = _content_type_uid === 'article' ? summary : content
+    const dataCslpContent: { 'data-cslp'?: string } = _content_type_uid === 'article' ? $?.summary || {} : $?.content || {}
+    const bannerImage = _content_type_uid === 'article' ? [{
+        image: cover_image,
+        image_alt_text: title,
+        $: cover_image?.$
+    }] : image || []
+    const bannerVideo = video
+    const bannerCta = _content_type_uid === 'article' ? [{
+        text: getLocalaizeData(locale || 'en'),
+        external_url: url,
+        $: {
+            link: $?.url || undefined
+        }
+    }] : cta || []
+
+    const ctaLink = resolveCta(bannerCta)
+    let position_css
+
+    if (styles && styles?.text_align === 'Right') {
+        position_css = 'ml-auto text-right items-center justify-end'
+    }
+    else{ // Default to Left
+        position_css = 'items-center justify-start'
+    }
+
+    return (
+        <div
+            id={id}
+            className={`banner-container relative bg-cover bg-no-repeat my-25 h-[100vh] mt-0 ${className}`}
+        >
+            <div className='absolute inset-0 overflow-hidden'>
+                {!bannerImage?.[0]?.image?.url && bannerVideo?.video?.url 
+                    ? <Video
+                        {...bannerVideo}
+                        addDataCslp={isDataInLiveEdit()}
+                        className='h-full w-full object-cover object-center opacity-100'    
+                    />
+                    // eslint-disable-next-line jsx-a11y/alt-text
+                    : <Image
+                        {...bannerImage?.[0]}
+                        $={bannerImage?.[0]?.$}
+                        addDataCslp={isDataInLiveEdit()}
+                        className='h-full w-full object-cover object-center opacity-100'
+                    />}
+                
+            </div>
+            <div className={`dark h-full flex flex-row ${position_css}`}>
+                <div className='lg:max-w-[45.635%] mx-[2.25rem] md:mx-[5.25rem]'>
+                    {bannerHeading && <h2 data-id='h2-text' {...dataCslpHeading} 
+                        className={`text-3xl md:text-4xl font-semibold tracking-[0.125rem] p-0 text-white lg:text-6xl drop-shadow-[0_1.2px_1.2px_rgba(0,0,0,0.8)] mt-[2.055rem] ${(position_css?.includes('text-right') ? 'text-right' : '')}`}>
+                        {bannerHeading}</h2>}
+                    {bannerContent && <p data-id='paragraph-text' {...dataCslpContent}  
+                        className={'font-light text-md md:text-xl tracking-[0.063rem] p-0 text-white mt-[1.748rem] drop-shadow-[0_2.5px_2.5px_rgba(0,0,0,0.8)] whitespace-break-spaces line-clamp-5'}>
+                        {bannerContent}
+                    </p>}
+                    {bannerCta?.[0]?.text && ctaLink && <span {...bannerCta?.[0]?.$?.link}><Link
+                        url={ctaLink}
+                        isABEnabled={isABEnabled}
+                        className={`relative mt-[1.748rem] max-w-full w-max btn-primary ${(position_css?.includes('justify-end') ? 'justify-self-end' : '')}`}
+                    >
+                        <span {...bannerCta?.[0]?.$?.text}>{bannerCta?.[0]?.text} </span>
+                    </Link></span>}
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export { Hero }
diff --git a/components/Hero/index.ts b/components/Hero/index.ts
new file mode 100644
index 0000000..24fc1c8
--- /dev/null
+++ b/components/Hero/index.ts
@@ -0,0 +1 @@
+export * from './Hero'
\ No newline at end of file
diff --git a/components/LanguageSelector/LanguageSelector.tsx b/components/LanguageSelector/LanguageSelector.tsx
index 782d1c1..7349266 100644
--- a/components/LanguageSelector/LanguageSelector.tsx
+++ b/components/LanguageSelector/LanguageSelector.tsx
@@ -1,9 +1,8 @@
 'use client'
 
-import { Fragment, FunctionComponent, useEffect, useState } from 'react'
+import { FunctionComponent, useEffect, useState } from 'react'
 import { usePathname } from 'next/navigation'
 import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
-import { ChevronDownIcon } from '@heroicons/react/20/solid'
 import _ from 'lodash'
 
 import { App } from '@/types'
@@ -43,18 +42,18 @@ const LanguageSelector: FunctionComponent<App.LangaugeSelector> = (props: App.La
             return (
                 <MenuItem
                     key={`language-option-${index}`}
+                    as='div'
                 >
                     <a
                         className={classNames(
-                            (currentLocale === locale?.code) ? 'bg-gray-100 text-black rounded' : 'text-gray-700',
+                            (locale?.code === currentLocale || (currentLocale === 'us' && locale?.code === 'en')) ? 'bg-stone text-white rounded' : 'text-stone',
                             'group flex items-center px-4 py-2 text-sm font-medium gap-3 cursor-pointer'
                         )}
                         onClick={() => handleLanguageSwitch(locale)}
+                        aria-label={`${locale?.name}`}
                     >
-                        <span className={`fi fi-${flagCode}`} />
-                        <span className=''>
-                            {locale?.name}
-                        </span>
+                        <span className={`fi fi-${flagCode}`} aria-hidden='true' />
+                        <span>{locale?.name}</span>
                     </a>
                 </MenuItem>
             )
@@ -64,29 +63,25 @@ const LanguageSelector: FunctionComponent<App.LangaugeSelector> = (props: App.La
     }
 
     useEffect(() => {
-
         const locale = getFlagCode(router.locale)
-
         locale && setCurrentLocale(locale)
-
     }, [pathname])
 
     return (
         <Menu
             as='div'
-            className='relative inline-block text-left'
+            className='relative inline-block text-left items-center justify-center'
         >
-            <div>
-                <MenuButton
-                    className={`inline-flex w-full justify-center gap-x-1.5 rounded-md px-3 py-2 text-sm font-semibold text-gray-900 hover:bg-gray-50 border border-transparent hover:border-gray-300 ${(!Opac) ? 'bg-opacity-100' : 'bg-opacity-20'}`}
-                >
-                    <span className={`fi fi-${(currentLocale === 'en') ? 'us' : currentLocale} mt-1`}></span>
-                    <ChevronDownIcon className='h-5 w-5 flex-none text-gray-900  ui-open:transform ui-open:rotate-180' aria-hidden='true' />
-                </MenuButton>
-            </div>
+            <MenuButton
+                className={`inline-flex w-full justify-center gap-x-1.5 rounded-md px-3 py-2  ${(!Opac) ? 'bg-opacity-100' : 'bg-opacity-20'}`}
+                aria-label={`Current language is ${locales?.find(locale => getFlagCode(locale.code) === currentLocale)?.name || 'English'}. Click to change language`}
+                aria-haspopup='true'
+            >
+                <span className={`fi fi-${(currentLocale === 'en') ? 'us' : currentLocale} mt-1`} aria-hidden='true'></span>
+            </MenuButton>
 
             <Transition
-                as={Fragment}
+                as={'div'}
                 enter='transition ease-out duration-100'
                 enterFrom='transform opacity-0 scale-95'
                 enterTo='transform opacity-100 scale-100'
@@ -94,7 +89,12 @@ const LanguageSelector: FunctionComponent<App.LangaugeSelector> = (props: App.La
                 leaveFrom='transform opacity-100 scale-100'
                 leaveTo='transform opacity-0 scale-95'
             >
-                <MenuItems className='absolute right-0 z-10 mt-2 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none'>
+                <MenuItems
+                    className='absolute right-0 z-10 mt-2 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none'
+                    as='div'
+                    aria-orientation='vertical'
+                    aria-labelledby='language-menu'
+                >
                     {
                         renderDropdownOptions()
                     }
diff --git a/components/RenderComponents/index.tsx b/components/RenderComponents/index.tsx
index 9f3482c..95602f9 100644
--- a/components/RenderComponents/index.tsx
+++ b/components/RenderComponents/index.tsx
@@ -1,5 +1,5 @@
-import { VB_EmptyBlockParentClass } from '@contentstack/live-preview-utils'
-import { CardCollection, FeaturedArticles, Teaser, Text, TextAndImage } from '@/components'
+import { CardCollection, FeaturedArticles, Hero, Teaser, Text, TextAndImageCarousel } from '@/components'
+import { VB_EmptyBlockParentClass } from '@/config'
 import { Page } from '@/types'
 import { pageBlocks } from '@/types/pages'
 import { isDataInLiveEdit } from '@/utils'
@@ -14,7 +14,7 @@ import { isDataInLiveEdit } from '@/utils'
  * @returns {JSX.Element} Rendered components
  */
 
-function RenderComponents ({ components, featured_articles, $, isABEnabled = false }: Page.pageRenderProps) {
+function RenderComponents ({ hero, components, featured_articles, $, isABEnabled = false}: Page.pageRenderProps) {
 
     const componentMapper = (component: pageBlocks, key: number) => {
 
@@ -25,17 +25,17 @@ function RenderComponents ({ components, featured_articles, $, isABEnabled = fal
 
                 <Teaser
                     id={`teaser-${key}`}
-                    {...component.teaser} isABEnabled={isABEnabled}
+                    {...component.teaser}
                 />
 
             )
 
-        case (!!component.text_and_image):
+        case (!!component.text_and_image_carousel):
             return (
 
-                <TextAndImage
-                    id={`text-image-${key}`}
-                    {...component.text_and_image}
+                <TextAndImageCarousel
+                    id={`text-image-carousel-${key}`}
+                    {...component.text_and_image_carousel}
                 />
 
             )
@@ -46,6 +46,7 @@ function RenderComponents ({ components, featured_articles, $, isABEnabled = fal
                 <CardCollection
                     id={`card-collection-${key}`}
                     {...component.card_collection}
+                    className='mx-[2.25rem] md:mx-[5.25rem] mb-25'
                 />
 
             )
@@ -67,8 +68,10 @@ function RenderComponents ({ components, featured_articles, $, isABEnabled = fal
     }
 
     return (
-        <div>
-            <div {...((isDataInLiveEdit() && $?.components) || {})} //Parent wrapper
+        <>
+            {hero && <Hero id='hero-banner' {...hero} isABEnabled={isABEnabled} {...$?.hero}/>}
+            <div 
+                {...((isDataInLiveEdit() && $?.components) || {})} //Parent wrapper
                 className={components?.length ? undefined : `${VB_EmptyBlockParentClass} max-height mt-32`}
             >
                 {components?.map((component, key: number) => <div
@@ -81,7 +84,7 @@ function RenderComponents ({ components, featured_articles, $, isABEnabled = fal
                 </div>)}
             </div>
             {featured_articles && <FeaturedArticles id='card-collection-FeaturedArticles' {...featured_articles} {...$?.featured_articles} />}
-        </div>
+        </>
     )
 }
 
diff --git a/components/Teaser/Teaser.tsx b/components/Teaser/Teaser.tsx
index 72f74d5..ce4ead7 100644
--- a/components/Teaser/Teaser.tsx
+++ b/components/Teaser/Teaser.tsx
@@ -1,5 +1,4 @@
 'use client'
-import { useEffect } from 'react'
 import { Teaser as TeaserProps } from '@/types/components'
 import { Image, Link, Video } from '@/components'
 import { isDataInLiveEdit, resolveCta } from '@/utils'
@@ -21,65 +20,28 @@ import { isDataInLiveEdit, resolveCta } from '@/utils'
  * @param {Object} props.styles - Styling configuration object
  * @param {string} props.styles.text_align - Text alignment position (e.g., 'Top Left', 'Middle Center', etc.)
  * @param {string} props.id - Unique identifier for the teaser
- * @param {boolean} props.isABEnabled - Flag for A/B testing functionality
  * 
  * @returns {React.ReactElement} A teaser section with background media and content
  */
 
 const Teaser: React.FC<TeaserProps> = (props: TeaserProps) => {
-    const { $, heading, content, cta, image, video, styles, id, isABEnabled } = props
+    const { $, heading, content, cta, image, video, styles, id } = props
 
     const ctaLink = resolveCta(cta)
     let position_css
 
-    if (styles && styles?.text_align === 'Top Left'){
-        position_css = 'pt-16 ml-8 items-start justify-start'
+    if (styles && styles?.text_align === 'Right') {
+        position_css = 'ml-auto text-right items-center justify-end'
     }
-    else if (styles && styles?.text_align === 'Top Center') {
-        position_css = 'pt-16 mx-auto text-center items-start justify-center'
+    else{ // Default to Left
+        position_css = 'items-center justify-start'
     }
-    else if (styles && styles?.text_align === 'Top Right') {
-        position_css = 'pt-16 ml-auto mr-8 text-right items-start justify-end'
-    }
-    else if (styles && styles?.text_align === 'Middle Left') {
-        position_css = 'ml-8  items-center justify-start'
-    }
-    else if (styles && styles?.text_align === 'Middle Center') {
-        position_css = 'mx-auto text-center items-center justify-center'
-    }
-    else if (styles && styles?.text_align === 'Middle Right') {
-        position_css = 'ml-auto mr-8 text-right items-center justify-end'
-    }
-    else if (styles && styles?.text_align === 'Bottom Left') {
-        position_css = 'ml-8 pb-16 items-end justify-start'
-    }
-    else if (styles && styles?.text_align === 'Bottom Center') {
-        position_css = 'mx-auto pb-16 text-center items-end justify-center'
-    }
-    else if (styles && styles?.text_align === 'Bottom Right') {
-        position_css = 'ml-auto pb-16 mr-8 text-right items-end justify-end'
-    }
-
-
-    /* this below useEffect is to set the height of the teaser container based on the poision of the teaser
-       in modular blocks of home_page, this will check if the teaser is the first one in the page 
-       then it will set the height of the teaser container to the height of the screen (full viewport)
-    */
-    useEffect(() => {
-        document.querySelectorAll('.teaser-container').forEach((element)=>{
-            if(element.getAttribute('id')=='teaser-0'){
-                element?.classList.add('h-[calc(100vh-0px)]', 'mt-0')
-            } else {
-                element?.classList.add('h-[67vh]')
-            }
-        })
-    })
 
     
     return (
         <div
             id={id}
-            className={'teaser-container relative bg-cover bg-no-repeat mb-24'}
+            className={'teaser-container my-25 py-[5.2rem] h-full relative bg-cover bg-no-repeat bg-stone'}
         >
             <div className='absolute inset-0 overflow-hidden'>
                 {!image?.[0]?.image?.url && video?.video?.url 
@@ -97,16 +59,17 @@ const Teaser: React.FC<TeaserProps> = (props: TeaserProps) => {
                     />}
                 
             </div>
-            <div className={`h-full max-w-3xl flex flex-row ${position_css}`}>
-                <div>
-                    {heading && <h2 data-id='h2-text' {...$?.heading} className={'text-4xl font-bold tracking-tight text-white sm:text-6xl mb-6 drop-shadow-[0_1.2px_1.2px_rgba(0,0,0,0.8)]'}>{heading}</h2>}
-                    {content && <p data-id='paragraph-text' {...$?.content} className={'font-medium text-lg !leading-8 text-white mb-8 drop-shadow-[0_1.2px_1.2px_rgba(0,0,0,0.9)] line-clamp-5 whitespace-break-spaces'}>
+            <div className={`dark flex flex-row ${position_css}`}>
+                <div className='mx-[2.25rem] md:mx-[5.25rem] md:max-w-[45.635%]'>
+                    {heading && <h2 data-id='h2-text' {...$?.heading} 
+                        className={`text-4xl md:text-6xl font-medium md:font-semibold tracking-[0.125rem] p-0 text-white drop-shadow-[0_1.2px_1.2px_rgba(0,0,0,0.8)] mt-8.9 ${(position_css?.includes('text-right') ? 'text-right' : '')}`}>
+                        {heading}</h2>}
+                    {content && <p data-id='paragraph-text' {...$?.content} className={'font-extralight text-md md:text-xl tracking-[0.063rem] p-0 text-white mt-7.5 drop-shadow-[0_2.5px_2.5px_rgba(0,0,0,0.8)] line-clamp-5 whitespace-break-spaces'}>
                         {content}
                     </p>}
                     {cta?.[0]?.text && ctaLink && <span {...cta?.[0]?.$?.link}><Link
                         url={ctaLink}
-                        isABEnabled={isABEnabled}
-                        className={'relative max-w-full w-max btnPrimary py-3'}
+                        className={`relative tracking-normal mt-8.9 max-w-full w-max btn-primary ${(position_css?.includes('justify-end') ? 'justify-self-end' : '')}`}
                     >
                         <span {...cta?.[0]?.$?.text}>{cta[0].text}</span>
                     </Link></span>}
diff --git a/components/Text/Text.tsx b/components/Text/Text.tsx
index 1872f52..bdf1c6b 100644
--- a/components/Text/Text.tsx
+++ b/components/Text/Text.tsx
@@ -8,21 +8,20 @@ import { Text as TextType } from '@/types/components'
  * @param {Object} props - Component props
  * @param {Object} props.$ - Optional object containing data-cslp attributes
  * @param {string} props.content - The HTML content to be rendered
- * @param {Object} props.styles - Styling options
  * @param {string} props.styles.background_color - Background color option ('primary' or 'secondary')
  * @param {string|number} [props.id] - Optional ID for the text container
  * @returns {JSX.Element} Rendered text component
  */
 
 const Text: FunctionComponent<TextType> = (props: TextType) => {
-    const { $, content, styles, id } = props
+    const { $, content, id, className } = props
 
     return (
         content && typeof content === 'string'
             ? <div 
                 id={id?.toString()} 
-                className={`my-16 px-8 ${styles?.background_color === 'secondary' ? 'bg-background-secondary' : 'bg-background-primary'} dark:bg-transparent`}> 
-                <div className='text max-w-7xl mx-auto whitespace-break-spaces' {...$?.content}>{parse(content)}</div>
+                className={` relative my-25 ${className} mx-[2.25rem] md:mx-[5.25rem] dark:bg-stone`} {...$?.content}> 
+                <div className='text md:max-w-[75.84vw] whitespace-break-spaces'>{parse(content)}</div>
             </div> 
             : <></>
     )
diff --git a/components/TextAndImage/TextAndImage.tsx b/components/TextAndImage/TextAndImage.tsx
deleted file mode 100644
index fe32347..0000000
--- a/components/TextAndImage/TextAndImage.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-/* eslint-disable jsx-a11y/alt-text */
-/* eslint-disable react/prop-types */
-import { Component } from '@/types'
-import { Image, Link } from '@/components'
-import { classNames, resolveCta } from '@/utils'
-
-/**
- * TextAndImage Component
- * 
- * A component that displays text content alongside an image with various layout options.
- * 
- * @param {Object} props - Component properties
- * @param {Object} props.$ - Optional object containing data-cslp attributes
- * @param {string} props.heading - The main heading text
- * @param {string} props.content - The main content text
- * @param {Object} props.image - Image object containing URL and other image properties
- * @param {string} props.image_alt_text - Alternative text for the image
- * @param {Array} props.cta - Call-to-action button configuration
- * @param {Object} props.styles - Styling configuration
- * @param {('left'|'right'|'top'|'bottom')} props.styles.image_position - Position of the image relative to text
- * @param {('light'|'dark')} props.styles.theme - Theme variant
- * @param {Object} props.icon - Optional icon object containing URL and title
- * @param {string} props.id - Unique identifier for the component
- * @param {boolean} props.is_thumbnail - Flag to indicate if image should be rendered as thumbnail
- * @returns {JSX.Element} Rendered TextAndImage component
- */
-
-export function TextAndImage (props: Component.TextAndImage) {
-    const { $, heading, content, image, image_alt_text, cta, styles: { image_position, theme }, icon, id, is_thumbnail } = props
-
-    const ctaLink = resolveCta(cta)
-    const TextBlock = () => (
-        <div
-            className={classNames(
-                image_position === 'right' ? 'lg:ml:0 pr-4 lg:pr-8' : 'xs:ml-4 md:ml-8',
-                'mx-auto my-auto w-2xl'
-            )}
-        >
-            {icon?.url && <Image
-                image={icon}
-                $={$}
-                image_alt_text={icon?.title}
-                className={'h-16 mb-8'}
-            />}
-            {heading && <h2
-                data-id='h2-text'
-                className='xs:text-3xl sm:text-5xl mt-8 text-black dark:text-white break-words font-normal'
-                {...$?.heading}>
-                {heading}
-            </h2>}
-            {content && <p
-                data-id='paragraph-text'
-                className='mt-8 text-lg leading-5 text-black dark:text-white whitespace-break-spaces'
-                {...$?.content}>
-                {content}
-            </p>}
-            <div
-                className={classNames(
-                    image_position === 'right' && cta?.[0]?.text ? 'my-8 xs:mt-8 xs:mb-0' : 'mt-8',
-                    'flex items-center gap-x-6'
-                )}
-            >
-                <div {...cta?.[0]?.$?.link}>
-                    {cta?.[0]?.text && ctaLink && <Link
-                        url={ctaLink}
-                        className='dark:btnPrimary btnSecondary'
-                    >
-                        <span {...cta?.[0]?.$?.text}>{cta[0].text}</span>
-                    </Link>}
-                </div>
-            </div>
-
-        </div>
-    )
-
-    return (
-        <div
-            id={id}
-            className={`${theme === 'dark' ? 'dark' : ''}`}
-        >
-            <div className={`relative my-32 px-8 mx-auto bg-white dark:bg-[#424656] text-black dark:text-white ${theme === 'dark' ? 'py-16' : ''}`}>
-                {image_position && ['top', 'bottom'].includes(image_position) ? <div
-                    className={classNames(
-                        `${image_position === 'top' ? 'flex-col-reverse'
-                            : image_position === 'bottom' ? 'flex-col'
-                                : ''}`,
-                        'flex container'
-                    )}
-                >
-                    <div className='max-w-7xl lg:mx-0'>
-                        {icon?.url && <Image
-                            image={icon}
-                            $={$}
-                            image_alt_text={icon?.title}
-                            className={'h-16 mb-8'}
-                        />}
-                        {heading && <h2 data-id='h2-text' className='text-black xs:text-3xl sm:text-5xl font-normal dark:text-white break-words' {...$?.heading}>{heading}</h2>}
-                        {content && <p data-id='paragraph-text' className='mt-6 text-lg leading-5 text-black dark:text-white whitespace-break-spaces' {...$?.content}>
-                            {content}
-                        </p>}
-                        {cta?.[0]?.text && ctaLink && <div className='mt-6 flex items-center gap-x-6'>
-                            <Link
-                                url={ctaLink}
-                                className='dark:btnPrimary btnSecondary px-6 py-2.5'
-                                {...cta?.[0]?.$?.link}
-                            >
-                                <span {...cta?.[0]?.$?.text}>{cta[0].text}</span>
-                            </Link>
-                        </div>}
-                    </div>
-                    <div className={`relative overflow-hidden ${image_position === 'top' ? 'mb-8' : 'mt-8'}`}>
-                        <div className='mx-auto'>
-                            <Image
-                                image={image}
-                                $={$}
-                                image_alt_text={image_alt_text}
-                                is_thumbnail={is_thumbnail}
-                                className={'w-full object-cover aspect-[2] md:aspect-[3/1] object-center bg-white/5 shadow-2xl ring-1 ring-white/10 dark:text-white'}
-                            />
-                        </div>
-                    </div>
-                </div>
-                    : image_position && ['right', 'left'].includes(image_position) ? <div
-                        className={classNames(
-                            `${image_position === 'right' ? 'xs:flex-row flex-col'
-                                : image_position === 'left' ? 'xs:flex-row-reverse flex-col-reverse'
-                                    : ''}`,
-                            'flex container'
-                        )}
-                    >
-                        <div className='w-full xs:w-[50%] max-w-7xl'>
-                            <TextBlock />
-                        </div>
-                        <div className={'relative flex-[0_0_50%]'}>
-                            <Image
-                                image={image}
-                                $={$}
-                                image_alt_text={image_alt_text}
-                                is_thumbnail={is_thumbnail}
-                                className={'mb-8 xs:mb-0 w-full h-full xl:aspect-[6/3] aspect-[3/2] bg-white/5 shadow-2xl ring-1 ring-white/10 object-cover object-center dark:text-white'}
-                            />
-                        </div>
-                    </div> : <></>
-
-                }
-
-            </div>
-        </div>
-    )
-}
diff --git a/components/TextAndImage/index.tsx b/components/TextAndImage/index.tsx
deleted file mode 100644
index 0bcab40..0000000
--- a/components/TextAndImage/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from './TextAndImage'
\ No newline at end of file
diff --git a/components/TextAndImageCarousel/Paginator.tsx b/components/TextAndImageCarousel/Paginator.tsx
new file mode 100644
index 0000000..fdc1e73
--- /dev/null
+++ b/components/TextAndImageCarousel/Paginator.tsx
@@ -0,0 +1,37 @@
+import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/20/solid'
+
+/**
+ * A paginator component that displays navigation controls and current Item status
+ * @param {Object} props - The component props
+ * @param {number} props.count - Total number of items
+ * @param {number} props.currentItem - Current active Item number
+ * @param {function} props.setCurrentItem - Function to update the current Item
+ * @returns {JSX.Element} A paginator with previous/next buttons and Item counter
+ */
+export const Paginator = ({count, currentItem, setCurrentItem, className} : {count: number, currentItem: number, setCurrentItem: any, className?: string}) => {
+    const formattedCount = count.toString().padStart(2, '0')
+    const formattedCurrentItem = currentItem.toString().padStart(2, '0')
+    return (
+        <div 
+            className={`w-full h-[4.563rem] flex items-center gap-4 lg:gap-[1.883rem] px-8 lg:px-[3.531rem]
+                ${className ? className : ''}`
+            }
+        >
+            <div className='w-fit flex items-center justify-center gap-2 lg:gap-[1.308rem]'>
+                <ChevronLeftIcon 
+                    className={`h-12 w-12 lg:w-[64px] lg:h-[64px] text-white rounded-full border border-[0.124rem] border-white p-2 lg:p-4 ${currentItem === 1 ? 'opacity-30' : 'hover:bg-[#ffffff4D] cursor-pointer'}`}
+                    onClick={() => currentItem!== 1 && setCurrentItem(currentItem - 1)}
+                    role='button'
+                />
+                <ChevronRightIcon 
+                    className={`h-12 w-12 lg:w-[64px] lg:h-[64px] text-white rounded-full border border-[0.124rem] border-white p-2 lg:p-4 ${currentItem === count ? 'opacity-30 cursor-disabled' : 'hover:bg-[#ffffff4D] cursor-pointer'}`}
+                    onClick={() => currentItem!== count && setCurrentItem(currentItem + 1)}
+                    role='button'
+                />
+            </div>
+            <div className='h-2 w-full border-b-2'></div>
+            <span className='text-5xl text-white font-extralight'>{formattedCurrentItem}/{formattedCount}</span>
+        </div>
+    )
+
+}
\ No newline at end of file
diff --git a/components/TextAndImageCarousel/TextAndImageCarousel.tsx b/components/TextAndImageCarousel/TextAndImageCarousel.tsx
new file mode 100644
index 0000000..fb94f8f
--- /dev/null
+++ b/components/TextAndImageCarousel/TextAndImageCarousel.tsx
@@ -0,0 +1,92 @@
+import { useState } from 'react'
+import { Component } from '@/types'
+import { Image } from '@/components'
+import { classNames } from '@/utils'
+import { LivePreviewTypeMapper } from '@/types/common'
+import { Paginator, TextBlock } from './index'
+
+/**
+ * TextAndImageCarousel Component
+ * 
+ * A React component that displays a carousel of text and image content with pagination controls.
+ * 
+ * @component
+ * @param {Object} props - Component props
+ * @param {Object} props.$ - Optional object containing data-cslp attributes
+ * @param {string} props.id - Unique identifier for the carousel
+ * @param {Array} props.carousel_items - Array of carousel items containing text and image content
+ * @param {Object} props.styles - Styling configuration object
+ * @param {string} props.styles.image_position - Position of the image ('left', 'right', or other)
+ * 
+ * @param {Object} props.carousel_items[].heading - Heading text for each carousel item
+ * @param {Object} props.carousel_items[].content - Main content for each carousel item
+ * @param {Object} props.carousel_items[].image - Image object for each carousel item
+ * @param {string} props.carousel_items[].image_alt_text - Alt text for the image
+ * @param {Object} props.carousel_items[].cta - Call to action object
+ * @param {Object} props.carousel_items[].styles - Individual item styling
+ * @param {string} props.carousel_items[].styles.theme - Theme for each item ('dark' or default)
+ * @param {boolean} props.carousel_items[].is_thumbnail - Whether the image should be displayed as thumbnail
+ * 
+ * @returns {JSX.Element} A carousel component with text content and images
+ */
+/* eslint-disable jsx-a11y/alt-text */
+
+export function TextAndImageCarousel (props: Component.TextAndImageCarousel) {
+    const { $, id, carousel_items, styles: { image_position } } = props
+
+    const [currentItem, setCurrentItem] = useState<number>(1)
+    const currentItemData = carousel_items?.length > 0 ? carousel_items.slice(currentItem - 1, currentItem)  : []
+
+    return (
+        <div 
+            id={id}
+            className='text-and-image-carousel'
+            {...$?.carousel_items}
+        >
+            {currentItemData?.length > 0 && currentItemData.map((item, index: number) => {
+                const { heading, content, image, image_alt_text, cta, styles: { theme }, is_thumbnail } = item
+
+                return <div 
+                    key={`${id}-${index}`} 
+                    className={`${theme === 'dark' ? 'dark' : ''}`}
+                    {...$?.[`carousel_items__${index}` as keyof LivePreviewTypeMapper<Component.TextAndImageCarousel>]}
+                >
+                    <div
+                        className={classNames(
+                            `${image_position === 'right' ? 'sm:flex-row flex-col'
+                                : image_position === 'left' ? 'sm:flex-row-reverse flex-col'
+                                    : 'xs:flex-row-reverse flex-col-reverse'}`,
+                            
+                            'flex my-25',
+                            'text-stone bg-white dark:text-white dark:bg-stone'
+                        )}
+                    >
+                        <div className='mx-[2.25rem] sm:mx-[0] max-w-full sm:max-w-7xl py-12 sm:w-[50%]' >
+                            <TextBlock 
+                                heading={heading}
+                                content={content}
+                                cta={cta}
+                                $={item.$}
+                            />
+                        </div>
+                        <div className='relative flex-[0_0_50%] sm:max-w-[50%] max-w-full'>
+                            <Image
+                                image={image}
+                                $={item.$}
+                                image_alt_text={image_alt_text}
+                                is_thumbnail={is_thumbnail}
+                                className='w-full overflow-hidden max-h-screen-1/2 sm:h-screen xl:aspect-[6/3] aspect-[3/2] bg-white/5 shadow-2xl ring-1 ring-white/10 object-cover object-center dark:text-white'
+                            />
+                            <Paginator 
+                                count={carousel_items.length || 0}
+                                setCurrentItem={setCurrentItem}
+                                currentItem={currentItem}
+                                className='relative bottom-[calc(4.5rem+53px)]'
+                            />
+                        </div>
+                    </div>
+                </div>
+            })}
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/components/TextAndImageCarousel/TextBlock.tsx b/components/TextAndImageCarousel/TextBlock.tsx
new file mode 100644
index 0000000..a6fa765
--- /dev/null
+++ b/components/TextAndImageCarousel/TextBlock.tsx
@@ -0,0 +1,45 @@
+import { classNames, resolveCta } from '@/utils'
+import { Link } from '../common'
+
+/**
+ * A text block component that displays heading, content, and a call-to-action button
+ * @param {Object} props - The component props
+ * @param {string} [props.heading] - The heading text to display
+ * @param {string} [props.content] - The content text to display
+ * @param {Array<{text: string, link: string, $: Object}>} [props.cta] - Call-to-action button configuration
+ * @param {Object} [props.$] - Object containing live-preview data-cslp attributes
+ * @returns {JSX.Element} The rendered text block component
+ */
+
+export const TextBlock = ({heading, content, cta, $}: any) => {
+    const ctaLink = resolveCta(cta)
+    return <div
+        className={classNames(
+            'mx-auto flex flex-col justify-center h-full sm:w-[80%]'
+        )}
+    >
+        {heading && <h2
+            data-id='h2-text'
+            className='xs:text-3xl sm:text-5xl !leading-[3.5rem] mt-8.9 text-stone dark:text-white break-words'
+            {...$?.heading}>
+            {heading}
+        </h2>}
+        {content && <p
+            data-id='paragraph-text'
+            className='mt-7.5 text-md text-stone dark:text-white whitespace-break-spaces'
+            {...$?.content}>
+            {content}
+        </p>}
+        <div
+            className='flex items-center gap-x-6'
+        >
+            {cta?.[0]?.text && ctaLink && <Link
+                url={ctaLink}
+                className='btn-primary !border-[0.0875rem] !rounded-[3.4375rem] md:!min-h-[3.929rem] flex text-lg lg:!text-2xl !h-auto !leading-[1.5rem] py-[0.849rem] mt-8.9 md:px-10.48'
+                $={{...cta?.[0]?.$?.link}}
+            >
+                <span {...cta?.[0]?.$?.text}>{cta[0].text}</span>
+            </Link>}
+        </div>
+    </div>
+}
\ No newline at end of file
diff --git a/components/TextAndImageCarousel/index.ts b/components/TextAndImageCarousel/index.ts
new file mode 100644
index 0000000..ec7959d
--- /dev/null
+++ b/components/TextAndImageCarousel/index.ts
@@ -0,0 +1,3 @@
+export * from './TextAndImageCarousel'
+export * from './TextBlock'
+export * from './Paginator'
\ No newline at end of file
diff --git a/components/common/404.tsx b/components/common/404.tsx
index 018c56c..9a1401a 100644
--- a/components/common/404.tsx
+++ b/components/common/404.tsx
@@ -12,13 +12,13 @@ const NotFoundComponent = () => {
             data-id='not-found-component' 
         >
             <div className='text-center'>
-                <p data-id='paragraph-text' className='text-base font-semibold text-purple text-center'>404</p>
-                <h1 id='h1-text' className='mt-4 tracking-tight text-gray-900 dark:text-white'>Page not found</h1>
-                <p data-id='paragraph-text' className='mt-6 text-base leading-7 text-gray-600 dark:text-white'>Sorry, we couldn&prime;t find the page you&prime;re looking for.</p>
+                <p data-id='paragraph-text' className='text-5xl font-semibold text-purple text-center'>404</p>
+                <h1 id='h1-text' className='mt-20.5 tracking-normal text-stone dark:text-white'>Page not found</h1>
+                <p data-id='paragraph-text' className='mt-6 text-base text-gray-600 dark:text-white'>Sorry, we couldn&prime;t find the page you&prime;re looking for.</p>
                 <div className='mt-10 flex items-center justify-center gap-x-6'>
                     <Link
                         href='/'
-                        className='text-sm font-semibold text-gray-900 dark:text-white hover:text-purple'
+                        className='text-sm font-semibold text-stone dark:text-white hover:text-purple'
                     >
                         Go back home <span aria-hidden='true'>&rarr;</span>
                     </Link>
diff --git a/components/common/CTAGroup.tsx b/components/common/CTAGroup.tsx
index 2b23957..32091a9 100644
--- a/components/common/CTAGroup.tsx
+++ b/components/common/CTAGroup.tsx
@@ -1,33 +1,26 @@
 import { Link } from '@/components'
 import { CallToAction } from '@/types/app'
-import { classNames } from '@/utils'
 
 const CTAGroup = (cta_group: { call_to_action?: CallToAction[] }) => (<>
-    {cta_group && <div className='absolute bottom-0 bg-gray-50 w-[90%] lg:relative lg:w-full'>
-        <div className='mx-auto xl:max-w-[1350px] mx-auto max-w-7xl sm:px-4 sm:pb-8 lg:px-8 lg:py-0'>
-            <div className={classNames(
-                'grid', 
-                `${cta_group?.call_to_action?.length && cta_group?.call_to_action?.length < 3 ? `lg:grid-cols-${cta_group?.call_to_action?.length}`: 'lg:grid-cols-3'}`,
-                'divide-x divide-gray-900/5 border-x border-gray-900/5 border-r-0 border-l-0 sm:grid-cols-1'
-            )}>
-                {cta_group?.call_to_action?.map((ctaItem:CallToAction) => (
-                    <Link
-                        key={ctaItem.text}
-                        url={ctaItem?.internal_link?.[0] ? ctaItem?.internal_link?.[0]?.url : ctaItem?.external_link || ''}
-                        className='flex items-center justify-center gap-x-2.5 p-3 text-sm font-semibold font-montserrat leading-6 text-gray-900 hover:bg-gray-100'
-                        $={ctaItem?.$?.text}
-                    >
-                        {/*  eslint-disable-next-line @next/next/no-img-element */}
-                        {ctaItem?.icon?.url && <img
-                            src={ctaItem.icon.url}
-                            alt={ctaItem.icon.title}
-                            className='h-5 w-5 flex-none text-gray-400'
-                            aria-hidden='true' />}
-                        {ctaItem.text}
-                    </Link>
+    {cta_group && <div className=' lg:h-24 py-[1.594rem] bg-stone absolute lg:relative bottom-0 left-0 w-full '>
+        <div className='dark flex flex-col lg:flex-row items-center justify-center gap-x-[1.375rem] gap-y-4 lg:gap-y-0 '>
+            {cta_group?.call_to_action?.map((ctaItem:CallToAction) => (
+                <Link
+                    key={ctaItem.text}
+                    url={ctaItem?.internal_link?.[0] ? ctaItem?.internal_link?.[0]?.url : ctaItem?.external_link || ''}
+                    className='btn-primary !md-extra-wide !px-[1.875rem]'
+                    $={ctaItem?.$?.text}
+                >
+                    {/*  eslint-disable-next-line @next/next/no-img-element */}
+                    {ctaItem?.icon?.url && <img
+                        src={ctaItem.icon.url}
+                        alt={ctaItem.icon.title}
+                        className='h-6 flex-none dark:text-white text-stone mr-[0.625rem]'
+                        aria-hidden='true' />}
+                    {ctaItem.text}
+                </Link>
 
-                ))}
-            </div>
+            ))}
         </div>
     </div>}
 </>)
diff --git a/components/common/Link.tsx b/components/common/Link.tsx
index 26399fd..2f4f063 100644
--- a/components/common/Link.tsx
+++ b/components/common/Link.tsx
@@ -78,7 +78,7 @@ const LinkComponent: React.FC<LinkComponentType> = (props: LinkComponentType) =>
      */
     const LinkPlaceholder = () => {
         
-        elemattr.className = className + '!cursor-default hover:!no-underline hover:!border-transparent'
+        elemattr.className = className + ' !cursor-default hover:!no-underline hover:!border-transparent'
 
         return(
             <span onClick={onClickHandler} data-id='link-placeholder' {...elemattr}>
diff --git a/components/common/Pagination.tsx b/components/common/Pagination.tsx
index 0ae7d1a..5c4e8da 100644
--- a/components/common/Pagination.tsx
+++ b/components/common/Pagination.tsx
@@ -90,7 +90,7 @@ const Pagination: React.FC<PaginationProps> = ({ length, dataPerPage, currentPag
                 <div
                     role='button'
                     key={index + 1}
-                    className={`inline-flex items-center border-t-2 px-4 pt-4 text-sm font-medium ${currentPage === index + 1 ? 'border-indigo-500 text-indigo-600' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'}`}
+                    className={`inline-flex items-center border-t-2 px-4 pt-4 text-base font-medium ${currentPage === index + 1 ? 'border-indigo-500 text-indigo-600' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'}`}
                     onClick={() => handlePageClick(index + 1)}
                     id={`pagination-btn-${index}`}
                 >
@@ -104,7 +104,7 @@ const Pagination: React.FC<PaginationProps> = ({ length, dataPerPage, currentPag
             <div className='-mt-px flex w-0 flex-1'>
                 <div
                     role='button'
-                    className={`inline-flex items-center border-t-2 border-transparent pr-1 pt-4 text-sm font-medium text-gray-500 
+                    className={`inline-flex items-center border-t-2 border-transparent pr-1 pt-4 text-base font-medium text-gray-500 
                     hover:border-gray-300 hover:text-gray-700 ${((currentPage - 1) < 1) ? 'pointer-events-none cursor-default opacity-50 select-none' : ''}`}
                     onClick={() => handlePageClick(currentPage - 1)}
                     id='pagination-prev-btn'
@@ -121,7 +121,7 @@ const Pagination: React.FC<PaginationProps> = ({ length, dataPerPage, currentPag
             <div className='-mt-px flex w-0 flex-1 justify-end'>
                 <div
                     role='button'
-                    className={`inline-flex items-center border-t-2 border-transparent pl-1 pt-4 text-sm font-medium text-gray-500 
+                    className={`inline-flex items-center border-t-2 border-transparent pl-1 pt-4 text-base font-medium text-gray-500 
                     hover:border-gray-300 hover:text-gray-700 ${((currentPage + 1) > numberOfPages) ? 'pointer-events-none cursor-default opacity-50 select-none' : ''}`}
                     onClick={() => handlePageClick(currentPage + 1)}
                     id='pagination-next-btn'
diff --git a/components/common/Seo.tsx b/components/common/Seo.tsx
index b8b33de..806b381 100644
--- a/components/common/Seo.tsx
+++ b/components/common/Seo.tsx
@@ -1,6 +1,7 @@
 import { Page } from '@/types'
 import { useLocaleContext } from '@/context'
 import packageInfo from '@/package.json'
+import { getAbsolutePageUrl } from '@/utils'
 
 /**
  * SEO Component for managing meta tags and document head elements
@@ -13,22 +14,25 @@ import packageInfo from '@/package.json'
  * @param {string} props.seo.canonical_url - Canonical URL for the page
  * @param {string} props.locale - Current locale code
  * @param {string} props.summary - Alternative description for meta tag
- * @param {string} props.url - Current page URL
+ * @param {string} props.url - url from the page's entry 
  * @param {Array} props.locales - Available locale options
  * @returns {JSX.Element} SEO component with meta tags
  */
 
 const SEO: React.FC<Page.SeoProps> = (props: Page.SeoProps) => {
 
-    const { seo: {no_follow, no_index, description, canonical_url} = {}, locale, summary, url, locales} = props
+    const { seo: {no_follow, no_index, description, canonical_url} = {}, locale, summary, url, locales} = props    
     const { currentLocale } = useLocaleContext()
 
+    // construct canonical url from current locale, and canonical_url / entry url
+    const canonicalUrl = getAbsolutePageUrl(`/${currentLocale}${canonical_url || url || ''}` )
+
     // Add version in meta tag for internal tracking and DOM visibility
     const { version } = packageInfo
 
     const alternateMetaLinks = locales?.map((lang: { code: string }) => ({
         hrefLang: lang?.code,
-        href: `/${lang?.code}${url}`
+        href: getAbsolutePageUrl(`/${lang?.code}${url}`)
     }))
 
     let robots
@@ -84,7 +88,7 @@ const SEO: React.FC<Page.SeoProps> = (props: Page.SeoProps) => {
             />)}
             <link
                 rel='canonical'
-                href={canonical_url ? canonical_url : url}
+                href={canonicalUrl}
             />
             <link
                 rel='icon'
diff --git a/components/index.ts b/components/index.ts
index f6247a1..321502e 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -2,7 +2,7 @@ export * from './Card'
 export * from './common'
 export * from './Teaser'
 export * from './CardCollection'
-export * from './TextAndImage'
+export * from './TextAndImageCarousel'
 export * from './Header'
 export * from './Text'
 export * from './Article'
@@ -10,4 +10,5 @@ export * from './Footer'
 export * from './common'
 export * from './FeaturedArticles'
 export * from './RenderComponents'
-export * from './Carousel'
\ No newline at end of file
+export * from './Carousel'
+export * from './Hero'
\ No newline at end of file
diff --git a/config/contentstack/deliverySDk.ts b/config/contentstack/deliverySDk.ts
index a0408d7..f8e1a04 100644
--- a/config/contentstack/deliverySDk.ts
+++ b/config/contentstack/deliverySDk.ts
@@ -1,7 +1,4 @@
 import Contentstack from '@contentstack/delivery-sdk'
-import ContentstackLivePreview, { IStackSdk } from '@contentstack/live-preview-utils'
-import { LivePreviewMode } from '@/types/common'
-
 export const Stack = Contentstack.stack({
     apiKey: process.env.CONTENTSTACK_API_KEY as string,
     deliveryToken: process.env.CONTENTSTACK_DELIVERY_TOKEN as string,
@@ -15,25 +12,26 @@ export const Stack = Contentstack.stack({
     }
 })
 
-const getLocaleForURL = () => {
-    if (typeof window === 'undefined') return 'en'
-    return window.location.pathname?.split('/').filter(Boolean)[0]
+export const isLivePreviewEnabled = process.env.isLivePreviewEnabled === 'true'
+export const isEditButtonsEnabled = process.env.isEditButtonsEnabled === 'true'
+
+let onEntryChange: (callback: () => void) => void = (callback) => {
+    callback()
 }
 
-ContentstackLivePreview.init({
-    enable: process.env.isLivePreviewEnabled === 'true' ? true : false,
-    mode: process.env.CONTENTSTACK_VISUAL_BUILDER_MODE as LivePreviewMode,
-    clientUrlParams: { host: process.env.CONTENTSTACK_APP_HOST },
-    stackDetails: {
-        apiKey: process.env.CONTENTSTACK_API_KEY,
-        environment: process.env.CONTENTSTACK_ENVIRONMENT,
-        branch: process.env.CONTENTSTACK_BRANCH,
-        locale: getLocaleForURL()
-    },
-    stackSdk: Stack.config as IStackSdk,
-    ssr: false
-})
+let VB_EmptyBlockParentClass: string = ''
 
-export const onEntryChange = ContentstackLivePreview.onEntryChange
-export const isLivePreviewEnabled = process.env.isLivePreviewEnabled === 'true'
-export const isEditButtonsEnabled = process.env.isEditButtonsEnabled === 'true'
\ No newline at end of file
+if (isLivePreviewEnabled) {
+    const loadPreviewSDK = async () => {
+        const { previewSdk } = await import('@/config/contentstack/previewSDk')
+        onEntryChange = previewSdk.onEntryChange
+        VB_EmptyBlockParentClass = previewSdk.VB_EmptyBlockParentClass
+
+    }
+
+    loadPreviewSDK().catch((error) => {
+        console.error('Failed to load the preview SDK:', error)
+    })
+}
+
+export { onEntryChange, VB_EmptyBlockParentClass }
\ No newline at end of file
diff --git a/config/contentstack/previewSDk.ts b/config/contentstack/previewSDk.ts
new file mode 100644
index 0000000..caa1adf
--- /dev/null
+++ b/config/contentstack/previewSDk.ts
@@ -0,0 +1,27 @@
+import ContentstackLivePreview, { IStackSdk, VB_EmptyBlockParentClass } from '@contentstack/live-preview-utils'
+import { LivePreviewMode } from '@/types/common'
+import { Stack } from './deliverySDk'
+
+const getLocaleForURL = () => {
+    if (typeof window === 'undefined') return 'en'
+    return window.location.pathname?.split('/').filter(Boolean)[0]
+}
+
+ContentstackLivePreview.init({
+    enable: process.env.isLivePreviewEnabled === 'true' ? true : false,
+    mode: process.env.CONTENTSTACK_VISUAL_BUILDER_MODE as LivePreviewMode,
+    clientUrlParams: { host: process.env.CONTENTSTACK_APP_HOST },
+    stackDetails: {
+        apiKey: process.env.CONTENTSTACK_API_KEY,
+        environment: process.env.CONTENTSTACK_ENVIRONMENT,
+        branch: process.env.CONTENTSTACK_BRANCH,
+        locale: getLocaleForURL()
+    },
+    stackSdk: Stack.config as IStackSdk,
+    ssr: false
+})
+
+export const previewSdk = {
+    onEntryChange: ContentstackLivePreview.onEntryChange,
+    VB_EmptyBlockParentClass: VB_EmptyBlockParentClass
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 30001aa..5cc76e1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,16 @@
 {
   "name": "compass-starter-app",
-  "version": "3.2.0",
+  "version": "4.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "compass-starter-app",
-      "version": "3.2.0",
+      "version": "4.0.0",
       "dependencies": {
         "@contentstack/delivery-sdk": "4.5.0",
-        "@contentstack/live-preview-utils": "3.0.1",
-        "@contentstack/personalize-edge-sdk": "^1.0.1",
+        "@contentstack/live-preview-utils": "^3.1.3",
+        "@contentstack/personalize-edge-sdk": "^1.0.10",
         "@contentstack/utils": "^1.3.10",
         "@headlessui/react": "2.1.2",
         "@headlessui/tailwindcss": "^0.2.1",
@@ -54,7 +54,7 @@
         "@typescript-eslint/eslint-plugin": "^8.1.0"
       },
       "engines": {
-        "node": ">=18.17.0 <=22.11.0"
+        "node": ">=18.17.0 <=22.14.0"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -110,19 +110,22 @@
       }
     },
     "node_modules/@contentstack/live-preview-utils": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@contentstack/live-preview-utils/-/live-preview-utils-3.0.1.tgz",
-      "integrity": "sha512-EYZ8/CQi4ezKF9BdpYWzTBP5oGqZLAIFFge835aD5uWQnS+zs19llOdkaWhniIDo/WSYso34b0LitwGZEjVkpw==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@contentstack/live-preview-utils/-/live-preview-utils-3.2.1.tgz",
+      "integrity": "sha512-e5jD6cs77QWatgcew3YQxlJSB5oCXjLM4jkR4tov71uR4F/KlSxxXrRX7P0rVacZk3k/t1OSACOKtf+tgg2MZQ==",
       "license": "MIT",
       "dependencies": {
-        "@preact/compat": "^17.1.2",
-        "@preact/signals": "^1.2.2",
+        "@preact/compat": "17.1.2",
+        "@preact/signals": "1.2.2",
         "classnames": "^2.5.1",
+        "dayjs": "^1.11.13",
         "deepsignal": "^1.5.0",
+        "dompurify": "^3.2.3",
+        "get-xpath": "^3.2.0",
         "goober": "^2.1.14",
         "lodash-es": "^4.17.21",
         "mustache": "^4.2.0",
-        "preact": "^10.19.5",
+        "preact": "10.19.5",
         "uuid": "^8.3.2"
       },
       "optionalDependencies": {
@@ -139,26 +142,26 @@
       }
     },
     "node_modules/@contentstack/utils": {
-      "version": "1.3.20",
-      "resolved": "https://registry.npmjs.org/@contentstack/utils/-/utils-1.3.20.tgz",
-      "integrity": "sha512-WXkFv5uKrAMs21NPCWe3+7KHYfagenS8rv1/yCDsZ+uV1FvKkzst+MiU1+hcaWHi0E6QaPpYDcxpiltUHo5TSA==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@contentstack/utils/-/utils-1.4.0.tgz",
+      "integrity": "sha512-rRhkKqdPw2xm0CrJwA6HFLqh/VCZjHsNv9SEtCazJnYCqAsXisXQJOMMW79tskR/Na8mzJF/iroVC8UnaH/9xw==",
       "license": "MIT"
     },
     "node_modules/@emnapi/core": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.3.1.tgz",
-      "integrity": "sha512-pVGjBIt1Y6gg3EJN8jTcfpP/+uuRksIo055oE/OBkDNcjZqVbfkWCksG1Jp4yZnj3iKWyWX8fdG/j6UDYPbFog==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.4.3.tgz",
+      "integrity": "sha512-4m62DuCE07lw01soJwPiBGC0nAww0Q+RY70VZ+n49yDIO13yyinhbWCeNnaob0lakDtWQzSdtNWzJeOJt2ma+g==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/wasi-threads": "1.0.1",
+        "@emnapi/wasi-threads": "1.0.2",
         "tslib": "^2.4.0"
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz",
-      "integrity": "sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.3.tgz",
+      "integrity": "sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -166,9 +169,9 @@
       }
     },
     "node_modules/@emnapi/wasi-threads": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.0.1.tgz",
-      "integrity": "sha512-iIBu7mwkq4UQGeMEM8bLwNK962nXdhodeScX4slfQnRhEMMzvYivHhutCIk8uojvmASXXPC2WNEjwxFWk72Oqw==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.0.2.tgz",
+      "integrity": "sha512-5n3nTJblwRi8LlXkJ9eBzu+kZR8Yxcc7ubakyQTFzPMtIhFpUBRbsnc2Dv88IZDIbCDlBiWrknhB4Lsz7mg6BA==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -176,9 +179,9 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.5.1.tgz",
-      "integrity": "sha512-soEIOALTfTK6EjmKMMoLugwaP0rzkad90iIWd1hMO9ARkSAyjfMfkRRhLvD5qH7vvM0Cg72pieUfR6yh6XxC4w==",
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.6.1.tgz",
+      "integrity": "sha512-KTsJMmobmbrFLe3LDh0PC2FXpcSYJt/MLjlkh/9LEnmKYLSYmT/0EW9JWANjeoemiuZrmogti0tW5Ch+qNUYDw==",
       "license": "MIT",
       "dependencies": {
         "eslint-visitor-keys": "^3.4.3"
@@ -203,9 +206,9 @@
       }
     },
     "node_modules/@eslint/compat": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/@eslint/compat/-/compat-1.2.7.tgz",
-      "integrity": "sha512-xvv7hJE32yhegJ8xNAnb62ggiAwTYHBpUCWhRxEj/ksvgDJuSXfoDkBcRYaYNFiJ+jH0IE3K16hd+xXzhBgNbg==",
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@eslint/compat/-/compat-1.2.8.tgz",
+      "integrity": "sha512-LqCYHdWL/QqKIJuZ/ucMAv8d4luKGs4oCPgpt8mWztQAtPrHfXKQ/XAUc8ljCHAfJCn6SvkpTcGt5Tsh8saowA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -221,9 +224,9 @@
       }
     },
     "node_modules/@eslint/config-array": {
-      "version": "0.19.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.19.2.tgz",
-      "integrity": "sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==",
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.20.0.tgz",
+      "integrity": "sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==",
       "license": "Apache-2.0",
       "dependencies": {
         "@eslint/object-schema": "^2.1.6",
@@ -235,18 +238,18 @@
       }
     },
     "node_modules/@eslint/config-helpers": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.2.0.tgz",
-      "integrity": "sha512-yJLLmLexii32mGrhW29qvU3QBVTu0GUmEf/J4XsBtVhp4JkIUFN/BjWqTF63yRvGApIDpZm5fa97LtYtINmfeQ==",
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.2.1.tgz",
+      "integrity": "sha512-RI17tsD2frtDu/3dmI7QRrD4bedNKPM08ziRYaC5AhkGrzIAJelm9kJU1TznK+apx6V+cqRz8tfpEeG3oIyjxw==",
       "license": "Apache-2.0",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
     "node_modules/@eslint/core": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.12.0.tgz",
-      "integrity": "sha512-cmrR6pytBuSMTaBweKoGMwu3EiHiEC+DoyupPmlZ0HxBJBtIxwe+j/E4XPIKNx+Q74c8lXKPwYawBf5glsTkHg==",
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.13.0.tgz",
+      "integrity": "sha512-yfkgDw1KR66rkT5A8ci4irzDysN7FRpq3ttJolR88OqQikAWqwA8j5VZyas+vjyBNFIJ7MfybJ9plMILI2UrCw==",
       "license": "Apache-2.0",
       "dependencies": {
         "@types/json-schema": "^7.0.15"
@@ -291,9 +294,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.23.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.23.0.tgz",
-      "integrity": "sha512-35MJ8vCPU0ZMxo7zfev2pypqTwWTofFZO6m4KAtdoFhRpLJUpHTZZ+KB3C7Hb1d7bULYwO4lJXGCi5Se+8OMbw==",
+      "version": "9.25.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.25.1.tgz",
+      "integrity": "sha512-dEIwmjntEx8u3Uvv+kr3PDeeArL8Hw07H9kyYxCjnM9pBjfEhk6uLXSchxxzgiwtRhhzVzqmUSDFBOi1TuZ7qg==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -309,12 +312,12 @@
       }
     },
     "node_modules/@eslint/plugin-kit": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.7.tgz",
-      "integrity": "sha512-JubJ5B2pJ4k4yGxaNLdbjrnk9d/iDz6/q8wOilpIowd6PJPgaxCuHBnBszq7Ce2TyMrywm5r4PnKm6V3iiZF+g==",
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.8.tgz",
+      "integrity": "sha512-ZAoA40rNMPwSm+AeHpCq8STiNAwzWLJuP8Xv4CHIc9wv/PSuExjMrmjfYNj682vW0OOiZ1HKxzvjQr9XZIisQA==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^0.12.0",
+        "@eslint/core": "^0.13.0",
         "levn": "^0.4.1"
       },
       "engines": {
@@ -476,9 +479,9 @@
       }
     },
     "node_modules/@img/sharp-darwin-arm64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
-      "integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.1.tgz",
+      "integrity": "sha512-pn44xgBtgpEbZsu+lWf2KNb6OAf70X68k+yk69Ic2Xz11zHR/w24/U49XT7AeRwJ0Px+mhALhU5LPci1Aymk7A==",
       "cpu": [
         "arm64"
       ],
@@ -494,13 +497,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-darwin-arm64": "1.0.4"
+        "@img/sharp-libvips-darwin-arm64": "1.1.0"
       }
     },
     "node_modules/@img/sharp-darwin-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz",
-      "integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.1.tgz",
+      "integrity": "sha512-VfuYgG2r8BpYiOUN+BfYeFo69nP/MIwAtSJ7/Zpxc5QF3KS22z8Pvg3FkrSFJBPNQ7mmcUcYQFBmEQp7eu1F8Q==",
       "cpu": [
         "x64"
       ],
@@ -516,13 +519,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-darwin-x64": "1.0.4"
+        "@img/sharp-libvips-darwin-x64": "1.1.0"
       }
     },
     "node_modules/@img/sharp-libvips-darwin-arm64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz",
-      "integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.1.0.tgz",
+      "integrity": "sha512-HZ/JUmPwrJSoM4DIQPv/BfNh9yrOA8tlBbqbLz4JZ5uew2+o22Ik+tHQJcih7QJuSa0zo5coHTfD5J8inqj9DA==",
       "cpu": [
         "arm64"
       ],
@@ -536,9 +539,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-darwin-x64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz",
-      "integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.1.0.tgz",
+      "integrity": "sha512-Xzc2ToEmHN+hfvsl9wja0RlnXEgpKNmftriQp6XzY/RaSfwD9th+MSh0WQKzUreLKKINb3afirxW7A0fz2YWuQ==",
       "cpu": [
         "x64"
       ],
@@ -552,9 +555,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-arm": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz",
-      "integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.1.0.tgz",
+      "integrity": "sha512-s8BAd0lwUIvYCJyRdFqvsj+BJIpDBSxs6ivrOPm/R7piTs5UIwY5OjXrP2bqXC9/moGsyRa37eYWYCOGVXxVrA==",
       "cpu": [
         "arm"
       ],
@@ -568,9 +571,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-arm64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz",
-      "integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.1.0.tgz",
+      "integrity": "sha512-IVfGJa7gjChDET1dK9SekxFFdflarnUB8PwW8aGwEoF3oAsSDuNUTYS+SKDOyOJxQyDC1aPFMuRYLoDInyV9Ew==",
       "cpu": [
         "arm64"
       ],
@@ -583,10 +586,26 @@
         "url": "https://opencollective.com/libvips"
       }
     },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.1.0.tgz",
+      "integrity": "sha512-tiXxFZFbhnkWE2LA8oQj7KYR+bWBkiV2nilRldT7bqoEZ4HiDOcePr9wVDAZPi/Id5fT1oY9iGnDq20cwUz8lQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
     "node_modules/@img/sharp-libvips-linux-s390x": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz",
-      "integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.1.0.tgz",
+      "integrity": "sha512-xukSwvhguw7COyzvmjydRb3x/09+21HykyapcZchiCUkTThEQEOMtBj9UhkaBRLuBrgLFzQ2wbxdeCCJW/jgJA==",
       "cpu": [
         "s390x"
       ],
@@ -600,9 +619,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-x64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz",
-      "integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.1.0.tgz",
+      "integrity": "sha512-yRj2+reB8iMg9W5sULM3S74jVS7zqSzHG3Ol/twnAAkAhnGQnpjj6e4ayUz7V+FpKypwgs82xbRdYtchTTUB+Q==",
       "cpu": [
         "x64"
       ],
@@ -616,9 +635,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz",
-      "integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.1.0.tgz",
+      "integrity": "sha512-jYZdG+whg0MDK+q2COKbYidaqW/WTz0cc1E+tMAusiDygrM4ypmSCjOJPmFTvHHJ8j/6cAGyeDWZOsK06tP33w==",
       "cpu": [
         "arm64"
       ],
@@ -632,9 +651,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linuxmusl-x64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz",
-      "integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.1.0.tgz",
+      "integrity": "sha512-wK7SBdwrAiycjXdkPnGCPLjYb9lD4l6Ze2gSdAGVZrEL05AOUJESWU2lhlC+Ffn5/G+VKuSm6zzbQSzFX/P65A==",
       "cpu": [
         "x64"
       ],
@@ -648,9 +667,9 @@
       }
     },
     "node_modules/@img/sharp-linux-arm": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz",
-      "integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.1.tgz",
+      "integrity": "sha512-anKiszvACti2sGy9CirTlNyk7BjjZPiML1jt2ZkTdcvpLU1YH6CXwRAZCA2UmRXnhiIftXQ7+Oh62Ji25W72jA==",
       "cpu": [
         "arm"
       ],
@@ -666,13 +685,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm": "1.0.5"
+        "@img/sharp-libvips-linux-arm": "1.1.0"
       }
     },
     "node_modules/@img/sharp-linux-arm64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz",
-      "integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.1.tgz",
+      "integrity": "sha512-kX2c+vbvaXC6vly1RDf/IWNXxrlxLNpBVWkdpRq5Ka7OOKj6nr66etKy2IENf6FtOgklkg9ZdGpEu9kwdlcwOQ==",
       "cpu": [
         "arm64"
       ],
@@ -688,13 +707,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm64": "1.0.4"
+        "@img/sharp-libvips-linux-arm64": "1.1.0"
       }
     },
     "node_modules/@img/sharp-linux-s390x": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz",
-      "integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.1.tgz",
+      "integrity": "sha512-7s0KX2tI9mZI2buRipKIw2X1ufdTeaRgwmRabt5bi9chYfhur+/C1OXg3TKg/eag1W+6CCWLVmSauV1owmRPxA==",
       "cpu": [
         "s390x"
       ],
@@ -710,13 +729,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-s390x": "1.0.4"
+        "@img/sharp-libvips-linux-s390x": "1.1.0"
       }
     },
     "node_modules/@img/sharp-linux-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz",
-      "integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.1.tgz",
+      "integrity": "sha512-wExv7SH9nmoBW3Wr2gvQopX1k8q2g5V5Iag8Zk6AVENsjwd+3adjwxtp3Dcu2QhOXr8W9NusBU6XcQUohBZ5MA==",
       "cpu": [
         "x64"
       ],
@@ -732,13 +751,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-x64": "1.0.4"
+        "@img/sharp-libvips-linux-x64": "1.1.0"
       }
     },
     "node_modules/@img/sharp-linuxmusl-arm64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz",
-      "integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.1.tgz",
+      "integrity": "sha512-DfvyxzHxw4WGdPiTF0SOHnm11Xv4aQexvqhRDAoD00MzHekAj9a/jADXeXYCDFH/DzYruwHbXU7uz+H+nWmSOQ==",
       "cpu": [
         "arm64"
       ],
@@ -754,13 +773,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4"
+        "@img/sharp-libvips-linuxmusl-arm64": "1.1.0"
       }
     },
     "node_modules/@img/sharp-linuxmusl-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz",
-      "integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.1.tgz",
+      "integrity": "sha512-pax/kTR407vNb9qaSIiWVnQplPcGU8LRIJpDT5o8PdAx5aAA7AS3X9PS8Isw1/WfqgQorPotjrZL3Pqh6C5EBg==",
       "cpu": [
         "x64"
       ],
@@ -776,20 +795,20 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-x64": "1.0.4"
+        "@img/sharp-libvips-linuxmusl-x64": "1.1.0"
       }
     },
     "node_modules/@img/sharp-wasm32": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz",
-      "integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.1.tgz",
+      "integrity": "sha512-YDybQnYrLQfEpzGOQe7OKcyLUCML4YOXl428gOOzBgN6Gw0rv8dpsJ7PqTHxBnXnwXr8S1mYFSLSa727tpz0xg==",
       "cpu": [
         "wasm32"
       ],
       "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/runtime": "^1.2.0"
+        "@emnapi/runtime": "^1.4.0"
       },
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
@@ -799,9 +818,9 @@
       }
     },
     "node_modules/@img/sharp-win32-ia32": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz",
-      "integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.1.tgz",
+      "integrity": "sha512-WKf/NAZITnonBf3U1LfdjoMgNO5JYRSlhovhRhMxXVdvWYveM4kM3L8m35onYIdh75cOMCo1BexgVQcCDzyoWw==",
       "cpu": [
         "ia32"
       ],
@@ -818,9 +837,9 @@
       }
     },
     "node_modules/@img/sharp-win32-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz",
-      "integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.1.tgz",
+      "integrity": "sha512-hw1iIAHpNE8q3uMIRCgGOeDoz9KtFNarFLQclLxr/LK1VBkj8nby18RjFvr6aP7USRYAjTZW6yisnBWMX571Tw==",
       "cpu": [
         "x64"
       ],
@@ -902,27 +921,27 @@
       }
     },
     "node_modules/@napi-rs/wasm-runtime": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.7.tgz",
-      "integrity": "sha512-5yximcFK5FNompXfJFoWanu5l8v1hNGqNHh9du1xETp9HWk/B/PzvchX55WYOPaIeNglG8++68AAiauBAtbnzw==",
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.9.tgz",
+      "integrity": "sha512-OKRBiajrrxB9ATokgEQoG87Z25c67pCpYcCwmXYX8PBftC9pBfN18gnm/fh1wurSLEKIAt+QRFLFCQISrb66Jg==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.3.1",
-        "@emnapi/runtime": "^1.3.1",
+        "@emnapi/core": "^1.4.0",
+        "@emnapi/runtime": "^1.4.0",
         "@tybys/wasm-util": "^0.9.0"
       }
     },
     "node_modules/@next/env": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.2.4.tgz",
-      "integrity": "sha512-+SFtMgoiYP3WoSswuNmxJOCwi06TdWE733D+WPjpXIe4LXGULwEaofiiAy6kbS0+XjM5xF5n3lKuBwN2SnqD9g==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.3.1.tgz",
+      "integrity": "sha512-cwK27QdzrMblHSn9DZRV+DQscHXRuJv6MydlJRpFSqJWZrTYMLzKDeyueJNN9MGd8NNiUKzDQADAf+dMLXX7YQ==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.2.4.tgz",
-      "integrity": "sha512-O8ScvKtnxkp8kL9TpJTTKnMqlkZnS+QxwoQnJwPGBxjBbzd6OVVPEJ5/pMNrktSyXQD/chEfzfFzYLM6JANOOQ==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.3.1.tgz",
+      "integrity": "sha512-oEs4dsfM6iyER3jTzMm4kDSbrQJq8wZw5fmT6fg2V3SMo+kgG+cShzLfEV20senZzv8VF+puNLheiGPlBGsv2A==",
       "license": "MIT",
       "dependencies": {
         "fast-glob": "3.3.1"
@@ -957,9 +976,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.2.4.tgz",
-      "integrity": "sha512-1AnMfs655ipJEDC/FHkSr0r3lXBgpqKo4K1kiwfUf3iE68rDFXZ1TtHdMvf7D0hMItgDZ7Vuq3JgNMbt/+3bYw==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.3.1.tgz",
+      "integrity": "sha512-hjDw4f4/nla+6wysBL07z52Gs55Gttp5Bsk5/8AncQLJoisvTBP0pRIBK/B16/KqQyH+uN4Ww8KkcAqJODYH3w==",
       "cpu": [
         "arm64"
       ],
@@ -973,9 +992,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.2.4.tgz",
-      "integrity": "sha512-3qK2zb5EwCwxnO2HeO+TRqCubeI/NgCe+kL5dTJlPldV/uwCnUgC7VbEzgmxbfrkbjehL4H9BPztWOEtsoMwew==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.3.1.tgz",
+      "integrity": "sha512-q+aw+cJ2ooVYdCEqZVk+T4Ni10jF6Fo5DfpEV51OupMaV5XL6pf3GCzrk6kSSZBsMKZtVC1Zm/xaNBFpA6bJ2g==",
       "cpu": [
         "x64"
       ],
@@ -989,9 +1008,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.2.4.tgz",
-      "integrity": "sha512-HFN6GKUcrTWvem8AZN7tT95zPb0GUGv9v0d0iyuTb303vbXkkbHDp/DxufB04jNVD+IN9yHy7y/6Mqq0h0YVaQ==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.3.1.tgz",
+      "integrity": "sha512-wBQ+jGUI3N0QZyWmmvRHjXjTWFy8o+zPFLSOyAyGFI94oJi+kK/LIZFJXeykvgXUk1NLDAEFDZw/NVINhdk9FQ==",
       "cpu": [
         "arm64"
       ],
@@ -1005,9 +1024,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.2.4.tgz",
-      "integrity": "sha512-Oioa0SORWLwi35/kVB8aCk5Uq+5/ZIumMK1kJV+jSdazFm2NzPDztsefzdmzzpx5oGCJ6FkUC7vkaUseNTStNA==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.3.1.tgz",
+      "integrity": "sha512-IIxXEXRti/AulO9lWRHiCpUUR8AR/ZYLPALgiIg/9ENzMzLn3l0NSxVdva7R/VDcuSEBo0eGVCe3evSIHNz0Hg==",
       "cpu": [
         "arm64"
       ],
@@ -1021,9 +1040,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.2.4.tgz",
-      "integrity": "sha512-yb5WTRaHdkgOqFOZiu6rHV1fAEK0flVpaIN2HB6kxHVSy/dIajWbThS7qON3W9/SNOH2JWkVCyulgGYekMePuw==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.3.1.tgz",
+      "integrity": "sha512-bfI4AMhySJbyXQIKH5rmLJ5/BP7bPwuxauTvVEiJ/ADoddaA9fgyNNCcsbu9SlqfHDoZmfI6g2EjzLwbsVTr5A==",
       "cpu": [
         "x64"
       ],
@@ -1037,9 +1056,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.2.4.tgz",
-      "integrity": "sha512-Dcdv/ix6srhkM25fgXiyOieFUkz+fOYkHlydWCtB0xMST6X9XYI3yPDKBZt1xuhOytONsIFJFB08xXYsxUwJLw==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.3.1.tgz",
+      "integrity": "sha512-FeAbR7FYMWR+Z+M5iSGytVryKHiAsc0x3Nc3J+FD5NVbD5Mqz7fTSy8CYliXinn7T26nDMbpExRUI/4ekTvoiA==",
       "cpu": [
         "x64"
       ],
@@ -1053,9 +1072,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.2.4.tgz",
-      "integrity": "sha512-dW0i7eukvDxtIhCYkMrZNQfNicPDExt2jPb9AZPpL7cfyUo7QSNl1DjsHjmmKp6qNAqUESyT8YFl/Aw91cNJJg==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.3.1.tgz",
+      "integrity": "sha512-yP7FueWjphQEPpJQ2oKmshk/ppOt+0/bB8JC8svPUZNy0Pi3KbPx2Llkzv1p8CoQa+D2wknINlJpHf3vtChVBw==",
       "cpu": [
         "arm64"
       ],
@@ -1069,9 +1088,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.2.4.tgz",
-      "integrity": "sha512-SbnWkJmkS7Xl3kre8SdMF6F/XDh1DTFEhp0jRTj/uB8iPKoU2bb2NDfcu+iifv1+mxQEd1g2vvSxcZbXSKyWiQ==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.3.1.tgz",
+      "integrity": "sha512-3PMvF2zRJAifcRNni9uMk/gulWfWS+qVI/pagd+4yLF5bcXPZPPH2xlYRYOsUjmCJOXSTAC2PjRzbhsRzR2fDQ==",
       "cpu": [
         "x64"
       ],
@@ -1148,12 +1167,12 @@
       }
     },
     "node_modules/@preact/signals": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@preact/signals/-/signals-1.3.2.tgz",
-      "integrity": "sha512-naxcJgUJ6BTOROJ7C3QML7KvwKwCXQJYTc5L/b0eEsdYgPB6SxwoQ1vDGcS0Q7GVjAenVq/tXrybVdFShHYZWg==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@preact/signals/-/signals-1.2.2.tgz",
+      "integrity": "sha512-ColCqdo4cRP18bAuIR4Oik5rDpiyFtPIJIygaYPMEAwTnl4buWkBOflGBSzhYyPyJfKpkwlekrvK+1pzQ2ldWw==",
       "license": "MIT",
       "dependencies": {
-        "@preact/signals-core": "^1.7.0"
+        "@preact/signals-core": "^1.4.0"
       },
       "funding": {
         "type": "opencollective",
@@ -1174,14 +1193,14 @@
       }
     },
     "node_modules/@react-aria/focus": {
-      "version": "3.20.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.20.1.tgz",
-      "integrity": "sha512-lgYs+sQ1TtBrAXnAdRBQrBo0/7o5H6IrfDxec1j+VRpcXL0xyk0xPq+m3lZp8typzIghqDgpnKkJ5Jf4OrzPIw==",
+      "version": "3.20.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.20.2.tgz",
+      "integrity": "sha512-Q3rouk/rzoF/3TuH6FzoAIKrl+kzZi9LHmr8S5EqLAOyP9TXIKG34x2j42dZsAhrw7TbF9gA8tBKwnCNH4ZV+Q==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/interactions": "^3.24.1",
-        "@react-aria/utils": "^3.28.1",
-        "@react-types/shared": "^3.28.0",
+        "@react-aria/interactions": "^3.25.0",
+        "@react-aria/utils": "^3.28.2",
+        "@react-types/shared": "^3.29.0",
         "@swc/helpers": "^0.5.0",
         "clsx": "^2.0.0"
       },
@@ -1191,15 +1210,15 @@
       }
     },
     "node_modules/@react-aria/interactions": {
-      "version": "3.24.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.24.1.tgz",
-      "integrity": "sha512-OWEcIC6UQfWq4Td5Ptuh4PZQ4LHLJr/JL2jGYvuNL6EgL3bWvzPrRYIF/R64YbfVxIC7FeZpPSkS07sZ93/NoA==",
+      "version": "3.25.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.25.0.tgz",
+      "integrity": "sha512-GgIsDLlO8rDU/nFn6DfsbP9rfnzhm8QFjZkB9K9+r+MTSCn7bMntiWQgMM+5O6BiA8d7C7x4zuN4bZtc0RBdXQ==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/ssr": "^3.9.7",
-        "@react-aria/utils": "^3.28.1",
-        "@react-stately/flags": "^3.1.0",
-        "@react-types/shared": "^3.28.0",
+        "@react-aria/ssr": "^3.9.8",
+        "@react-aria/utils": "^3.28.2",
+        "@react-stately/flags": "^3.1.1",
+        "@react-types/shared": "^3.29.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -1208,9 +1227,9 @@
       }
     },
     "node_modules/@react-aria/ssr": {
-      "version": "3.9.7",
-      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.7.tgz",
-      "integrity": "sha512-GQygZaGlmYjmYM+tiNBA5C6acmiDWF52Nqd40bBp0Znk4M4hP+LTmI0lpI1BuKMw45T8RIhrAsICIfKwZvi2Gg==",
+      "version": "3.9.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.8.tgz",
+      "integrity": "sha512-lQDE/c9uTfBSDOjaZUJS8xP2jCKVk4zjQeIlCH90xaLhHDgbpCdns3xvFpJJujfj3nI4Ll9K7A+ONUBDCASOuw==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
@@ -1223,15 +1242,15 @@
       }
     },
     "node_modules/@react-aria/utils": {
-      "version": "3.28.1",
-      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.28.1.tgz",
-      "integrity": "sha512-mnHFF4YOVu9BRFQ1SZSKfPhg3z+lBRYoW5mLcYTQihbKhz48+I1sqRkP7ahMITr8ANH3nb34YaMME4XWmK2Mgg==",
+      "version": "3.28.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.28.2.tgz",
+      "integrity": "sha512-J8CcLbvnQgiBn54eeEvQQbIOfBF3A1QizxMw9P4cl9MkeR03ug7RnjTIdJY/n2p7t59kLeAB3tqiczhcj+Oi5w==",
       "license": "Apache-2.0",
       "dependencies": {
-        "@react-aria/ssr": "^3.9.7",
-        "@react-stately/flags": "^3.1.0",
-        "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.28.0",
+        "@react-aria/ssr": "^3.9.8",
+        "@react-stately/flags": "^3.1.1",
+        "@react-stately/utils": "^3.10.6",
+        "@react-types/shared": "^3.29.0",
         "@swc/helpers": "^0.5.0",
         "clsx": "^2.0.0"
       },
@@ -1241,18 +1260,18 @@
       }
     },
     "node_modules/@react-stately/flags": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/flags/-/flags-3.1.0.tgz",
-      "integrity": "sha512-KSHOCxTFpBtxhIRcKwsD1YDTaNxFtCYuAUb0KEihc16QwqZViq4hasgPBs2gYm7fHRbw7WYzWKf6ZSo/+YsFlg==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/flags/-/flags-3.1.1.tgz",
+      "integrity": "sha512-XPR5gi5LfrPdhxZzdIlJDz/B5cBf63l4q6/AzNqVWFKgd0QqY5LvWJftXkklaIUpKSJkIKQb8dphuZXDtkWNqg==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
       }
     },
     "node_modules/@react-stately/utils": {
-      "version": "3.10.5",
-      "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.10.5.tgz",
-      "integrity": "sha512-iMQSGcpaecghDIh3mZEpZfoFH3ExBwTtuBEcvZ2XnGzCgQjeYXcMdIUwAfVQLXFTdHUHGF6Gu6/dFrYsCzySBQ==",
+      "version": "3.10.6",
+      "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.10.6.tgz",
+      "integrity": "sha512-O76ip4InfTTzAJrg8OaZxKU4vvjMDOpfA/PGNOytiXwBbkct2ZeZwaimJ8Bt9W1bj5VsZ81/o/tW4BacbdDOMA==",
       "license": "Apache-2.0",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
@@ -1262,9 +1281,9 @@
       }
     },
     "node_modules/@react-types/shared": {
-      "version": "3.28.0",
-      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.28.0.tgz",
-      "integrity": "sha512-9oMEYIDc3sk0G5rysnYvdNrkSg7B04yTKl50HHSZVbokeHpnU0yRmsDaWb9B/5RprcKj8XszEk5guBO8Sa/Q+Q==",
+      "version": "3.29.0",
+      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.29.0.tgz",
+      "integrity": "sha512-IDQYu/AHgZimObzCFdNl1LpZvQW/xcfLt3v20sorl5qRucDVj4S9os98sVTZ4IRIBjmS+MkjqpR5E70xan7ooA==",
       "license": "Apache-2.0",
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
@@ -1302,9 +1321,9 @@
       "license": "Apache-2.0"
     },
     "node_modules/@swc/helpers": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
-      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
+      "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.8.0"
@@ -1341,12 +1360,12 @@
       }
     },
     "node_modules/@tanstack/react-virtual": {
-      "version": "3.13.5",
-      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.5.tgz",
-      "integrity": "sha512-MzSSMGkFWCDSb2xXqmdbfQqBG4wcRI3JKVjpYGZG0CccnViLpfRW4tGU97ImfBbSYzvEWJ/2SK/OiIoSmcUBAA==",
+      "version": "3.13.6",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.6.tgz",
+      "integrity": "sha512-WT7nWs8ximoQ0CDx/ngoFP7HbQF9Q2wQe4nh2NB+u2486eX3nZRE40P9g6ccCVq7ZfTSH5gFOuCoVH5DLNS/aA==",
       "license": "MIT",
       "dependencies": {
-        "@tanstack/virtual-core": "3.13.5"
+        "@tanstack/virtual-core": "3.13.6"
       },
       "funding": {
         "type": "github",
@@ -1358,9 +1377,9 @@
       }
     },
     "node_modules/@tanstack/virtual-core": {
-      "version": "3.13.5",
-      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.5.tgz",
-      "integrity": "sha512-gMLNylxhJdUlfRR1G3U9rtuwUh2IjdrrniJIDcekVJN3/3i+bluvdMi3+eodnxzJq5nKnxnigo9h0lIpaqV6HQ==",
+      "version": "3.13.6",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.6.tgz",
+      "integrity": "sha512-cnQUeWnhNP8tJ4WsGcYiX24Gjkc9ALstLbHcBj1t3E7EimN6n6kHH+DPV4PpDnuw00NApQp+ViojMj1GRdwYQg==",
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -1439,13 +1458,13 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "22.13.13",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.13.tgz",
-      "integrity": "sha512-ClsL5nMwKaBRwPcCvH8E7+nU4GxHVx1axNvMZTFHMEfNI7oahimt26P5zjVCRrjiIWj6YFXfE1v3dEp94wLcGQ==",
+      "version": "22.15.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.3.tgz",
+      "integrity": "sha512-lX7HFZeHf4QG/J7tBZqrCAXwz9J5RD56Y6MpP0eJkka8p+K0RY/yBTW7CYFJ4VGCclxqOLKmiGP5juQc6MKgcw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~6.20.0"
+        "undici-types": "~6.21.0"
       }
     },
     "node_modules/@types/nprogress": {
@@ -1474,9 +1493,9 @@
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.3.5",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.5.tgz",
-      "integrity": "sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q==",
+      "version": "18.3.6",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.6.tgz",
+      "integrity": "sha512-nf22//wEbKXusP6E9pfOCDwFdHAX4u172eaJI4YkDRQEZiorm6KfYnSC2SWLDMVWUOWPERmJnN0ujeAfTBLvrw==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -1504,17 +1523,24 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.28.0.tgz",
-      "integrity": "sha512-lvFK3TCGAHsItNdWZ/1FkvpzCxTHUVuFrdnOGLMa0GGCFIbCgQWVk3CzCGdA7kM3qGVc+dfW9tr0Z/sHnGDFyg==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.31.0.tgz",
+      "integrity": "sha512-evaQJZ/J/S4wisevDvC1KFZkPzRetH8kYZbkgcTRyql3mcKsf+ZFDV1BVWUGTCAW5pQHoqn5gK5b8kn7ou9aFQ==",
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.28.0",
-        "@typescript-eslint/type-utils": "8.28.0",
-        "@typescript-eslint/utils": "8.28.0",
-        "@typescript-eslint/visitor-keys": "8.28.0",
+        "@typescript-eslint/scope-manager": "8.31.0",
+        "@typescript-eslint/type-utils": "8.31.0",
+        "@typescript-eslint/utils": "8.31.0",
+        "@typescript-eslint/visitor-keys": "8.31.0",
         "graphemer": "^1.4.0",
         "ignore": "^5.3.1",
         "natural-compare": "^1.4.0",
@@ -1534,15 +1560,15 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.28.0.tgz",
-      "integrity": "sha512-LPcw1yHD3ToaDEoljFEfQ9j2xShY367h7FZ1sq5NJT9I3yj4LHer1Xd1yRSOdYy9BpsrxU7R+eoDokChYM53lQ==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.31.0.tgz",
+      "integrity": "sha512-67kYYShjBR0jNI5vsf/c3WG4u+zDnCTHTPqVMQguffaWWFs7artgwKmfwdifl+r6XyM5LYLas/dInj2T0SgJyw==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.28.0",
-        "@typescript-eslint/types": "8.28.0",
-        "@typescript-eslint/typescript-estree": "8.28.0",
-        "@typescript-eslint/visitor-keys": "8.28.0",
+        "@typescript-eslint/scope-manager": "8.31.0",
+        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/typescript-estree": "8.31.0",
+        "@typescript-eslint/visitor-keys": "8.31.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -1558,13 +1584,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.28.0.tgz",
-      "integrity": "sha512-u2oITX3BJwzWCapoZ/pXw6BCOl8rJP4Ij/3wPoGvY8XwvXflOzd1kLrDUUUAIEdJSFh+ASwdTHqtan9xSg8buw==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.31.0.tgz",
+      "integrity": "sha512-knO8UyF78Nt8O/B64i7TlGXod69ko7z6vJD9uhSlm0qkAbGeRUSudcm0+K/4CrRjrpiHfBCjMWlc08Vav1xwcw==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.28.0",
-        "@typescript-eslint/visitor-keys": "8.28.0"
+        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/visitor-keys": "8.31.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1575,13 +1601,13 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.28.0.tgz",
-      "integrity": "sha512-oRoXu2v0Rsy/VoOGhtWrOKDiIehvI+YNrDk5Oqj40Mwm0Yt01FC/Q7nFqg088d3yAsR1ZcZFVfPCTTFCe/KPwg==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.31.0.tgz",
+      "integrity": "sha512-DJ1N1GdjI7IS7uRlzJuEDCgDQix3ZVYVtgeWEyhyn4iaoitpMBX6Ndd488mXSx0xah/cONAkEaYyylDyAeHMHg==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.28.0",
-        "@typescript-eslint/utils": "8.28.0",
+        "@typescript-eslint/typescript-estree": "8.31.0",
+        "@typescript-eslint/utils": "8.31.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^2.0.1"
       },
@@ -1598,9 +1624,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.28.0.tgz",
-      "integrity": "sha512-bn4WS1bkKEjx7HqiwG2JNB3YJdC1q6Ue7GyGlwPHyt0TnVq6TtD/hiOdTZt71sq0s7UzqBFXD8t8o2e63tXgwA==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.31.0.tgz",
+      "integrity": "sha512-Ch8oSjVyYyJxPQk8pMiP2FFGYatqXQfQIaMp+TpuuLlDachRWpUAeEu1u9B/v/8LToehUIWyiKcA/w5hUFRKuQ==",
       "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1611,13 +1637,13 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.28.0.tgz",
-      "integrity": "sha512-H74nHEeBGeklctAVUvmDkxB1mk+PAZ9FiOMPFncdqeRBXxk1lWSYraHw8V12b7aa6Sg9HOBNbGdSHobBPuQSuA==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.31.0.tgz",
+      "integrity": "sha512-xLmgn4Yl46xi6aDSZ9KkyfhhtnYI15/CvHbpOy/eR5NWhK/BK8wc709KKwhAR0m4ZKRP7h07bm4BWUYOCuRpQQ==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.28.0",
-        "@typescript-eslint/visitor-keys": "8.28.0",
+        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/visitor-keys": "8.31.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
@@ -1661,15 +1687,15 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.28.0.tgz",
-      "integrity": "sha512-OELa9hbTYciYITqgurT1u/SzpQVtDLmQMFzy/N8pQE+tefOyCWT79jHsav294aTqV1q1u+VzqDGbuujvRYaeSQ==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.31.0.tgz",
+      "integrity": "sha512-qi6uPLt9cjTFxAb1zGNgTob4x9ur7xC6mHQJ8GwEzGMGE9tYniublmJaowOJ9V2jUzxrltTPfdG2nKlWsq0+Ww==",
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
-        "@typescript-eslint/scope-manager": "8.28.0",
-        "@typescript-eslint/types": "8.28.0",
-        "@typescript-eslint/typescript-estree": "8.28.0"
+        "@typescript-eslint/scope-manager": "8.31.0",
+        "@typescript-eslint/types": "8.31.0",
+        "@typescript-eslint/typescript-estree": "8.31.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1684,12 +1710,12 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.28.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.28.0.tgz",
-      "integrity": "sha512-hbn8SZ8w4u2pRwgQ1GlUrPKE+t2XvcCW5tTRF7j6SMYIuYG37XuzIW44JCZPa36evi0Oy2SnM664BlIaAuQcvg==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.31.0.tgz",
+      "integrity": "sha512-QcGHmlRHWOl93o64ZUMNewCdwKGU6WItOU52H0djgNmn1EOrhVudrDzXz4OycCRSCPwFCDrE2iIt5vmuUdHxuQ==",
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.28.0",
+        "@typescript-eslint/types": "8.31.0",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -1712,10 +1738,10 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@unrs/rspack-resolver-binding-darwin-arm64": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-darwin-arm64/-/rspack-resolver-binding-darwin-arm64-1.3.0.tgz",
-      "integrity": "sha512-EcjI0Hh2HiNOM0B9UuYH1PfLWgE6/SBQ4dKoHXWNloERfveha/n6aUZSBThtPGnJenmdfaJYXXZtqyNbWtJAFw==",
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.7.2.tgz",
+      "integrity": "sha512-vxtBno4xvowwNmO/ASL0Y45TpHqmNkAaDtz4Jqb+clmcVSSl8XCG/PNFFkGsXXXS6AMjP+ja/TtNCFFa1QwLRg==",
       "cpu": [
         "arm64"
       ],
@@ -1725,10 +1751,10 @@
         "darwin"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-darwin-x64": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-darwin-x64/-/rspack-resolver-binding-darwin-x64-1.3.0.tgz",
-      "integrity": "sha512-3CgG+mhfudDfnaDqwEl0W1mcGTto5f5mqPyJSXcWDxrnNc7pr/p01khIgWOoOD1eCwVejmgpYvRKGBwJPwgHOQ==",
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.7.2.tgz",
+      "integrity": "sha512-qhVa8ozu92C23Hsmv0BF4+5Dyyd5STT1FolV4whNgbY6mj3kA0qsrGPe35zNR3wAN7eFict3s4Rc2dDTPBTuFQ==",
       "cpu": [
         "x64"
       ],
@@ -1738,10 +1764,10 @@
         "darwin"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-freebsd-x64": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-freebsd-x64/-/rspack-resolver-binding-freebsd-x64-1.3.0.tgz",
-      "integrity": "sha512-ww8BwryDrpXlSajwSIEUXEv8oKDkw04L2ke3hxjaxWohuBV8pAQie9XBS4yQTyREuL2ypcqbARfoCXJJzVp7ig==",
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.7.2.tgz",
+      "integrity": "sha512-zKKdm2uMXqLFX6Ac7K5ElnnG5VIXbDlFWzg4WJ8CGUedJryM5A3cTgHuGMw1+P5ziV8CRhnSEgOnurTI4vpHpg==",
       "cpu": [
         "x64"
       ],
@@ -1751,10 +1777,10 @@
         "freebsd"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-linux-arm-gnueabihf": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-linux-arm-gnueabihf/-/rspack-resolver-binding-linux-arm-gnueabihf-1.3.0.tgz",
-      "integrity": "sha512-WyhonI1mkuAlnG2iaMjk7uy4aWX+FWi2Au8qCCwj57wVHbAEfrN6xN2YhzbrsCC+ciumKhj5c01MqwsnYDNzWQ==",
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.7.2.tgz",
+      "integrity": "sha512-8N1z1TbPnHH+iDS/42GJ0bMPLiGK+cUqOhNbMKtWJ4oFGzqSJk/zoXFzcQkgtI63qMcUI7wW1tq2usZQSb2jxw==",
       "cpu": [
         "arm"
       ],
@@ -1764,10 +1790,10 @@
         "linux"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-linux-arm-musleabihf": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-linux-arm-musleabihf/-/rspack-resolver-binding-linux-arm-musleabihf-1.3.0.tgz",
-      "integrity": "sha512-+uCP6hIAMVWHKQnLZHESJ1U1TFVGLR3FTeaS2A4zB0k8w+IbZlWwl9FiBUOwOiqhcCCyKiUEifgnYFNGpxi3pw==",
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.7.2.tgz",
+      "integrity": "sha512-tjYzI9LcAXR9MYd9rO45m1s0B/6bJNuZ6jeOxo1pq1K6OBuRMMmfyvJYval3s9FPPGmrldYA3mi4gWDlWuTFGA==",
       "cpu": [
         "arm"
       ],
@@ -1777,10 +1803,10 @@
         "linux"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-linux-arm64-gnu": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-linux-arm64-gnu/-/rspack-resolver-binding-linux-arm64-gnu-1.3.0.tgz",
-      "integrity": "sha512-p+s/Wp8rf75Qqs2EPw4HC0xVLLW+/60MlVAsB7TYLoeg1e1CU/QCis36FxpziLS0ZY2+wXdTnPUxr+5kkThzwQ==",
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.7.2.tgz",
+      "integrity": "sha512-jon9M7DKRLGZ9VYSkFMflvNqu9hDtOCEnO2QAryFWgT6o6AXU8du56V7YqnaLKr6rAbZBWYsYpikF226v423QA==",
       "cpu": [
         "arm64"
       ],
@@ -1790,10 +1816,10 @@
         "linux"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-linux-arm64-musl": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-linux-arm64-musl/-/rspack-resolver-binding-linux-arm64-musl-1.3.0.tgz",
-      "integrity": "sha512-cZEL9jmZ2kAN53MEk+fFCRJM8pRwOEboDn7sTLjZW+hL6a0/8JNfHP20n8+MBDrhyD34BSF4A6wPCj/LNhtOIQ==",
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.7.2.tgz",
+      "integrity": "sha512-c8Cg4/h+kQ63pL43wBNaVMmOjXI/X62wQmru51qjfTvI7kmCy5uHTJvK/9LrF0G8Jdx8r34d019P1DVJmhXQpA==",
       "cpu": [
         "arm64"
       ],
@@ -1803,10 +1829,10 @@
         "linux"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-linux-ppc64-gnu": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-linux-ppc64-gnu/-/rspack-resolver-binding-linux-ppc64-gnu-1.3.0.tgz",
-      "integrity": "sha512-IOeRhcMXTNlk2oApsOozYVcOHu4t1EKYKnTz4huzdPyKNPX0Y9C7X8/6rk4aR3Inb5s4oVMT9IVKdgNXLcpGAQ==",
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.7.2.tgz",
+      "integrity": "sha512-A+lcwRFyrjeJmv3JJvhz5NbcCkLQL6Mk16kHTNm6/aGNc4FwPHPE4DR9DwuCvCnVHvF5IAd9U4VIs/VvVir5lg==",
       "cpu": [
         "ppc64"
       ],
@@ -1816,10 +1842,36 @@
         "linux"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-linux-s390x-gnu": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-linux-s390x-gnu/-/rspack-resolver-binding-linux-s390x-gnu-1.3.0.tgz",
-      "integrity": "sha512-op54XrlEbhgVRCxzF1pHFcLamdOmHDapwrqJ9xYRB7ZjwP/zQCKzz/uAsSaAlyQmbSi/PXV7lwfca4xkv860/Q==",
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.7.2.tgz",
+      "integrity": "sha512-hQQ4TJQrSQW8JlPm7tRpXN8OCNP9ez7PajJNjRD1ZTHQAy685OYqPrKjfaMw/8LiHCt8AZ74rfUVHP9vn0N69Q==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.7.2.tgz",
+      "integrity": "sha512-NoAGbiqrxtY8kVooZ24i70CjLDlUFI7nDj3I9y54U94p+3kPxwd2L692YsdLa+cqQ0VoqMWoehDFp21PKRUoIQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.7.2.tgz",
+      "integrity": "sha512-KaZByo8xuQZbUhhreBTW+yUnOIHUsv04P8lKjQ5otiGoSJ17ISGYArc+4vKdLEpGaLbemGzr4ZeUbYQQsLWFjA==",
       "cpu": [
         "s390x"
       ],
@@ -1829,10 +1881,10 @@
         "linux"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-linux-x64-gnu": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-linux-x64-gnu/-/rspack-resolver-binding-linux-x64-gnu-1.3.0.tgz",
-      "integrity": "sha512-orbQF7sN02N/b9QF8Xp1RBO5YkfI+AYo9VZw0H2Gh4JYWSuiDHjOPEeFPDIRyWmXbQJuiVNSB+e1pZOjPPKIyg==",
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.7.2.tgz",
+      "integrity": "sha512-dEidzJDubxxhUCBJ/SHSMJD/9q7JkyfBMT77Px1npl4xpg9t0POLvnWywSk66BgZS/b2Hy9Y1yFaoMTFJUe9yg==",
       "cpu": [
         "x64"
       ],
@@ -1842,10 +1894,10 @@
         "linux"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-linux-x64-musl": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-linux-x64-musl/-/rspack-resolver-binding-linux-x64-musl-1.3.0.tgz",
-      "integrity": "sha512-kpjqjIAC9MfsjmlgmgeC8U9gZi6g/HTuCqpI7SBMjsa7/9MvBaQ6TJ7dtnsV/+DXvfJ2+L5teBBXG+XxfpvIFA==",
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.7.2.tgz",
+      "integrity": "sha512-RvP+Ux3wDjmnZDT4XWFfNBRVG0fMsc+yVzNFUqOflnDfZ9OYujv6nkh+GOr+watwrW4wdp6ASfG/e7bkDradsw==",
       "cpu": [
         "x64"
       ],
@@ -1855,26 +1907,26 @@
         "linux"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-wasm32-wasi": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-wasm32-wasi/-/rspack-resolver-binding-wasm32-wasi-1.3.0.tgz",
-      "integrity": "sha512-JAg0hY3kGsCPk7Jgh16yMTBZ6VEnoNR1DFZxiozjKwH+zSCfuDuM5S15gr50ofbwVw9drobIP2TTHdKZ15MJZQ==",
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.7.2.tgz",
+      "integrity": "sha512-y797JBmO9IsvXVRCKDXOxjyAE4+CcZpla2GSoBQ33TVb3ILXuFnMrbR/QQZoauBYeOFuu4w3ifWLw52sdHGz6g==",
       "cpu": [
         "wasm32"
       ],
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@napi-rs/wasm-runtime": "^0.2.7"
+        "@napi-rs/wasm-runtime": "^0.2.9"
       },
       "engines": {
         "node": ">=14.0.0"
       }
     },
-    "node_modules/@unrs/rspack-resolver-binding-win32-arm64-msvc": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-win32-arm64-msvc/-/rspack-resolver-binding-win32-arm64-msvc-1.3.0.tgz",
-      "integrity": "sha512-h5N83i407ntS3ndDkhT/3vC3Dj8oP0BIwMtekETNJcxk7IuWccSXifzCEhdxxu/FOX4OICGIHdHrxf5fJuAjfw==",
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.7.2.tgz",
+      "integrity": "sha512-gtYTh4/VREVSLA+gHrfbWxaMO/00y+34htY7XpioBTy56YN2eBjkPrY1ML1Zys89X3RJDKVaogzwxlM1qU7egg==",
       "cpu": [
         "arm64"
       ],
@@ -1884,10 +1936,10 @@
         "win32"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-win32-ia32-msvc": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-win32-ia32-msvc/-/rspack-resolver-binding-win32-ia32-msvc-1.3.0.tgz",
-      "integrity": "sha512-9QH7Gq3dRL8Q/D6PGS3Dwtjx9yw6kbCEu6iBkAUhFTDAuVUk2L0H/5NekRVA13AQaSc3OsEUKt60EOn/kq5Dug==",
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.7.2.tgz",
+      "integrity": "sha512-Ywv20XHvHTDRQs12jd3MY8X5C8KLjDbg/jyaal/QLKx3fAShhJyD4blEANInsjxW3P7isHx1Blt56iUDDJO3jg==",
       "cpu": [
         "ia32"
       ],
@@ -1897,10 +1949,10 @@
         "win32"
       ]
     },
-    "node_modules/@unrs/rspack-resolver-binding-win32-x64-msvc": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@unrs/rspack-resolver-binding-win32-x64-msvc/-/rspack-resolver-binding-win32-x64-msvc-1.3.0.tgz",
-      "integrity": "sha512-IYuXJCuwBOVV0H73l6auaZwtAPHjCPBJkxd4Co0yO6dSjDM5Na5OceaxhUmJLZ3z8kuEGhTYWIHH7PchGztnlg==",
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.7.2.tgz",
+      "integrity": "sha512-friS8NEQfHaDbkThxopGk+LuE5v3iY0StruifjQEt7SLbA46OnfgMO15sOTkbpJkol6RB+1l1TYPXh0sCddpvA==",
       "cpu": [
         "x64"
       ],
@@ -2247,9 +2299,9 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
-      "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.9.0.tgz",
+      "integrity": "sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
@@ -2428,9 +2480,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001707",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001707.tgz",
-      "integrity": "sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==",
+      "version": "1.0.30001715",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001715.tgz",
+      "integrity": "sha512-7ptkFGMm2OAOgvZpwgA4yjQ5SQbrNVGdRjzH0pBdy1Fasvcr+KAeECmbCAECzTuDuoX0FCY8KzUxjf9+9kfZEw==",
       "funding": [
         {
           "type": "opencollective",
@@ -2688,6 +2740,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
+    },
     "node_modules/debug": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
@@ -2781,9 +2839,9 @@
       }
     },
     "node_modules/detect-libc": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
-      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
+      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
       "license": "Apache-2.0",
       "optional": true,
       "engines": {
@@ -2884,6 +2942,15 @@
         "domelementtype": "1"
       }
     },
+    "node_modules/dompurify": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.5.tgz",
+      "integrity": "sha512-mLPd29uoRe9HpvwP2TxClGQBzGXeEC/we/q+bFlmPPmj2p2Ugl3r6ATu/UU1v77DXNcehiBg9zsr1dREyA/dJQ==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
     "node_modules/domutils": {
       "version": "3.2.2",
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
@@ -2926,9 +2993,9 @@
       }
     },
     "node_modules/dotenv": {
-      "version": "16.4.7",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
-      "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==",
+      "version": "16.5.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.5.0.tgz",
+      "integrity": "sha512-m/C+AwOAr9/W1UOIZUo232ejMNnJAJtYQjUbHoNTBNTJSvqzzDh7vnrei3o3r3m9blf6ZoDkvcw0VmozNRFJxg==",
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=12"
@@ -2958,9 +3025,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.123",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.123.tgz",
-      "integrity": "sha512-refir3NlutEZqlKaBLK0tzlVLe5P2wDKS7UQt/3SpibizgsRAPOsqQC3ffw1nlv3ze5gjRQZYHoPymgVZkplFA==",
+      "version": "1.5.143",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.143.tgz",
+      "integrity": "sha512-QqklJMOFBMqe46k8iIOwA9l2hz57V2OKMmP5eSWcUvwx+mASAsbU+wkF1pHjn9ZVSBPrsYWr4/W/95y5SwYg2g==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -3175,19 +3242,19 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.23.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.23.0.tgz",
-      "integrity": "sha512-jV7AbNoFPAY1EkFYpLq5bslU9NLNO8xnEeQXwErNibVryjk67wHVmddTBilc5srIttJDBrB0eMHKZBFbSIABCw==",
+      "version": "9.25.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.25.1.tgz",
+      "integrity": "sha512-E6Mtz9oGQWDCpV12319d59n4tx9zOTXSTmc8BLVxBx+G/0RdM5MvEEJLU9c0+aleoePYYgVTOsRblx433qmhWQ==",
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.19.2",
-        "@eslint/config-helpers": "^0.2.0",
-        "@eslint/core": "^0.12.0",
+        "@eslint/config-array": "^0.20.0",
+        "@eslint/config-helpers": "^0.2.1",
+        "@eslint/core": "^0.13.0",
         "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.23.0",
-        "@eslint/plugin-kit": "^0.2.7",
+        "@eslint/js": "9.25.1",
+        "@eslint/plugin-kit": "^0.2.8",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.2",
@@ -3235,12 +3302,12 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.2.4.tgz",
-      "integrity": "sha512-v4gYjd4eYIme8qzaJItpR5MMBXJ0/YV07u7eb50kEnlEmX7yhOjdUdzz70v4fiINYRjLf8X8TbogF0k7wlz6sA==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.3.1.tgz",
+      "integrity": "sha512-GnmyVd9TE/Ihe3RrvcafFhXErErtr2jS0JDeCSp3vWvy86AXwHsRBt0E3MqP/m8ACS1ivcsi5uaqjbhsG18qKw==",
       "license": "MIT",
       "dependencies": {
-        "@next/eslint-plugin-next": "15.2.4",
+        "@next/eslint-plugin-next": "15.3.1",
         "@rushstack/eslint-patch": "^1.10.3",
         "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
         "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
@@ -3282,24 +3349,24 @@
       }
     },
     "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.9.1",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.9.1.tgz",
-      "integrity": "sha512-euxa5rTGqHeqVxmOHT25hpk58PxkQ4mNoX6Yun4ooGaCHAxOCojJYNvjmyeOQxj/LyW+3fulH0+xtk+p2kPPTw==",
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
       "license": "ISC",
       "dependencies": {
         "@nolyfill/is-core-module": "1.0.39",
         "debug": "^4.4.0",
         "get-tsconfig": "^4.10.0",
-        "is-bun-module": "^1.3.0",
-        "rspack-resolver": "^1.1.0",
+        "is-bun-module": "^2.0.0",
         "stable-hash": "^0.0.5",
-        "tinyglobby": "^0.2.12"
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
       },
       "funding": {
-        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
       },
       "peerDependencies": {
         "eslint": "*",
@@ -3422,9 +3489,9 @@
       }
     },
     "node_modules/eslint-plugin-react": {
-      "version": "7.37.4",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.4.tgz",
-      "integrity": "sha512-BGP0jRmfYyvOyvMoRX/uoUeW+GqNj9y16bPQzqAHf3AYII/tDs+jMN0dBVkl88/OZwNGwrVFxE7riHsXVfy/LQ==",
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
       "license": "MIT",
       "dependencies": {
         "array-includes": "^3.1.8",
@@ -3437,7 +3504,7 @@
         "hasown": "^2.0.2",
         "jsx-ast-utils": "^2.4.1 || ^3.0.0",
         "minimatch": "^3.1.2",
-        "object.entries": "^1.1.8",
+        "object.entries": "^1.1.9",
         "object.fromentries": "^2.0.8",
         "object.values": "^1.2.1",
         "prop-types": "^15.8.1",
@@ -3937,6 +4004,12 @@
         "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
       }
     },
+    "node_modules/get-xpath": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/get-xpath/-/get-xpath-3.3.0.tgz",
+      "integrity": "sha512-AKbHVEHSlSDS9AJDmjfSxV010xSVRFzkS4UkGCb8CaGvorp83GCuKwcmzF/64CVp3M5wjgy9tc6y1uR2V+c5Xw==",
+      "license": "MIT"
+    },
     "node_modules/glob": {
       "version": "10.4.5",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
@@ -4173,9 +4246,9 @@
       }
     },
     "node_modules/html-react-parser": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-5.2.2.tgz",
-      "integrity": "sha512-yA5012CJGSFWYZsgYzfr6HXJgDap38/AEP4ra8Cw+WHIi2ZRDXRX/QVYdumRf1P8zKyScKd6YOrWYvVEiPfGKg==",
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-5.2.3.tgz",
+      "integrity": "sha512-y34oKTu+9T1fKdJE1cN9QWFWu8sx8Qa5tJOafUfMUF5Niah+yF6zlEHhWh7a0iZEcLRPIMw54bY14ajQF7xP7A==",
       "license": "MIT",
       "dependencies": {
         "domhandler": "5.0.3",
@@ -4436,12 +4509,12 @@
       }
     },
     "node_modules/is-bun-module": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.3.0.tgz",
-      "integrity": "sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
       "license": "MIT",
       "dependencies": {
-        "semver": "^7.6.3"
+        "semver": "^7.7.1"
       }
     },
     "node_modules/is-callable": {
@@ -5122,6 +5195,21 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/napi-postinstall": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.2.2.tgz",
+      "integrity": "sha512-Wy1VI/hpKHwy1MsnFxHCJxqFwmmxD0RA/EKPL7e6mfbsY01phM2SZyJnRdU0bLvhu0Quby1DCcAZti3ghdl4/A==",
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -5129,12 +5217,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "15.2.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-15.2.4.tgz",
-      "integrity": "sha512-VwL+LAaPSxEkd3lU2xWbgEOtrM8oedmyhBqaVNmgKB+GvZlCy9rgaEc+y2on0wv+l0oSFqLtYD6dcC1eAedUaQ==",
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.3.1.tgz",
+      "integrity": "sha512-8+dDV0xNLOgHlyBxP1GwHGVaNXsmp+2NhZEYrXr24GWLHtt27YrBPbPuHvzlhi7kZNYjeJNR93IF5zfFu5UL0g==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "15.2.4",
+        "@next/env": "15.3.1",
         "@swc/counter": "0.1.3",
         "@swc/helpers": "0.5.15",
         "busboy": "1.6.0",
@@ -5149,15 +5237,15 @@
         "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.2.4",
-        "@next/swc-darwin-x64": "15.2.4",
-        "@next/swc-linux-arm64-gnu": "15.2.4",
-        "@next/swc-linux-arm64-musl": "15.2.4",
-        "@next/swc-linux-x64-gnu": "15.2.4",
-        "@next/swc-linux-x64-musl": "15.2.4",
-        "@next/swc-win32-arm64-msvc": "15.2.4",
-        "@next/swc-win32-x64-msvc": "15.2.4",
-        "sharp": "^0.33.5"
+        "@next/swc-darwin-arm64": "15.3.1",
+        "@next/swc-darwin-x64": "15.3.1",
+        "@next/swc-linux-arm64-gnu": "15.3.1",
+        "@next/swc-linux-arm64-musl": "15.3.1",
+        "@next/swc-linux-x64-gnu": "15.3.1",
+        "@next/swc-linux-x64-musl": "15.3.1",
+        "@next/swc-win32-arm64-msvc": "15.3.1",
+        "@next/swc-win32-x64-msvc": "15.3.1",
+        "sharp": "^0.34.1"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
@@ -5182,6 +5270,15 @@
         }
       }
     },
+    "node_modules/next/node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
     "node_modules/next/node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
@@ -5549,9 +5646,9 @@
       }
     },
     "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
       "license": "MIT",
       "engines": {
         "node": ">= 6"
@@ -5710,9 +5807,9 @@
       "license": "MIT"
     },
     "node_modules/preact": {
-      "version": "10.26.4",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.26.4.tgz",
-      "integrity": "sha512-KJhO7LBFTjP71d83trW+Ilnjbo+ySsaAgCfXOXUlmGzJ4ygYPWmysm77yg4emwfmoz3b22yvH5IsVFHbhUaH5w==",
+      "version": "10.19.5",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.19.5.tgz",
+      "integrity": "sha512-OPELkDmSVbKjbFqF9tgvOowiiQ9TmsJljIzXRyNE8nGiis94pwv1siF78rQkAP1Q1738Ce6pellRg/Ns/CtHqQ==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
@@ -5978,32 +6075,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/rspack-resolver": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/rspack-resolver/-/rspack-resolver-1.3.0.tgz",
-      "integrity": "sha512-az/PLDwa1xijNv4bAFBS8mtqqJC1Y3lVyFag4cuyIUOHq/ft5kSZlHbqYaLZLpsQtPWv4ZGDo5ycySKJzUvU/A==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/JounQin"
-      },
-      "optionalDependencies": {
-        "@unrs/rspack-resolver-binding-darwin-arm64": "1.3.0",
-        "@unrs/rspack-resolver-binding-darwin-x64": "1.3.0",
-        "@unrs/rspack-resolver-binding-freebsd-x64": "1.3.0",
-        "@unrs/rspack-resolver-binding-linux-arm-gnueabihf": "1.3.0",
-        "@unrs/rspack-resolver-binding-linux-arm-musleabihf": "1.3.0",
-        "@unrs/rspack-resolver-binding-linux-arm64-gnu": "1.3.0",
-        "@unrs/rspack-resolver-binding-linux-arm64-musl": "1.3.0",
-        "@unrs/rspack-resolver-binding-linux-ppc64-gnu": "1.3.0",
-        "@unrs/rspack-resolver-binding-linux-s390x-gnu": "1.3.0",
-        "@unrs/rspack-resolver-binding-linux-x64-gnu": "1.3.0",
-        "@unrs/rspack-resolver-binding-linux-x64-musl": "1.3.0",
-        "@unrs/rspack-resolver-binding-wasm32-wasi": "1.3.0",
-        "@unrs/rspack-resolver-binding-win32-arm64-msvc": "1.3.0",
-        "@unrs/rspack-resolver-binding-win32-ia32-msvc": "1.3.0",
-        "@unrs/rspack-resolver-binding-win32-x64-msvc": "1.3.0"
-      }
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -6175,16 +6246,16 @@
       }
     },
     "node_modules/sharp": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
-      "integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==",
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.1.tgz",
+      "integrity": "sha512-1j0w61+eVxu7DawFJtnfYcvSv6qPFvfTaqzTQ2BLknVhHTwGS8sc63ZBF4rzkWMBVKybo4S5OBtDdZahh2A1xg==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "optional": true,
       "dependencies": {
         "color": "^4.2.3",
         "detect-libc": "^2.0.3",
-        "semver": "^7.6.3"
+        "semver": "^7.7.1"
       },
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
@@ -6193,25 +6264,26 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-darwin-arm64": "0.33.5",
-        "@img/sharp-darwin-x64": "0.33.5",
-        "@img/sharp-libvips-darwin-arm64": "1.0.4",
-        "@img/sharp-libvips-darwin-x64": "1.0.4",
-        "@img/sharp-libvips-linux-arm": "1.0.5",
-        "@img/sharp-libvips-linux-arm64": "1.0.4",
-        "@img/sharp-libvips-linux-s390x": "1.0.4",
-        "@img/sharp-libvips-linux-x64": "1.0.4",
-        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4",
-        "@img/sharp-libvips-linuxmusl-x64": "1.0.4",
-        "@img/sharp-linux-arm": "0.33.5",
-        "@img/sharp-linux-arm64": "0.33.5",
-        "@img/sharp-linux-s390x": "0.33.5",
-        "@img/sharp-linux-x64": "0.33.5",
-        "@img/sharp-linuxmusl-arm64": "0.33.5",
-        "@img/sharp-linuxmusl-x64": "0.33.5",
-        "@img/sharp-wasm32": "0.33.5",
-        "@img/sharp-win32-ia32": "0.33.5",
-        "@img/sharp-win32-x64": "0.33.5"
+        "@img/sharp-darwin-arm64": "0.34.1",
+        "@img/sharp-darwin-x64": "0.34.1",
+        "@img/sharp-libvips-darwin-arm64": "1.1.0",
+        "@img/sharp-libvips-darwin-x64": "1.1.0",
+        "@img/sharp-libvips-linux-arm": "1.1.0",
+        "@img/sharp-libvips-linux-arm64": "1.1.0",
+        "@img/sharp-libvips-linux-ppc64": "1.1.0",
+        "@img/sharp-libvips-linux-s390x": "1.1.0",
+        "@img/sharp-libvips-linux-x64": "1.1.0",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.1.0",
+        "@img/sharp-libvips-linuxmusl-x64": "1.1.0",
+        "@img/sharp-linux-arm": "0.34.1",
+        "@img/sharp-linux-arm64": "0.34.1",
+        "@img/sharp-linux-s390x": "0.34.1",
+        "@img/sharp-linux-x64": "0.34.1",
+        "@img/sharp-linuxmusl-arm64": "0.34.1",
+        "@img/sharp-linuxmusl-x64": "0.34.1",
+        "@img/sharp-wasm32": "0.34.1",
+        "@img/sharp-win32-ia32": "0.34.1",
+        "@img/sharp-win32-x64": "0.34.1"
       }
     },
     "node_modules/shebang-command": {
@@ -6743,12 +6815,12 @@
       }
     },
     "node_modules/tinyglobby": {
-      "version": "0.2.12",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.12.tgz",
-      "integrity": "sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==",
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
+      "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
       "license": "MIT",
       "dependencies": {
-        "fdir": "^6.4.3",
+        "fdir": "^6.4.4",
         "picomatch": "^4.0.2"
       },
       "engines": {
@@ -6759,9 +6831,9 @@
       }
     },
     "node_modules/tinyglobby/node_modules/fdir": {
-      "version": "6.4.3",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.3.tgz",
-      "integrity": "sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==",
+      "version": "6.4.4",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz",
+      "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
       "license": "MIT",
       "peerDependencies": {
         "picomatch": "^3 || ^4"
@@ -6925,9 +6997,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.8.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
-      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -6956,12 +7028,44 @@
       }
     },
     "node_modules/undici-types": {
-      "version": "6.20.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
-      "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/unrs-resolver": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.7.2.tgz",
+      "integrity": "sha512-BBKpaylOW8KbHsu378Zky/dGh4ckT/4NW/0SHRABdqRLcQJ2dAOjDo9g97p04sWflm0kqPqpUatxReNV/dqI5A==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "napi-postinstall": "^0.2.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/JounQin"
+      },
+      "optionalDependencies": {
+        "@unrs/resolver-binding-darwin-arm64": "1.7.2",
+        "@unrs/resolver-binding-darwin-x64": "1.7.2",
+        "@unrs/resolver-binding-freebsd-x64": "1.7.2",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.7.2",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.7.2",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.7.2",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.7.2",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.7.2",
+        "@unrs/resolver-binding-linux-x64-musl": "1.7.2",
+        "@unrs/resolver-binding-wasm32-wasi": "1.7.2",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.7.2",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.7.2",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.7.2"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
@@ -7230,9 +7334,9 @@
       }
     },
     "node_modules/yaml": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
-      "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.1.tgz",
+      "integrity": "sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==",
       "license": "ISC",
       "bin": {
         "yaml": "bin.mjs"
diff --git a/package.json b/package.json
index 166801f..5d474bb 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,10 @@
 {
   "name": "compass-starter-app",
-  "version": "3.2.0",
+  "version": "4.0.0",
   "type": "module",
   "private": true,
   "engines": {
-    "node": ">=18.17.0 <=22.11.0"
+    "node": ">=18.17.0 <=22.14.0"
   },
   "scripts": {
     "dev": "next dev",
@@ -20,8 +20,8 @@
   },
   "dependencies": {
     "@contentstack/delivery-sdk": "4.5.0",
-    "@contentstack/live-preview-utils": "3.0.1",
-    "@contentstack/personalize-edge-sdk": "^1.0.1",
+    "@contentstack/live-preview-utils": "^3.1.3",
+    "@contentstack/personalize-edge-sdk": "^1.0.10",
     "@contentstack/utils": "^1.3.10",
     "@headlessui/react": "2.1.2",
     "@headlessui/tailwindcss": "^0.2.1",
diff --git a/public/fonts/Inter-Black.woff2 b/public/fonts/Inter-Black.woff2
deleted file mode 100644
index 68f64c9..0000000
Binary files a/public/fonts/Inter-Black.woff2 and /dev/null differ
diff --git a/public/fonts/Inter-Bold.woff2 b/public/fonts/Inter-Bold.woff2
deleted file mode 100644
index 2846f29..0000000
Binary files a/public/fonts/Inter-Bold.woff2 and /dev/null differ
diff --git a/public/fonts/Inter-ExtraBold.woff2 b/public/fonts/Inter-ExtraBold.woff2
deleted file mode 100644
index c24c2bd..0000000
Binary files a/public/fonts/Inter-ExtraBold.woff2 and /dev/null differ
diff --git a/public/fonts/Inter-ExtraLight.woff2 b/public/fonts/Inter-ExtraLight.woff2
deleted file mode 100644
index f2ea706..0000000
Binary files a/public/fonts/Inter-ExtraLight.woff2 and /dev/null differ
diff --git a/public/fonts/Inter-Light.woff2 b/public/fonts/Inter-Light.woff2
deleted file mode 100644
index bc4be66..0000000
Binary files a/public/fonts/Inter-Light.woff2 and /dev/null differ
diff --git a/public/fonts/Inter-Medium.woff2 b/public/fonts/Inter-Medium.woff2
deleted file mode 100644
index f92498a..0000000
Binary files a/public/fonts/Inter-Medium.woff2 and /dev/null differ
diff --git a/public/fonts/Inter-Regular.woff2 b/public/fonts/Inter-Regular.woff2
deleted file mode 100644
index 6c2b689..0000000
Binary files a/public/fonts/Inter-Regular.woff2 and /dev/null differ
diff --git a/public/fonts/Inter-SemiBold.woff2 b/public/fonts/Inter-SemiBold.woff2
deleted file mode 100644
index 611e90c..0000000
Binary files a/public/fonts/Inter-SemiBold.woff2 and /dev/null differ
diff --git a/public/fonts/Inter-Thin.woff2 b/public/fonts/Inter-Thin.woff2
deleted file mode 100644
index abbc3a5..0000000
Binary files a/public/fonts/Inter-Thin.woff2 and /dev/null differ
diff --git a/public/fonts/inter.css b/public/fonts/inter.css
deleted file mode 100644
index f450010..0000000
--- a/public/fonts/inter.css
+++ /dev/null
@@ -1,200 +0,0 @@
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 100;
-  font-display: swap;
-  src: url("Inter-Thin.woff2?v=3.19") format("woff2"),
-       url("Inter-Thin.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 100;
-  font-display: swap;
-  src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"),
-       url("Inter-ThinItalic.woff?v=3.19") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 200;
-  font-display: swap;
-  src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"),
-       url("Inter-ExtraLight.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 200;
-  font-display: swap;
-  src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"),
-       url("Inter-ExtraLightItalic.woff?v=3.19") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 300;
-  font-display: swap;
-  src: url("Inter-Light.woff2?v=3.19") format("woff2"),
-       url("Inter-Light.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 300;
-  font-display: swap;
-  src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"),
-       url("Inter-LightItalic.woff?v=3.19") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url("Inter-Regular.woff2?v=3.19") format("woff2"),
-       url("Inter-Regular.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url("Inter-Italic.woff2?v=3.19") format("woff2"),
-       url("Inter-Italic.woff?v=3.19") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url("Inter-Medium.woff2?v=3.19") format("woff2"),
-       url("Inter-Medium.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 500;
-  font-display: swap;
-  src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"),
-       url("Inter-MediumItalic.woff?v=3.19") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"),
-       url("Inter-SemiBold.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 600;
-  font-display: swap;
-  src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
-       url("Inter-SemiBoldItalic.woff?v=3.19") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url("Inter-Bold.woff2?v=3.19") format("woff2"),
-       url("Inter-Bold.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 700;
-  font-display: swap;
-  src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"),
-       url("Inter-BoldItalic.woff?v=3.19") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 800;
-  font-display: swap;
-  src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"),
-       url("Inter-ExtraBold.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 800;
-  font-display: swap;
-  src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"),
-       url("Inter-ExtraBoldItalic.woff?v=3.19") format("woff");
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 900;
-  font-display: swap;
-  src: url("Inter-Black.woff2?v=3.19") format("woff2"),
-       url("Inter-Black.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 900;
-  font-display: swap;
-  src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"),
-       url("Inter-BlackItalic.woff?v=3.19") format("woff");
-}
-
-/* -------------------------------------------------------
-Variable font.
-Usage:
-
-  html { font-family: 'Inter', sans-serif; }
-  @supports (font-variation-settings: normal) {
-    html { font-family: 'Inter var', sans-serif; }
-  }
-*/
-@font-face {
-  font-family: 'Inter var';
-  font-weight: 100 900;
-  font-display: swap;
-  font-style: normal;
-  font-named-instance: 'Regular';
-  src: url("Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
-  font-family: 'Inter var';
-  font-weight: 100 900;
-  font-display: swap;
-  font-style: italic;
-  font-named-instance: 'Italic';
-  src: url("Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-
-
-/* --------------------------------------------------------------------------
-[EXPERIMENTAL] Multi-axis, single variable font.
-
-Slant axis is not yet widely supported (as of February 2019) and thus this
-multi-axis single variable font is opt-in rather than the default.
-
-When using this, you will probably need to set font-variation-settings
-explicitly, e.g.
-
-  * { font-variation-settings: "slnt" 0deg }
-  .italic { font-variation-settings: "slnt" 10deg }
-
-*/
-@font-face {
-  font-family: 'Inter var experimental';
-  font-weight: 100 900;
-  font-display: swap;
-  font-style: oblique 0deg 10deg;
-  src: url("Inter.var.woff2?v=3.19") format("woff2");
-}
diff --git a/public/next.svg b/public/next.svg
deleted file mode 100644
index 5174b28..0000000
--- a/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/public/starter-app.png b/public/starter-app.png
index b81468b..6ad17c1 100644
Binary files a/public/starter-app.png and b/public/starter-app.png differ
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index d2f8422..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
\ No newline at end of file
diff --git a/services/contentstack.ts b/services/contentstack.ts
index 45cc16b..fab499b 100644
--- a/services/contentstack.ts
+++ b/services/contentstack.ts
@@ -3,8 +3,9 @@ import { addEditableTags, jsonToHTML } from '@contentstack/utils'
 import { QueryOperator } from '@contentstack/delivery-sdk'
 import { EmbeddedItem } from '@contentstack/utils/dist/types/Models/embedded-object'
 import { Sdk } from '@contentstack/personalize-edge-sdk/dist/sdk'
-import { isEditButtonsEnabled, Stack } from '@/config'
+import { Stack } from '@/config'
 import { deserializeVariantIds } from '@/utils'
+import { isEditButtonsEnabled } from '@/config'
 
 /**
   *
@@ -55,8 +56,8 @@ export const getEntries = async <T>(contentTypeUid: string, locale: string , ref
             if (limit !== 0) entryQuery.limit(limit)
 
             result = await entryQuery
-                .addParams({ include_metadata: true })
-                .addParams({ include_applied_variants: true })
+                .addParams({'include_metadata': 'true'})
+                .addParams({'include_applied_variants': 'true'})
                 .find() as { entries: T[] }
 
             const data = result?.entries as EmbeddedItem[]
@@ -120,8 +121,8 @@ export const getEntryByUrl = async <T> (contentTypeUid: string, locale: string,
         if (entryQuery) {
             result = await entryQuery.query()
                 .equalTo('url', entryUrl)
-                .addParams({ include_metadata: true })
-                .addParams({ include_applied_variants: true })
+                .addParams({ 'include_metadata': 'true' })
+                .addParams({ 'include_applied_variants': 'true' })
                 .find() as { entries: T[] }
             
             const data = result?.entries?.[0] as EmbeddedItem
diff --git a/services/helper.ts b/services/helper.ts
index 925a06a..263b650 100644
--- a/services/helper.ts
+++ b/services/helper.ts
@@ -1,10 +1,15 @@
 // ==============   REFERENCE PATHS   ==============
+export const heroReferenceIncludes = [
+    'hero',
+    'hero.cta.link'
+]
+
 export const teaserReferenceIncludes = [
     'components.teaser.cta.link'
 ]
 
 export const textAndImageReferenceIncludes = [
-    'components.text_and_image.cta.link'
+    'components.text_and_image_carousel.carousel_items.cta.link'
 ]
 
 export const imageCardsReferenceIncludes = [
diff --git a/tailwind.config.js b/tailwind.config.js
index 33450f8..0a9d158 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -33,30 +33,29 @@ const config = {
             yellow: colors.yellow,
             red: colors.red,
             purple: '#7C4DFF',
-            primary: {
-                normal: '#6c5ce7',
-                focus: '#5C51C1',
-                hover: '#4b459b'
-            },
-            secondary: {
-                normal: '#E85646',
-                focus: '#D23F2F',
-                hover: '#BB2817'
-            },
-            tertiary: {
-                normal: colors.gray[500],
-                focus: colors.gray[700],
-                hover: colors.gray[900]
-            },
+            primary: '#FFFFFF',
+            stone: '#253143',
             background: {
-                primary: '#ffffff',
-                secondary: '#F5F5F5'
+                primary: '#FFFFFF',
+                secondary: '#253143'
             }
         },
         screens: {
             'xs': '475px',
+            '3xl': '1920px',
             ...defaultTheme.screens
         },
+        spacing: {
+            ...defaultTheme.spacing,
+            5: '1.25rem', // 20px
+            '7.5': '1.894rem', // 30.3px
+            '8.9': '2.227rem', // 35.63px
+            '10.48': '2.62rem', // 41.91px
+            '20.5': '5.0925rem', // 81.48px
+            21: '5.25rem', // 84px
+            25: '6.25rem', // 100px
+            '70.5': '17.6rem' // 281.6px
+        },
         extend: {
             padding: {
                 '1/3': '33.33333%',
@@ -67,13 +66,25 @@ const config = {
                     600: '#5B6B86',
                     900: '#253143'
                 }
+            },
+            fontSize: {
+                'xs': ['0.75rem', '0.75rem'], // 12px / 12px
+                'sm': ['0.875rem', '0.9625rem'], // 14px / 15.4px
+                'base': ['1rem', '1.5rem'], // 16px / 24px
+                'md': ['1.125rem', '1.5rem'], // 18px / 24px
+                'md-wide': ['1.125rem', '1.562rem'], // 18px / 25px
+                'md-extra-wide': ['1.125rem', '3.757rem'], // 18px / 60.11px
+                'lg': ['1.25rem', '5.252rem'], // 20px / 84.03px
+                'xl': ['1.5rem', '2rem'], // 24px / 32px
+                '2xl': ['1.571rem', '2.23rem'], // 25.14px / 35.69px
+                '2xl-wide': ['1.571rem', '5.248rem'], // 25.14px / 83.97px
+                '3xl': ['1.875rem', '2.125rem'], // 30px / 34px
+                '4xl': ['2.968rem', '3.142rem'], // 47.48px / 50.27px
+                '5xl': ['3.125rem', '4.54rem'], // 50px / 72.64px
+                '6xl': ['3.625rem', '3.75rem'], // 58px / 60px
+                '7xl': ['4rem', '4.375rem'], // 64px / 70px
+                'tiny': ['0.875rem', '0.875rem'] // 14px / 14px
             }
-
-            //   backgroundImage: {
-            //     'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-            //     'gradient-conic':
-            //       'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
-            //   },
         },
         letterSpacing: {
             tighter: '-0.05em',
@@ -87,10 +98,7 @@ const config = {
             inter: ['Inter'],
             sans: ['Inter', 'sans-serif'],
             thin: ['Inter-Thin, Inter-thin, Inter, sans-serif'],
-            montserrat: ['Montserrat', 'sans-serif']
-        // semiBold: ['Inter-SemiBold,Inter, sans-serif'],
-        // bold: ['Inter-Bold,Inter-SemiBold,Inter, sans-serif'],
-        // extraBold: ['Inter-ExtraBold, Inter-Bold,Inter-SemiBold,Inter, sans-serif']
+            roboto_condensed: ['Roboto Condensed']
         }
     },
     plugins: [
diff --git a/types/app.ts b/types/app.ts
index d22de80..31b1655 100644
--- a/types/app.ts
+++ b/types/app.ts
@@ -20,6 +20,7 @@ export interface Header extends Entry, Logo {
   scrolled?: boolean;
   items: NavItems[];
   locales?: localeItems
+  $?: LivePreviewTypeMapper<Header>
 }
 
 export interface Logo {
@@ -33,6 +34,7 @@ export interface LangaugeSelector {
 
 export interface Navigation extends Entry {
   items: NavItems[]
+  $?: LivePreviewTypeMapper<Navigation>
 }
 
 export interface NavItems {
@@ -52,6 +54,7 @@ export interface MegaMenuSection{
   $? : LivePreviewTypeMapper<MegaMenuSection>
   link:InternalLink[]
   links: SectionLink[]
+  [key: string]: LivePreviewTypeMapper<MegaMenuSection> | InternalLink[] | SectionLink[] | string | undefined;
 }
 
 export type CallToAction = {
@@ -89,6 +92,6 @@ export interface FooterLink {
   title?: string;
   text?: string
   link: InternalLink[]
-  external_link?: ExternalLink
+  external_link?: string
   [key: string]: LivePreviewTypeMapper<FooterLink> | InternalLink[] | ExternalLink | string | undefined;
 }
diff --git a/types/components.ts b/types/components.ts
index e0da0f2..262c3ec 100644
--- a/types/components.ts
+++ b/types/components.ts
@@ -4,22 +4,41 @@ import { ArticleListingPage } from './pages'
 
 // ######################### COMPONENTS #########################
 
+// Hero Component Type
+export interface Hero {
+  id?: string
+  $?: LivePreviewTypeMapper<Hero>;
+  heading?: string;
+  content?: string;
+  cta?: CTA[];
+  image?: Image[];
+  video?: Video;
+  styles?: {
+    text_align?: string;
+  }
+  isABEnabled?: boolean;
+  _content_type_uid?: string;
+  summary?: string;
+  title?: string;
+  url?: string;
+  cover_image?: Image['image'];
+  locale?: string;
+  className?: string;
+}
+
 // Text (HTML RTE) Component
 export interface Text {
   id?: string | number;
   content?: string;
-  styles?: {
-    background_color?: string;
-  }
+  className?: string;
   $? : LivePreviewTypeMapper<Text>;
 }
 
-// TextAndImage Component Type
+// Text and Image Carousel Item Type
 export interface TextAndImage extends Image {
   id?: string;
   heading?: string;
   styles:{
-    image_position?: string;
     theme?:string;
   }
   cta: CTA[];
@@ -28,6 +47,16 @@ export interface TextAndImage extends Image {
   $?: LivePreviewTypeMapper<TextAndImage>;
 }
 
+// Text and Image Carousel Component Type
+export interface TextAndImageCarousel {
+  id?: string;
+  carousel_items: TextAndImage[] | [];
+  styles: {
+    image_position?: string;
+  }
+  $?: LivePreviewTypeMapper<TextAndImageCarousel>;
+}
+
 // Teaser Component Type
 export interface Teaser {
   id?: string
@@ -40,7 +69,6 @@ export interface Teaser {
   styles?: {
     text_align?: string;
   }
-  isABEnabled?: boolean;
 }
 
 // CardCollection Component Type <-----
@@ -60,6 +88,7 @@ export interface CardCollectionBody {
   cards?: ImageCardItem[] | [];
   count?: number;
   editKey?: string;
+  className?: string;
   $?: LivePreviewTypeMapper<CardCollectionBody>;
 }
 // CardCollection Component Type ENDS ---->
@@ -86,14 +115,6 @@ export interface ImageCardText {
   $?: LivePreviewTypeMapper<ImageCardText>
 }
 
-// ArticleCover Component Type
-export type ArticleCover = {
-  title?: string
-  summary?: string
-  cover_image?: Image['image']
-  $?: LivePreviewTypeMapper<ArticleCover>
-}
-
 // FeaturedArticles Component Type
 export interface FeaturedArticles {
   $?: LivePreviewTypeMapper<FeaturedArticles>;
@@ -103,6 +124,15 @@ export interface FeaturedArticles {
   sub_heading?: string;
 }
 
+// ArticleCover Component Type
+export type ArticleCover = {
+  title?: string;
+  cover_image?: Image['image'];
+  summary?: string;
+  _content_type_uid?: string;
+  $?: LivePreviewTypeMapper<ArticleCover>
+}
+
 // RelatedLink Component Type <----
 export type RelatedLinksComponent = {
   relatedLinks?: ArticleListingPage['entry'][] |[]
@@ -162,6 +192,7 @@ export interface Image {
   image_position?: string;
   is_thumbnail?: boolean;
   $? : LivePreviewTypeMapper<Image>;
+  alt?: string;
 }
 
 // Video Component <----
diff --git a/types/pages/common.ts b/types/pages/common.ts
index 08b79c5..72bcf22 100644
--- a/types/pages/common.ts
+++ b/types/pages/common.ts
@@ -1,4 +1,4 @@
-import { ArticleCover, CardCollection, FeaturedArticles, Image, RelatedArticles, RelatedLinks, Teaser, Text, TextAndImage } from '../components'
+import { CardCollection, FeaturedArticles, Hero, Image, RelatedArticles, RelatedLinks, Teaser, Text, TextAndImageCarousel } from '../components'
 import { LivePreviewTypeMapper, localeItems, PageEntry } from '../common'
 
 export type SeoProps = {
@@ -20,7 +20,7 @@ export type SeoProps = {
 
 export interface pageBlocks {
   teaser?:Teaser
-  text_and_image?:TextAndImage
+  text_and_image_carousel?:TextAndImageCarousel
   text?: Text
   card_collection?:CardCollection
   image_preset?: Image
@@ -30,13 +30,16 @@ export interface pageBlocks {
 export type pageRenderProps = {
   components: pageBlocks[];
   isABEnabled?: boolean;
-  [key: string]: string | boolean | pageBlocks[] | FeaturedArticles | LivePreviewTypeMapper<pageRenderProps> | undefined;
+  [key: string]: string | boolean | pageBlocks[] | FeaturedArticles | Hero | LivePreviewTypeMapper<pageRenderProps> | undefined;
   $?: LivePreviewTypeMapper<pageRenderProps>;
   featured_articles?: FeaturedArticles;
+  hero?: Hero;
 } 
 
 // Article Type <-----
-export interface Article extends PageEntry, ArticleCover {
+export interface Article extends PageEntry {
+  summary?:string
+  cover_image?:Image['image']
   content?:string
   show_related_articles?: boolean
   show_related_links?: boolean
diff --git a/utils/misc.ts b/utils/misc.ts
index 49139f4..1702c74 100644
--- a/utils/misc.ts
+++ b/utils/misc.ts
@@ -47,4 +47,10 @@ export const getPersonalizeAttribute = (audiences: Common.Audiences, criteria: s
     })
 
     return Object.keys(retAttr).length > 0 ? retAttr : {}
+}
+
+// get localized data for cta text in Hero Component
+export const getLocalaizeData = (locale: string): string => {
+    const translatedContent: { [key: string]: string } = { 'en': 'Explore More', 'fr': 'Explorer davantage', 'de': 'Entdecken Sie mehr', 'es': 'Explora más' }
+    return translatedContent[locale]
 }
\ No newline at end of file
diff --git a/utils/url.ts b/utils/url.ts
index 75fcd05..1835326 100644
--- a/utils/url.ts
+++ b/utils/url.ts
@@ -97,4 +97,14 @@ export const getUnlocalizedRelativePath = (path: string, locale?: string): strin
     } else {
         return path
     }
+}
+
+/**
+ * Constructs an absolute URL by combining a current origin with current page's path
+ * @param path - The current page path
+ * @returns The complete absolute URL formed by concatenating the base URL and path
+ */
+export const getAbsolutePageUrl = (path:string) => {
+    if (!window) return path
+    return window.location.origin + path
 }
\ No newline at end of file