Add API fallback logic for blog, incubators, mentors, msmes, and education views for GitHub Pages compatibility

Author: Boopathi

src/components/views/blog.tsx

@@ -61,7 +61,31 @@ export default function BlogView({ isOpen, onOpenChange }: BlogViewProps) {
                 const data = await response.json();
                 setBlogPosts(data);
             } catch (err: any) {
-                setError(err.message || "An unexpected error occurred.");
+                // Fallback static data
+                setBlogPosts([
+                  {
+                    title: "Fallback Blog Post 1",
+                    image: "https://placehold.co/600x400",
+                    excerpt: "This is a fallback blog post shown when the API is unavailable.",
+                    hint: "fallback",
+                    content: "This is the full content of Fallback Blog Post 1."
+                  },
+                  {
+                    title: "Fallback Blog Post 2",
+                    image: "https://placehold.co/600x400",
+                    excerpt: "Another example fallback post.",
+                    hint: "fallback",
+                    content: "This is the full content of Fallback Blog Post 2."
+                  },
+                  {
+                    title: "Fallback Blog Post 3",
+                    image: "https://placehold.co/600x400",
+                    excerpt: "Fallback content keeps your UI looking good!",
+                    hint: "fallback",
+                    content: "This is the full content of Fallback Blog Post 3."
+                  },
+                ]);
+                setError(null); // Hide error, show fallback
             } finally {
                 setIsLoading(false);
             }

src/components/views/education.tsx

@@ -92,7 +92,20 @@ export default function EducationView({ isOpen, onOpenChange, onApplicationSucce
                 const data = await response.json();
                 setEducationPrograms(data);
             } catch (err: any) {
-                setError(err.message || "An unexpected error occurred.");
+                // Fallback static data
+                setEducationPrograms([
+                  {
+                    title: "Fallback Program",
+                    description: "This is a fallback education program.",
+                    features: [
+                      { icon: "Check", name: "Fallback Feature" }
+                    ],
+                    sessions: [
+                      { language: "English", date: "TBA", time: "TBA" }
+                    ],
+                  },
+                ]);
+                setError(null); // Hide error, show fallback
             } finally {
                 setIsLoading(false);
             }

src/components/views/incubators.tsx

@@ -137,7 +137,28 @@ export default function IncubatorsView({ isOpen, onOpenChange, isLoggedIn, hasSu
                 const data = await response.json();
                 setIncubators(data);
             } catch (err: any) {
-                setError(err.message || 'An unexpected error occurred.');
+                // Fallback static data
+                setIncubators([
+                  {
+                    name: "Fallback Incubator",
+                    image: "https://placehold.co/600x400",
+                    hint: "fallback",
+                    location: "Fallback City",
+                    rating: 5,
+                    reviews: 10,
+                    description: "This is a fallback incubator shown when the API is unavailable.",
+                    metrics: { startups: "10+", funding: "$1M+", successRate: "90%" },
+                    focus: ["Tech", "Innovation"],
+                    details: {
+                      overview: "Fallback overview.",
+                      services: [{ title: "Mentorship", description: "Expert guidance." }],
+                      benefits: ["Networking"],
+                      eligibility: { focusAreas: "All", requirements: ["None"] },
+                      timeline: [{ event: "Application", period: "Year-round" }],
+                    },
+                  },
+                ]);
+                setError(null); // Hide error, show fallback
             } finally {
                 setIsLoading(false);
             }

src/components/views/mentors.tsx

@@ -91,7 +91,22 @@ export default function MentorsView({ isOpen, onOpenChange, isLoggedIn, hasSubsc
                 const data = await response.json();
                 setMentors(data);
             } catch (err: any) {
-                setError(err.message || 'An unexpected error occurred.');
+                // Fallback static data
+                setMentors([
+                  {
+                    name: "Fallback Mentor",
+                    avatar: "https://placehold.co/100x100",
+                    hint: "fallback",
+                    title: "Expert in fallback logic",
+                    expertise: ["Tech", "Business"],
+                    bio: "This is a fallback mentor shown when the API is unavailable.",
+                    rating: 5,
+                    socials: { x: "#", linkedin: "#" },
+                    hourlyRate: "$0",
+                    availability: {},
+                  },
+                ]);
+                setError(null); // Hide error, show fallback
             } finally {
                 setIsLoading(false);
             }

src/components/views/msmes.tsx

@@ -131,7 +131,43 @@ export default function MsmesView({ isOpen, onOpenChange, isLoggedIn, hasSubscri
                 setCorporateChallenges(data.corporateChallenges || []);
                 setMsmeCollaborations(data.msmeCollaborations || []);
             } catch (err: any) {
-                setError(err.message || 'An unexpected error occurred.');
+                // Fallback static data
+                setCorporateChallenges([
+                  {
+                    company: "Fallback Corp",
+                    logo: "https://placehold.co/56x56",
+                    hint: "fallback",
+                    title: "Fallback Challenge",
+                    reward: "$1000",
+                    description: "This is a fallback corporate challenge.",
+                    details: {
+                      about: "Fallback about.",
+                      problemStatements: 1,
+                      stages: 1,
+                      rewardPerStatement: "$1000",
+                      mission: "Fallback mission.",
+                      participation: "Open",
+                      rewards: "Recognition",
+                    },
+                  },
+                ]);
+                setMsmeCollaborations([
+                  {
+                    name: "Fallback MSME",
+                    logo: "https://placehold.co/56x56",
+                    hint: "fallback",
+                    sector: "Fallback Sector",
+                    description: "This is a fallback MSME collaboration.",
+                    details: {
+                      about: "Fallback about.",
+                      scope: ["Tech"],
+                      lookingFor: "Partners",
+                      benefits: ["Networking"],
+                      contact: { name: "Fallback Contact", title: "Manager" },
+                    },
+                  },
+                ]);
+                setError(null); // Hide error, show fallback
             } finally {
                 setIsLoading(false);
             }