Merge pull request #8 from tejaspanchall/dev

updated contact and keywords

index.html

@@ -22,7 +22,7 @@
   <meta name="description"
     content="JustAnime is a Free anime streaming website which you can watch English Subbed and Dubbed Anime online. WATCH NOW!. Hianime, 9animetv, aniwatchtv" />
   <meta name="keywords"
-    content="justanime, just anime, zenime, hianime to, aniwatch, zorox, zoro anime, zoro to, zoroxtv, watch anime online free, free watch anime, anime online to watch" />
+    content="justanime, just anime, anime websites, anime watch, wco anime, free anime, ani watch, new anime, latest anime, best anime websites, anime update, zenime, hianime to, aniwatch, zorox, zoro anime, zoro to, zoroxtv, watch anime online free, free watch anime, anime online to watch" />
   <meta name="author" content="JustAnime Team" />
   <meta name="robots" content="index, follow" />
   <meta name="rating" content="General" />

src/App.css

@@ -3,6 +3,7 @@
   padding: 0;
   box-sizing: border-box;
 }
+
 html,
 body,
 #root {
@@ -10,16 +11,6 @@ body,
   padding: 0;
 }
 
-.app-container {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-}
 .content {
   width: 100%;
-  flex-grow: 1;
-}
-
-footer {
-  margin-top: auto;
-}
+}

src/App.jsx

@@ -37,43 +37,45 @@ function App() {
   return (
     <HelmetProvider>
       <HomeInfoProvider>
-        <div className="app-container px-4 lg:px-10">
-          <main className="content max-w-[2048px] mx-auto w-full">
+        <div className="app-container px-4 lg:px-10 flex flex-col min-h-screen">
+          <main className="content max-w-[2048px] mx-auto w-full flex-grow flex flex-col">
             {!isSplashScreen && <Navbar />}
-            <Routes>
-              <Route path="/" element={<SplashScreen />} />
-              <Route path="/home" element={<Home />} />
-              <Route path="/:id" element={<AnimeInfo />} />
-              <Route path="/watch/:id" element={<Watch />} />
-              <Route path="/random" element={<AnimeInfo random={true} />} />
-              <Route path="/404-not-found-page" element={<Error error="404" />} />
-              <Route path="/error-page" element={<Error />} />
-              <Route path="/terms-of-service" element={<Terms />} />
-              <Route path="/dmca" element={<DMCA />} />
-              <Route path="/contact" element={<Contact />} />
-              {/* Render category routes */}
-              {categoryRoutes.map((path) => (
-                <Route
-                  key={path}
-                  path={`/${path}`}
-                  element={
-                    <Category path={path} label={path.split("-").join(" ")} />
-                  }
-                />
-              ))}
-              {/* Render A to Z routes */}
-              {azRoute.map((path) => (
-                <Route
-                  key={path}
-                  path={`/${path}`}
-                  element={<AtoZ path={path} />}
-                />
-              ))}
-              <Route path="/producer/:id" element={<Producer />} />
-              <Route path="/search" element={<Search />} />
-              {/* Catch-all route for 404 */}
-              <Route path="*" element={<Error error="404" />} />
-            </Routes>
+            <div className="flex-grow">
+              <Routes>
+                <Route path="/" element={<SplashScreen />} />
+                <Route path="/home" element={<Home />} />
+                <Route path="/:id" element={<AnimeInfo />} />
+                <Route path="/watch/:id" element={<Watch />} />
+                <Route path="/random" element={<AnimeInfo random={true} />} />
+                <Route path="/404-not-found-page" element={<Error error="404" />} />
+                <Route path="/error-page" element={<Error />} />
+                <Route path="/terms-of-service" element={<Terms />} />
+                <Route path="/dmca" element={<DMCA />} />
+                <Route path="/contact" element={<Contact />} />
+                {/* Render category routes */}
+                {categoryRoutes.map((path) => (
+                  <Route
+                    key={path}
+                    path={`/${path}`}
+                    element={
+                      <Category path={path} label={path.split("-").join(" ")} />
+                    }
+                  />
+                ))}
+                {/* Render A to Z routes */}
+                {azRoute.map((path) => (
+                  <Route
+                    key={path}
+                    path={`/${path}`}
+                    element={<AtoZ path={path} />}
+                  />
+                ))}
+                <Route path="/producer/:id" element={<Producer />} />
+                <Route path="/search" element={<Search />} />
+                {/* Catch-all route for 404 */}
+                <Route path="*" element={<Error error="404" />} />
+              </Routes>
+            </div>
             {!isSplashScreen && <Footer />}
           </main>
           <Analytics />

src/components/footer/Footer.jsx

@@ -5,7 +5,7 @@ import { FaDiscord, FaTelegram } from "react-icons/fa";
 
 function Footer() {
   return (
-    <footer className="w-full mt-16">
+    <footer className="w-full mt-auto">
       {/* Logo Section */}
       <div className="max-w-[1920px] mx-auto px-4">
         <div className="flex flex-col sm:flex-row justify-between items-center gap-6">
@@ -25,7 +25,7 @@ function Footer() {
                 <FaDiscord size={28} />
               </a>
               <a
-                href="https://tinyurl.com/JustAnimeZone"
+                href="https://t.me/JustAnimeZone"
                 target="_blank"
                 rel="noopener noreferrer"
                 className="text-white/40 hover:text-[#26A5E4] transition-all hover:scale-110"

src/pages/contact/Contact.jsx

@@ -14,7 +14,7 @@ function Contact() {
         </p>
         <div className="flex flex-wrap gap-6">
           <a
-            href="#"
+            href="https://t.me/JustAnimeZone"
             target="_blank"
             rel="noopener noreferrer"
             className="flex items-center gap-3 px-4 py-3 bg-white/5 hover:bg-white/10 rounded-lg transition-colors group"
@@ -23,7 +23,7 @@ function Contact() {
             <span className="text-white/60 group-hover:text-white">Join our Telegram</span>
           </a>
           <a
-            href="#"
+            href="https://discord.gg/P3yqksmGun"
             target="_blank"
             rel="noopener noreferrer"
             className="flex items-center gap-3 px-4 py-3 bg-white/5 hover:bg-white/10 rounded-lg transition-colors group"
@@ -32,7 +32,7 @@ function Contact() {
             <span className="text-white/60 group-hover:text-white">Join Discord Server</span>
           </a>
           <a
-            href="#"
+            href="https://github.com/tejaspanchall/JustAnime"
             target="_blank"
             rel="noopener noreferrer"
             className="flex items-center gap-3 px-4 py-3 bg-white/5 hover:bg-white/10 rounded-lg transition-colors group"