small ui fixes (#490)

opensaas-sh/app_diff/src/landing-page/components/Hero/Hero.tsx.diff

@@ -16,7 +16,7 @@
 +    <div className='relative pt-32 w-full'>
 +      <TopGradient />
 +      <BottomGradient />
-+      <div className='flex flex-col lg:flex-row max-w-7xl mx-auto'>
++      <div className='flex flex-col lg:flex-row max-w-7xl mx-auto overflow-x-hidden'>
 +        <div className='py-24 sm:py-32'>
 +          <div className='max-w-8xl px-6 lg:px-8'>
 +            <div className='lg:mb-18 mx-auto max-w-3xl text-center md:text-left'>

opensaas-sh/app_diff/src/landing-page/contentSections.tsx.diff

@@ -115,7 +115,7 @@
 +  {
 +    name: 'Jonathan Cocharan',
 +    role: 'Entrepreneur',
-+    avatarSrc: 'https://pbs.twimg.com/profile_images/1910056203863883776/jtfVWaEG_400x400.jpg',
++    avatarSrc: 'https://pbs.twimg.com/profile_images/1950172296376639488/sZ0JIqfR_400x400.jpg',
 +    socialUrl: 'https://twitter.com/JonathanCochran',
 +    quote:
 +      'In just 6 nights... my SaaS app is live 🎉! Huge thanks to the amazing @wasplang community 🙌 for their guidance along the way. These tools are incredibly efficient 🤯!',

template/app/src/client/Main.css

@@ -158,7 +158,7 @@
     --muted-foreground: 0 0% 63.9%;
     --accent: 31 57% 93%;
     --accent-foreground: 210 100% 13%;
-    --destructive: 0 62.8% 30.6%;
+    --destructive: 0 62.8% 63%;
     --destructive-foreground: 0 0% 98%;
     --success: 141 71% 48%;
     --success-foreground: 0 0% 98%;

template/app/src/demo-ai-app/DemoAppPage.tsx

@@ -336,7 +336,7 @@ function Schedule({ schedule }: { schedule: GeneratedSchedule }) {
 
 function TaskCard({ task, taskItems }: { task: ScheduleTask; taskItems: TaskItem[] }) {
   const taskPriorityToColorMap: Record<TaskPriority, string> = {
-    high: 'bg-destructive/20 border-destructive/40 text-red-500',
+    high: 'bg-destructive/10 border-destructive/20 text-red-500',
     medium: 'bg-warning/10 border-warning/20 text-warning',
     low: 'bg-success/10 border-success/20 text-success',
   };