fix UI 1

frontend/src/pages/public/DemoPage.tsx

@@ -79,10 +79,10 @@ const DemoPage = () => {
   // Helper function to calculate estimated progress based on elapsed time
   const calculateEstimatedProgress = (tier: string, startTime: number): number => {
     const elapsed = Date.now() - startTime;
-    const duration = tier === 'enterprise' ? 90000 : 40000; // ms (90s for enterprise, 40s for professional)
+    const duration = 5000; // ms (5s for both professional and enterprise)
     const linearProgress = Math.min(95, (elapsed / duration) * 100);
     // Logarithmic curve for natural feel - starts fast, slows down
-    return Math.min(95, Math.round(linearProgress * (1 - Math.exp(-elapsed / 10000))));
+    return Math.min(95, Math.round(linearProgress * (1 - Math.exp(-elapsed / 1000))));
   };
 
   const demoOptions = [
@@ -645,6 +645,7 @@ const DemoPage = () => {
               <div
                 key={option.id}
                 className={`
+                  flex flex-col
                   bg-[var(--bg-primary)]
                   border border-[var(--border-primary)]
                   rounded-xl
@@ -691,7 +692,7 @@ const DemoPage = () => {
                 </div>
 
                 {/* Card Body */}
-                <div className="p-6">
+                <div className="p-6 flex-1">
                   {/* Features List with Icons */}
                   <div className="space-y-3 mb-6">
                     <h4 className="font-semibold text-[var(--text-primary)] text-sm uppercase tracking-wide mb-4">
@@ -765,7 +766,7 @@ const DemoPage = () => {
                 </div>
 
                 {/* Card Footer */}
-                <div className="p-6 bg-[var(--bg-secondary)] border-t border-[var(--border-primary)]">
+                <div className="px-6 py-4 bg-[var(--bg-secondary)] border-t border-[var(--border-primary)]">
                   <Button
                     onClick={(e) => {
                       e.stopPropagation();
@@ -774,7 +775,7 @@ const DemoPage = () => {
                     disabled={creatingTier !== null}
                     size="lg"
                     isFullWidth={true}
-                    variant={option.tier === 'enterprise' ? 'gradient' : 'primary'}
+                    variant="gradient"
                     className="font-semibold group"
                   >
                     {creatingTier === option.tier ? (