Merge pull request #1 from parthratra11/dev

Footer made dynamic

Author: parthratra11

app/page.tsx

@@ -1,3 +1,4 @@
+"use client";
 import Image from "next/image";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
@@ -14,8 +15,17 @@ import { SocialLinks } from "@/components/SocialLinks";
 import { Highlight } from "@/components/ui/hero-hihglight";
 import PricingCard from "@/components/LandingComponents/PriceCard";
 import Navbar1 from "@/components/navbar";
+import { useEffect, useState } from "react";
 
 export default function LandingPage() {
+  const [currentYear, setCurrentYear] = useState<number>(
+    new Date().getFullYear()
+  );
+
+  useEffect(() => {
+    // Set the current year dynamically on mount
+    setCurrentYear(new Date().getFullYear());
+  }, []);
   return (
     <div className="flex flex-col min-h-screen bg-background">
       <Navbar1 />
@@ -368,7 +378,7 @@ export default function LandingPage() {
           </div>
           <div className="flex flex-col md:flex-row justify-between items-center pt-8 border-t border-border">
             <p className="text-sm text-muted-foreground mb-4 md:mb-0">
-              © 2023 LeetCode Journal. All rights reserved.
+              © {currentYear} LeetCode Journal. All rights reserved.
             </p>
           </div>
         </div>