stage2-2

frontend/src/pages/Sites/Builder/steps/BusinessDetailsStep.tsx

@@ -6,7 +6,7 @@ import { useState, useEffect } from 'react';
 import { useBuilderWorkflowStore } from '../../../../store/builderWorkflowStore';
 import { fetchSiteBlueprintById, updateSiteBlueprint, SiteBlueprint } from '../../../../services/api';
 import { Card, CardDescription, CardTitle } from '../../../../components/ui/card';
-import Button from '../../../../components/ui/button/Button';
+import ButtonWithTooltip from '../../../../components/ui/button/ButtonWithTooltip';
 import Input from '../../../../components/ui/input/Input';
 import Alert from '../../../../components/ui/alert/Alert';
 import { Loader2 } from 'lucide-react';
@@ -125,10 +125,15 @@ export default function BusinessDetailsStep({ blueprintId }: BusinessDetailsStep
       </div>
 
       <div className="mt-6 flex justify-end">
-        <Button
+        <ButtonWithTooltip
           onClick={handleSave}
           disabled={!canProceed || saving || loading}
           variant="primary"
+          tooltip={
+            !canProceed ? 'Please provide a site name to continue' :
+            saving ? 'Saving...' :
+            loading ? 'Loading...' : undefined
+          }
         >
           {saving ? (
             <>
@@ -138,7 +143,7 @@ export default function BusinessDetailsStep({ blueprintId }: BusinessDetailsStep
           ) : (
             'Save & Continue'
           )}
-        </Button>
+        </ButtonWithTooltip>
       </div>
 
       {!canProceed && (