diff --git a/src/app/api/book-survey/route.ts b/src/app/api/book-survey/route.ts
index 3340ddf..7f02909 100644
--- a/src/app/api/book-survey/route.ts
+++ b/src/app/api/book-survey/route.ts
@@ -9,6 +9,7 @@ export async function POST(req: Request) {
     const { dealName, pipelineId, dealStageId, propertyId, portfolioId } =
       await req.json();
 
+
     // 1️⃣ Create HubSpot deal
     const hsRes = await fetch("https://api.hubapi.com/crm/v3/objects/deals", {
       method: "POST",
diff --git a/src/app/portfolio/[slug]/(portfolio)/live-projects/Report.tsx b/src/app/portfolio/[slug]/(portfolio)/live-projects/Report.tsx
index 09c2999..4277eaa 100644
--- a/src/app/portfolio/[slug]/(portfolio)/live-projects/Report.tsx
+++ b/src/app/portfolio/[slug]/(portfolio)/live-projects/Report.tsx
@@ -12,7 +12,20 @@ interface ReportsProps {
 const MAJOR_CONDITION_STAGE_ID = "3061261536";
 
 export default function LiveTracker({ deals }: ReportsProps) {
+  const groupedDeals = deals.reduce((acc, deal) => {
+    const project = deal.projectCode || "Unknown Project";
+    (acc[project] ||= []).push(deal);
+    return acc;
+  }, {} as Record<string, any[]>);
+
   const [openTable, setOpenTable] = useState<{ stage: string; data: any[] } | null>(null);
+  const projectCodes = Object.keys(groupedDeals);
+  const [currentProjectCode, setCurrentProjectCode] = useState(projectCodes[0]);
+  const currentDeals = groupedDeals[currentProjectCode];
+  const totalProperties = deals.length;
+  const majorConditionDeals = deals.filter(d => d.dealstage === MAJOR_CONDITION_STAGE_ID);
+  const majorIssues = majorConditionDeals.length;
+  const majorPercent = ((majorIssues / totalProperties) * 100).toFixed(1);
 
   const handleOpenTable = (stage: string, filteredDeals: any[]) => {
     setOpenTable({ stage, data: filteredDeals });
@@ -26,21 +39,6 @@ export default function LiveTracker({ deals }: ReportsProps) {
     );
   }
 
-  const groupedDeals = deals.reduce((acc, deal) => {
-    const project = deal.projectCode || "Unknown Project";
-    (acc[project] ||= []).push(deal);
-    return acc;
-  }, {} as Record<string, any[]>);
-
-  const projectCodes = Object.keys(groupedDeals);
-  const [currentProjectCode, setCurrentProjectCode] = useState(projectCodes[0]);
-  const currentDeals = groupedDeals[currentProjectCode];
-
-  const totalProperties = deals.length;
-  const majorConditionDeals = deals.filter(d => d.dealstage === MAJOR_CONDITION_STAGE_ID);
-  const majorIssues = majorConditionDeals.length;
-  const majorPercent = ((majorIssues / totalProperties) * 100).toFixed(1);
-
   return (
     <div className="p-6 space-y-10">
       {/* 🌍 Global Portfolio Overview */}
diff --git a/src/app/portfolio/[slug]/(portfolio)/live-projects/page.tsx b/src/app/portfolio/[slug]/(portfolio)/live-projects/page.tsx
index cc135b1..d5e4e7c 100644
--- a/src/app/portfolio/[slug]/(portfolio)/live-projects/page.tsx
+++ b/src/app/portfolio/[slug]/(portfolio)/live-projects/page.tsx
@@ -54,7 +54,7 @@ export default async function Demo(props: {
   return (
     <main className="relative min-h-screen overflow-hidden">
       {/* 🌊 Domna-inspired layered background */}
-      <div className="absolute inset-0 -z-10 bg-[linear-gradient(135deg,#14163d_0%,#2d348f_45%,#3943b7_70%,#eff6fc_100%)]" />
+      {/* <div className="absolute inset-0 -z-10 bg-[linear-gradient(135deg,#14163d_0%,#2d348f_45%,#3943b7_70%,#eff6fc_100%)]" /> */}
 
       {/* ✨ Subtle translucent grid texture */}
       <div className="absolute inset-0 -z-0 opacity-10 bg-[radial-gradient(circle_at_top_left,rgba(255,255,255,0.7)_1px,transparent_0)] bg-[length:40px_40px]" />