final section 10 -- and lgoabl styles adn compoeents plan

frontend/src/pages/Setup/SetupWizard.tsx

@@ -0,0 +1,38 @@
+/**
+ * Setup Wizard Page
+ * Wraps the OnboardingWizard component for direct access via sidebar
+ * Can be accessed anytime, not just for new users
+ */
+import { useNavigate } from 'react-router-dom';
+import OnboardingWizard from '../../components/onboarding/OnboardingWizard';
+import PageHeader from '../../components/common/PageHeader';
+import { ShootingStarIcon } from '../../icons';
+
+export default function SetupWizard() {
+  const navigate = useNavigate();
+
+  const handleComplete = () => {
+    navigate('/dashboard');
+  };
+
+  const handleSkip = () => {
+    navigate('/dashboard');
+  };
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
+      <PageHeader
+        title="Setup Wizard"
+        badge={{ icon: <ShootingStarIcon className="w-5 h-5" />, color: 'blue' }}
+        description="Complete guided setup for your site"
+      />
+      
+      <div className="max-w-4xl mx-auto py-8 px-4">
+        <OnboardingWizard 
+          onComplete={handleComplete}
+          onSkip={handleSkip}
+        />
+      </div>
+    </div>
+  );
+}