diff --git a/src/containers/about/layout-02/index.tsx b/src/containers/about/layout-02/index.tsx
index 425ac1d2..729dadae 100644
--- a/src/containers/about/layout-02/index.tsx
+++ b/src/containers/about/layout-02/index.tsx
@@ -14,7 +14,12 @@ type TProps = TSection & {
     };
 };
 
-const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSize }: TProps) => {
+const AboutArea = ({
+    data: { section_title, motto, images },
+    space,
+    bg,
+    titleSize,
+}: TProps) => {
     const { trans1 } = useUI();
     return (
         <Section className="about-area" space={space} bg={bg}>
@@ -27,9 +32,15 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
                     variants={scrollUpVariants}
                 >
                     {section_title && (
-                        <SectionTitle {...section_title} align="left" titleSize={titleSize} />
+                        <SectionTitle
+                            {...section_title}
+                            align="left"
+                            titleSize={titleSize}
+                        />
+                    )}
+                    {motto && (
+                        <MottoText className="tw-mt-4" size="md" {...motto} />
                     )}
-                    {motto && <MottoText className="tw-mt-4" size="md" {...motto} />}
                 </motion.div>
                 <div className="tw-relative tw-order-1 lg:tw-order-2">
                     {images?.[0]?.src && (
@@ -81,7 +92,10 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
                             y: trans1().y,
                         }}
                     >
-                        <img src="/images/shape-animation/about-shape-1.png" alt="" />
+                        <img
+                            src="/images/shape-animation/about-shape-1.png"
+                            alt=""
+                        />
                     </motion.div>
                     <motion.div
                         className="tw-absolute tw-z-1 tw-right-2.5 -tw-bottom-10 tw-w-20 lg:tw-w-auto"
@@ -90,7 +104,10 @@ const AboutArea = ({ data: { section_title, motto, images }, space, bg, titleSiz
                             y: trans1().y,
                         }}
                     >
-                        <img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
+                        <img
+                            src="/images/shape-animation/hashflag.svg"
+                            alt=""
+                        />
                     </motion.div>
                     <motion.div
                         className="tw-absolute tw-z-1 tw-top-[-27px] tw-left-[360px] tw-w-20 lg:tw-w-auto"
diff --git a/src/containers/contact-info/layout-01/index.tsx b/src/containers/contact-info/layout-01/index.tsx
index 8fa68613..7ce28702 100644
--- a/src/containers/contact-info/layout-01/index.tsx
+++ b/src/containers/contact-info/layout-01/index.tsx
@@ -136,8 +136,11 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {
                         }}
                     >
                         <img
-                            src="/images/shape-animation/nwesletter-shape-2.png"
-                            alt=""
+                            src="/images/shape-animation/dog-tag.svg"
+                            alt="shape"
+                            loading="lazy"
+                            width={178}
+                            height={178}
                         />
                     </motion.div>
                 </motion.div>
diff --git a/src/containers/course/layout-02/index.tsx b/src/containers/course/layout-02/index.tsx
index af4b3e3a..a8073c99 100644
--- a/src/containers/course/layout-02/index.tsx
+++ b/src/containers/course/layout-02/index.tsx
@@ -63,7 +63,10 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
                         y: trans1().y,
                     }}
                 >
-                    <img src="/images/shape-animation/cta-shape-01.png" alt="" />
+                    <img
+                        src="/images/shape-animation/cta-shape-01.png"
+                        alt=""
+                    />
                 </motion.div>
                 <motion.div
                     className="tw-absolute tw-z-1 tw-w-15 tw-top-5 -tw-right-5 md:tw-w-auto md:tw-top-2.5 md:tw-right-0"
@@ -72,7 +75,13 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
                         y: trans1().y,
                     }}
                 >
-                    <img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
+                    <img
+                        src="/images/shape-animation/dog-tag.svg"
+                        alt="shape"
+                        loading="lazy"
+                        width={178}
+                        height={178}
+                    />
                 </motion.div>
             </motion.div>
         </Section>
diff --git a/src/containers/cta/layout-02/index.tsx b/src/containers/cta/layout-02/index.tsx
index af4b3e3a..a8073c99 100644
--- a/src/containers/cta/layout-02/index.tsx
+++ b/src/containers/cta/layout-02/index.tsx
@@ -63,7 +63,10 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
                         y: trans1().y,
                     }}
                 >
-                    <img src="/images/shape-animation/cta-shape-01.png" alt="" />
+                    <img
+                        src="/images/shape-animation/cta-shape-01.png"
+                        alt=""
+                    />
                 </motion.div>
                 <motion.div
                     className="tw-absolute tw-z-1 tw-w-15 tw-top-5 -tw-right-5 md:tw-w-auto md:tw-top-2.5 md:tw-right-0"
@@ -72,7 +75,13 @@ const CtaArea = ({ data: { section_title, buttons }, space, bg }: TProps) => {
                         y: trans1().y,
                     }}
                 >
-                    <img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
+                    <img
+                        src="/images/shape-animation/dog-tag.svg"
+                        alt="shape"
+                        loading="lazy"
+                        width={178}
+                        height={178}
+                    />
                 </motion.div>
             </motion.div>
         </Section>
diff --git a/src/containers/hero/layout-02/index.tsx b/src/containers/hero/layout-02/index.tsx
index af3785f9..8d4ebb3d 100644
--- a/src/containers/hero/layout-02/index.tsx
+++ b/src/containers/hero/layout-02/index.tsx
@@ -143,7 +143,7 @@ const HeroArea = ({
                         }}
                     >
                         <img
-                            src="/images/shape-animation/nwesletter-shape-2.png"
+                            src="/images/shape-animation/-shape-2.png"
                             alt=""
                         />
                     </motion.div>
diff --git a/src/containers/newsletter/layout-01/index.tsx b/src/containers/newsletter/layout-01/index.tsx
index a53670c4..03ffb4ba 100644
--- a/src/containers/newsletter/layout-01/index.tsx
+++ b/src/containers/newsletter/layout-01/index.tsx
@@ -45,7 +45,13 @@ const NewsletterArea = ({ data: { section_title }, space, bg }: TProps) => {
                         y: trans1().y,
                     }}
                 >
-                    <img src="/images/shape-animation/nwesletter-shape-1.png" alt="" />
+                    <img
+                        src="/images/shape-animation/dog-tag.svg"
+                        alt="shape"
+                        loading="lazy"
+                        width={178}
+                        height={178}
+                    />
                 </motion.div>
                 <motion.div
                     className="tw-absolute -tw-z-1 -tw-bottom-[-25px] tw-top-[25px] tw-right-[5px] tw-w-15 md:tw-w-auto md:tw-right-[-35px]"
@@ -54,7 +60,13 @@ const NewsletterArea = ({ data: { section_title }, space, bg }: TProps) => {
                         y: trans2().y,
                     }}
                 >
-                    <img src="/images/shape-animation/nwesletter-shape-2.png" alt="" />
+                    <img
+                        src="/images/shape-animation/dog-tag.svg"
+                        alt="shape"
+                        loading="lazy"
+                        width={178}
+                        height={178}
+                    />
                 </motion.div>
             </motion.div>
         </Section>
diff --git a/src/containers/testimonial/layout-04/index.tsx b/src/containers/testimonial/layout-04/index.tsx
index a5a1c9c6..4e21e399 100644
--- a/src/containers/testimonial/layout-04/index.tsx
+++ b/src/containers/testimonial/layout-04/index.tsx
@@ -125,8 +125,8 @@ const TestimonialArea = ({
                         }}
                     >
                         <img
-                            src="/images/shape-animation/nwesletter-shape-2.png"
-                            alt=""
+                            src="/images/shape-animation/code.svg"
+                            alt="ssh montior"
                         />
                     </motion.div>
                 </motion.div>