fix: address Copilot review feedback

Signed-off-by: Gauarv Chaudhary <[email protected]>

Author: ANAMASGARD

src/app/page.tsx

@@ -34,15 +34,15 @@ export default function Home() {
                             />
                         </div>
                         <p className="text-sm text-gray-500 text-center">
-                            Copyright © 2025 Keploy Inc. • Developer experience for e2e testing
+                            Copyright © {new Date().getFullYear()} Keploy Inc. • Developer experience for e2e testing
                         </p>
                         <div className="flex items-center gap-5">
                             <a href="https://keploy.slack.com/" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-[#F89559] transition-colors" aria-label="Slack">
                                 <svg className="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
                                     <path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" />
                                 </svg>
                             </a>
-                            <a href="https://twitter.com/Keployio" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-[#F89559] transition-colors" aria-label="Twitter">
+                            <a href="https://twitter.com/Keployio" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-[#F89559] transition-colors" aria-label="X (Twitter)">
                                 <svg className="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
                                     <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
                                 </svg>

src/app/writers/page.tsx

@@ -59,11 +59,11 @@ export default function WritersPage() {
                                 </svg>
                             </a>
                             <a
-                                href="https://twitter.com/keaboratory"
+                                href="https://twitter.com/Keployio"
                                 target="_blank"
                                 rel="noopener noreferrer"
                                 className="text-gray-400 hover:text-[#F89559] transition-colors"
-                                aria-label="Follow Keploy on X (Twitter)"
+                                aria-label="X (Twitter)"
                             >
                                 <svg className="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
                                     <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

src/components/Header.tsx

@@ -21,12 +21,30 @@ function formatStarCount(count: number): string {
     return count.toString();
 }
 
-// Custom hook to fetch GitHub stars
+// Custom hook to fetch GitHub stars with caching and rate limit handling
 function useGitHubStars(owner: string, repo: string): string {
     const [stars, setStars] = useState<string>(DEFAULT_GITHUB_STARS);
+    const cacheKey = `github_stars_${owner}_${repo}`;
+    const cacheExpiry = 60 * 60 * 1000; // 1 hour cache
 
     useEffect(() => {
         const fetchStars = async () => {
+            // Check cache first (only in browser environment)
+            if (typeof window !== 'undefined') {
+                try {
+                    const cached = localStorage.getItem(cacheKey);
+                    if (cached) {
+                        const { value, timestamp } = JSON.parse(cached);
+                        if (Date.now() - timestamp < cacheExpiry) {
+                            setStars(value);
+                            return;
+                        }
+                    }
+                } catch {
+                    // Ignore cache errors
+                }
+            }
+
             try {
                 const response = await fetch(
                     `https://api.github.com/repos/${owner}/${repo}`,
@@ -37,20 +55,42 @@ function useGitHubStars(owner: string, repo: string): string {
                     }
                 );
 
+                // Handle rate limiting
+                if (response.status === 403) {
+                    const rateLimitRemaining = response.headers.get('X-RateLimit-Remaining');
+                    if (rateLimitRemaining === '0') {
+                        console.warn('GitHub API rate limit exceeded, using cached/default value');
+                        return;
+                    }
+                }
+
                 if (!response.ok) {
                     throw new Error('Failed to fetch GitHub stars');
                 }
 
                 const data = await response.json();
-                setStars(formatStarCount(data.stargazers_count));
+                const formattedStars = formatStarCount(data.stargazers_count);
+                setStars(formattedStars);
+
+                // Cache the result (only in browser environment)
+                if (typeof window !== 'undefined') {
+                    try {
+                        localStorage.setItem(cacheKey, JSON.stringify({
+                            value: formattedStars,
+                            timestamp: Date.now()
+                        }));
+                    } catch {
+                        // Ignore storage errors
+                    }
+                }
             } catch (error) {
                 console.error('Error fetching GitHub stars:', error);
                 // Keep default value on error
             }
         };
 
         fetchStars();
-    }, [owner, repo]);
+    }, [owner, repo, cacheKey, cacheExpiry]);
 
     return stars;
 }

src/components/sections/AboutSection.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import Image from "next/image";
-
 export function AboutSection() {
     return (
         <section

src/components/sections/CommunitySection.tsx

@@ -1,7 +1,6 @@
 "use client";
 
-import Image from "next/image";
-import { Users, MessageCircle, Heart } from "lucide-react";
+import { Users } from "lucide-react";
 
 export function CommunitySection() {
   return (

src/components/sections/OffersSection.tsx

@@ -8,7 +8,7 @@ const offers = [
         image: "/images/bubble-gum-content-marketing.gif",
         title: "Get Recognized",
         description:
-            "Expand your technical writing horizon by earning compensations, swags, and personal brand visibility across the developer community.",
+            "Expand your technical writing horizon by earning compensation, swags, and personal brand visibility across the developer community.",
     },
     {
         image: "/images/handy-line-machine-learning.gif",

src/components/sections/WriterCard.tsx

@@ -62,9 +62,11 @@ export function WriterCard({ writer }: WriterCardProps) {
                                 /* Placeholder avatar with initials */
                                 <span
                                     className="text-3xl font-bold bg-gradient-to-br from-[#F89559] to-[#E87B3A] bg-clip-text text-transparent select-none"
-                                    aria-label={`${writer.name}'s initials`}
+                                    aria-label={writer.name ? `${writer.name}'s initials` : 'Writer initials'}
                                 >
-                                    {writer.name.split(' ').map(n => n[0]).join('').slice(0, 2)}
+                                    {writer.name && writer.name.trim()
+                                        ? writer.name.split(' ').filter(Boolean).map(n => n[0]).join('').slice(0, 2).toUpperCase()
+                                        : '??'}
                                 </span>
                             )}
                         </div>

src/components/sections/WritersSection.tsx

@@ -140,7 +140,9 @@ export function WritersSection() {
                                 for your contributions to the developer community.
                             </p>
                             <a
-                                href="/#apply"
+                                href="https://forms.gle/R7RbuL39sc1TFW449"
+                                target="_blank"
+                                rel="noopener noreferrer"
                                 className="inline-flex items-center gap-3 px-10 py-4 bg-gradient-to-r from-[#F89559] to-[#E87B3A] text-[#00163D] font-bold rounded-full transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-[#F89559]/40 focus:outline-none focus:ring-4 focus:ring-[#F89559]/50"
                             >
                                 Join the Program

src/lib/writersData.ts

@@ -20,77 +20,55 @@ export interface Writer {
 }
 
 /**
- * Array of writers - easily extendable by adding new Writer objects
+ * ⚠️ PLACEHOLDER DATA - REPLACE BEFORE PRODUCTION ⚠️
  * 
- * Note: Currently using placeholder images. Replace with actual writer photos.
- * Images should be placed in /public/images/writers/ directory.
+ * This array contains SAMPLE writers for demonstration purposes only.
+ * Before deploying to production:
+ * 1. Replace these entries with real writer information
+ * 2. Add actual photos to /public/images/writers/
+ * 3. Add real social media profile URLs
  */
 export const writers: Writer[] = [
     {
-        id: "writer-1",
-        name: "Sarah Chen",
-        role: "Senior Technical Writer",
-        bio: "Passionate about making complex testing concepts accessible to developers. Specializes in API testing and documentation best practices.",
+        id: "placeholder-writer-1",
+        name: "Writer One",
+        role: "Technical Writer",
+        bio: "This is placeholder data. Replace with actual writer information.",
         image: "/images/writers/placeholder-1.svg",
-        socialLinks: {
-            twitter: "https://twitter.com",
-            github: "https://github.com",
-            linkedin: "https://linkedin.com"
-        }
     },
     {
-        id: "writer-2",
-        name: "Marcus Johnson",
-        role: "DevOps Engineer & Writer",
-        bio: "CI/CD enthusiast who loves writing about test automation, infrastructure, and developer productivity.",
+        id: "placeholder-writer-2",
+        name: "Writer Two",
+        role: "DevOps Writer",
+        bio: "This is placeholder data. Replace with actual writer information.",
         image: "/images/writers/placeholder-2.svg",
-        socialLinks: {
-            github: "https://github.com",
-            linkedin: "https://linkedin.com"
-        }
     },
     {
-        id: "writer-3",
-        name: "Priya Sharma",
+        id: "placeholder-writer-3",
+        name: "Writer Three",
         role: "Full Stack Developer",
-        bio: "Writes about end-to-end testing strategies, microservices, and building reliable software systems.",
+        bio: "This is placeholder data. Replace with actual writer information.",
         image: "/images/writers/placeholder-3.svg",
-        socialLinks: {
-            twitter: "https://twitter.com",
-            website: "https://example.com"
-        }
     },
     {
-        id: "writer-4",
-        name: "Alex Rivera",
-        role: "QA Lead & Educator",
-        bio: "Bridges the gap between development and QA through comprehensive testing tutorials and guides.",
+        id: "placeholder-writer-4",
+        name: "Writer Four",
+        role: "QA Engineer",
+        bio: "This is placeholder data. Replace with actual writer information.",
         image: "/images/writers/placeholder-4.svg",
-        socialLinks: {
-            github: "https://github.com",
-            linkedin: "https://linkedin.com"
-        }
     },
     {
-        id: "writer-5",
-        name: "Emily Zhang",
+        id: "placeholder-writer-5",
+        name: "Writer Five",
         role: "Backend Developer",
-        bio: "Focuses on database testing, performance optimization, and writing clean, testable code.",
+        bio: "This is placeholder data. Replace with actual writer information.",
         image: "/images/writers/placeholder-5.svg",
-        socialLinks: {
-            twitter: "https://twitter.com",
-            github: "https://github.com"
-        }
     },
     {
-        id: "writer-6",
-        name: "David Park",
+        id: "placeholder-writer-6",
+        name: "Writer Six",
         role: "Open Source Contributor",
-        bio: "Active contributor to testing frameworks. Writes about open source tools and community building.",
+        bio: "This is placeholder data. Replace with actual writer information.",
         image: "/images/writers/placeholder-6.svg",
-        socialLinks: {
-            github: "https://github.com",
-            website: "https://example.com"
-        }
     }
 ];