From ec398bbbee1cbc4692ab49f6c2f2ad88c899ad18 Mon Sep 17 00:00:00 2001
From: shiva raj badu <shivabadu5@gmail.com>
Date: Fri, 25 Jul 2025 12:13:14 +0545
Subject: [PATCH] chore: modern layout design adjustement

---
 .../modern/2AboutCompanySlideLayout.tsx                |  6 +++---
 .../modern/4SolutionSlideLayout.tsx                    | 10 +++++-----
 .../presentation-layouts/modern/z10TeamSlideLayout.tsx |  2 +-
 .../modern/z11ThankYouSlideLayout.tsx                  |  2 +-
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/servers/nextjs/presentation-layouts/modern/2AboutCompanySlideLayout.tsx b/servers/nextjs/presentation-layouts/modern/2AboutCompanySlideLayout.tsx
index 02f8f13d..372d5424 100644
--- a/servers/nextjs/presentation-layouts/modern/2AboutCompanySlideLayout.tsx
+++ b/servers/nextjs/presentation-layouts/modern/2AboutCompanySlideLayout.tsx
@@ -13,8 +13,8 @@ const aboutCompanySlideSchema = z.object({
   }),
   content: z
     .string()
-    .min(50)
-    .max(500)
+    .min(25)
+    .max(400)
     .default(
       "In the presentation session, the background/introduction can be filled with information that is arranged systematically and effectively with respect to an interesting topic to be used as material for discussion at the opening of the presentation session. The introduction can provide a general overview for those who are listening to your presentation so that the key words on the topic of discussion are emphasized during this background/introductory presentation session.",
     )
@@ -53,7 +53,7 @@ const AboutCompanySlideLayout: React.FC<AboutCompanySlideLayoutProps> = ({
       />
 
       <div
-        className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden"
+        className="w-full rounded-sm max-w-[1280px] shadow-lg  aspect-video bg-white relative z-20 mx-auto overflow-hidden"
         style={{
           fontFamily: "Montserrat, sans-serif",
         }}
diff --git a/servers/nextjs/presentation-layouts/modern/4SolutionSlideLayout.tsx b/servers/nextjs/presentation-layouts/modern/4SolutionSlideLayout.tsx
index e91ea490..34ce7569 100644
--- a/servers/nextjs/presentation-layouts/modern/4SolutionSlideLayout.tsx
+++ b/servers/nextjs/presentation-layouts/modern/4SolutionSlideLayout.tsx
@@ -33,7 +33,7 @@ const solutionSlideSchema = z.object({
         title: z.string().min(3).max(30).meta({
           description: "Section title",
         }),
-        description: z.string().min(5).max(80).meta({
+        description: z.string().min(5).max(70).meta({
           description: "Section description",
         }),
         icon: IconSchema.optional().meta({
@@ -46,7 +46,7 @@ const solutionSlideSchema = z.object({
     .default([
       {
         title: "Market",
-        description: "Innovative and widely accepted.",
+        description: "Innovative and widely accepted. Innovative and widely accepted. Innovative and widely accepted.",
         icon: {
           __icon_query__: "market innovation",
           __icon_url__:
@@ -109,7 +109,7 @@ const SolutionSlideLayout: React.FC<SolutionSlideLayoutProps> = ({
       />
 
       <div
-        className="w-full rounded-sm max-w-[1280px] shadow-lg max-h-[720px] aspect-video bg-white relative z-20 mx-auto overflow-hidden border-2 border-gray-800"
+        className="w-full rounded-sm max-w-[1280px] shadow-lg  aspect-video bg-white relative z-20 mx-auto overflow-hidden border-2 border-gray-800"
         style={{
           fontFamily: "Montserrat, sans-serif",
         }}
@@ -132,11 +132,11 @@ const SolutionSlideLayout: React.FC<SolutionSlideLayoutProps> = ({
             </p>
           </div>
           {/* Four Small Boxes in a Row */}
-          <div className="grid grid-cols-2 gap-4 w-full max-w-5xl">
+          <div className="grid grid-cols-2 gap-4 w-full ">
             {sections.map((section, idx) => (
               <div
                 key={idx}
-                className="flex flex-col items-center text-center bg-[#F5F8FE] rounded-lg shadow px-3 py-4 min-h-[140px] max-h-[160px]"
+                className="flex flex-col items-center text-center bg-[#F5F8FE] rounded-lg shadow px-3 py-4 "
               >
                 <div className="mb-2">
                   {section?.icon?.__icon_url__ && (
diff --git a/servers/nextjs/presentation-layouts/modern/z10TeamSlideLayout.tsx b/servers/nextjs/presentation-layouts/modern/z10TeamSlideLayout.tsx
index c32d08c3..9f7ff177 100644
--- a/servers/nextjs/presentation-layouts/modern/z10TeamSlideLayout.tsx
+++ b/servers/nextjs/presentation-layouts/modern/z10TeamSlideLayout.tsx
@@ -24,7 +24,7 @@ const teamMemberSchema = z.object({
 });
 
 const modernTeamSlideSchema = z.object({
-  title: z.string().min(3).max(20).default("Our Team").meta({
+  title: z.string().min(3).max(15).default("Our Team").meta({
     description: "Main title of the slide",
   }),
   subtitle: z.string().min(10).max(120).optional().meta({
diff --git a/servers/nextjs/presentation-layouts/modern/z11ThankYouSlideLayout.tsx b/servers/nextjs/presentation-layouts/modern/z11ThankYouSlideLayout.tsx
index ac58a556..5532dfab 100644
--- a/servers/nextjs/presentation-layouts/modern/z11ThankYouSlideLayout.tsx
+++ b/servers/nextjs/presentation-layouts/modern/z11ThankYouSlideLayout.tsx
@@ -7,7 +7,7 @@ export const layoutDescription =
   "A simple, plain thank you slide for closing presentations.";
 
 const thankYouSlideSchema = z.object({
-  title: z.string().min(3).max(40).default("Thank You!").meta({
+  title: z.string().min(3).max(30).default("Thank You!").meta({
     description: "Main thank you message",
   }),
   subtitle: z.string().min(0).max(100).default("").meta({