diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 9f70aa6c..288b15d5 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -18,6 +18,8 @@ import SignUpPage from './components/pages/SignUpPage';
 import { supabase } from './lib/supabaseClient';
 import ForgotPasswordPage from './components/pages/ForgotPasswordPage';
 import ResetPasswordPage from './components/pages/ResetPasswordPage';
+import { useLocation } from 'react-router-dom';
+
 
 // Define proper TypeScript interfaces
 interface RepositoryData {
@@ -101,26 +103,46 @@ function App() {
     setRepoData(null);
   };
 
-  const ProtectedLayout = () => (
-    <div className="flex">
-      <Sidebar
-        isOpen={isSidebarOpen}
-        setIsOpen={setIsSidebarOpen}
-        onLogout={handleLogout}
-      />
-      <main
-        className={`transition-all duration-300 flex-1 ${
-          isSidebarOpen ? 'ml-64' : 'ml-20'
-        }`}
-      >
-        <div className="p-8">
-          <AnimatePresence mode="wait">
-            <Outlet />
-          </AnimatePresence>
-        </div>
-      </main>
-    </div>
-  );
+  const ProtectedLayout = () => {
+    const location = useLocation();
+
+    const landingAllowedRoutes = [
+      '/dashboard',
+      '/contributors',
+      '/analytics',
+      '/prs',
+    ];
+
+    const shouldShowLanding =
+      !repoData && landingAllowedRoutes.includes(location.pathname);
+
+    return (
+      <div className="flex">
+        <Sidebar
+          isOpen={isSidebarOpen}
+          setIsOpen={setIsSidebarOpen}
+          onLogout={handleLogout}
+        />
+
+        <main
+          className={`transition-all duration-300 flex-1 ${isSidebarOpen ? 'ml-64' : 'ml-20'
+            }`}
+        >
+          <div className="p-8">
+            {/* Conditional Landing Page */}
+            {shouldShowLanding && (
+              <LandingPage setRepoData={setRepoData} />
+            )}
+
+            <AnimatePresence mode="wait">
+              <Outlet />
+            </AnimatePresence>
+          </div>
+        </main>
+      </div>
+    );
+  };
+
 
   return (
     <Router>
diff --git a/frontend/src/components/contributors/ContributorsPage.tsx b/frontend/src/components/contributors/ContributorsPage.tsx
index d0ee0e2f..f07c7208 100644
--- a/frontend/src/components/contributors/ContributorsPage.tsx
+++ b/frontend/src/components/contributors/ContributorsPage.tsx
@@ -27,7 +27,7 @@ const ContributorsPage: React.FC<Props> = ({ repoData }) => {
   };
 
   if (!repoData) {
-    return <div>No data available. Please analyze a repository first.</div>;
+    return <div >No data available. Please analyze a repository first.</div>;
   }
 
   if (loading) {
@@ -50,7 +50,7 @@ const ContributorsPage: React.FC<Props> = ({ repoData }) => {
           <p className="text-gray-400 mt-2">Manage and track contributor activity</p>
         </div>
         <div className="flex space-x-4">
-          <motion.button 
+          <motion.button
             whileHover={{ scale: 1.05 }}
             whileTap={{ scale: 0.95 }}
             onClick={handleExportReport}
@@ -58,7 +58,7 @@ const ContributorsPage: React.FC<Props> = ({ repoData }) => {
           >
             Export Report
           </motion.button>
-          <motion.button 
+          <motion.button
             whileHover={{ scale: 1.05 }}
             whileTap={{ scale: 0.95 }}
             onClick={handleInviteContributor}
@@ -72,7 +72,7 @@ const ContributorsPage: React.FC<Props> = ({ repoData }) => {
       {/* Contributors Grid */}
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         {contributors.map((contributor) => (
-          <ContributorCard 
+          <ContributorCard
             key={contributor.login}
             name={contributor.login}
             avatar={contributor.avatar_url}
diff --git a/frontend/src/components/dashboard/Dashboard.tsx b/frontend/src/components/dashboard/Dashboard.tsx
index a758cdc8..6f1c4267 100644
--- a/frontend/src/components/dashboard/Dashboard.tsx
+++ b/frontend/src/components/dashboard/Dashboard.tsx
@@ -26,7 +26,7 @@ const Dashboard: React.FC<Props> = ({ repoData }) => {
     >
       <div className="flex items-center justify-between mb-8">
         <h1 className="text-3xl font-bold">Dashboard Overview</h1>
-        <motion.button 
+        <motion.button
           whileHover={{ scale: 1.05 }}
           whileTap={{ scale: 0.95 }}
           onClick={handleNewIntegration}
@@ -38,25 +38,25 @@ const Dashboard: React.FC<Props> = ({ repoData }) => {
 
       {/* Stats Section */}
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
-        <StatCard 
+        <StatCard
           icon={<Users size={24} />}
           title="Active Contributors"
           value={repoData.contributors?.length || 0}
           trend={12}
         />
-        <StatCard 
+        <StatCard
           icon={<GitPullRequest size={24} />}
           title="Open PRs"
           value={repoData.pull_requests?.open || 0}
           trend={repoData.pull_requests?.open || 0}
         />
-        <StatCard 
+        <StatCard
           icon={<MessageSquare size={24} />}
           title="Community Posts"
           value="892" // Placeholder, replace with dynamic if available
           trend={8}
         />
-        <StatCard 
+        <StatCard
           icon={<Activity size={24} />}
           title="Response Rate"
           value="94%" // Placeholder, replace with dynamic if available
@@ -67,21 +67,21 @@ const Dashboard: React.FC<Props> = ({ repoData }) => {
       {/* Quick Actions */}
       <h2 className="text-2xl font-bold mb-6">Quick Actions</h2>
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-        <BotIntegration 
+        <BotIntegration
           platform="GitHub"
           icon={<Github size={24} />}
           connected={true}
           description="Automate your GitHub workflow"
           features={['Issue triage', 'PR reviews', 'Welcome messages']}
         />
-        <BotIntegration 
+        <BotIntegration
           platform="Discord"
           icon={<MessageSquare size={24} />}
           connected={false}
           description="Engage with your community"
           features={['Support channels', 'Role management', 'Event notifications']}
         />
-        <BotIntegration 
+        <BotIntegration
           platform="Slack"
           icon={<Slack size={24} />}
           connected={true}