Merge branch 'crescents-stack:main' into main

src/app/services/_utils/ending-funnel.tsx

@@ -1,8 +1,9 @@
 import ANIM__FadeInOutOnScroll from "@/components/anims/fadein.anim";
 import GraphicAggrementBoard from "@/components/assets/aggrement-board";
-import TransactionDashboard from "@/components/assets/transactions-dashbaord";
 import ServicesCTA from "@/components/molecule/services-cta";
+import Image from "next/image";
 import { ReactElement } from "react";
+import graphicAgreementBoard from "@/components/assets/AGGREMENT_BOARD.png";
 
 const EndingFunnel = ({
   data,
@@ -20,7 +21,7 @@ const EndingFunnel = ({
   const { tagline, title, body, cta } = data;
   return (
     <div className="bg-muted">
-      <ANIM__FadeInOutOnScroll className="container py-[64px] flex flex-col min-[700px]:flex-row gap-10 items-center justify-center">
+      <ANIM__FadeInOutOnScroll className="container py-[64px] flex flex-col-reverse min-[700px]:flex-row gap-10 items-center justify-center">
         <ANIM__FadeInOutOnScroll className="space-y-[32px] max-w-[600px]">
           <h2 className="text-3xl text-primary leading-normal [&>span]:text-secondary [&>span]:text-3xl [&>span]:px-3">
             {title}
@@ -31,8 +32,15 @@ const EndingFunnel = ({
 
           <ServicesCTA cta={cta} />
         </ANIM__FadeInOutOnScroll>
-        {/* <TransactionDashboard className="w-full hidden sm:block" /> */}
-        <GraphicAggrementBoard className="w-full hidden sm:block" />
+        <div className="max-w-[460px]">
+          <Image
+            src={graphicAgreementBoard}
+            alt="graphic-aggrement-board"
+            width={1000}
+            height={1000}
+            className="w-full h-auto"
+          />
+        </div>
       </ANIM__FadeInOutOnScroll>
     </div>
   );