UNBiters · Dapstab · Oct 24, 2023 · Nov 9, 2023 · Nov 9, 2023 · Nov 9, 2023
diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/layout.js b/app/layout.js
@@ -1,37 +1,41 @@
-import { UserProvider } from '@/context/UserContext';
-import NavbarMain from '@/components/NavbarMain'
-import Footer from '@/components/Footer'
-import '@/styles/globals.css';
-import '@/styles/navbar.css';
-import '@/styles/card.css';
-import '@/styles/login.css';
-import '@/styles/t&c.css';
-import '@/dist/output.css';
+import { UserProvider } from "@/context/UserContext";
+import NavbarMain from "@/components/NavbarMain";
+import Footer from "@/components/Footer";
+import "@/styles/globals.css";
+import "@/styles/navbar.css";
+import "@/styles/card.css";
+import "@/styles/login.css";
+import "@/styles/t&c.css";
+import "@/dist/output.css";
+import LoadingHome from "@/components/Loading/LoadingHome";
+import { Suspense } from "react";
 
-import { Inter } from 'next/font/google'
-import Navbar from '@/components/Navbar/Navbar';
-const inter = Inter({ subsets: ['latin'] })
+import { Inter } from "next/font/google";
+import Navbar from "@/components/Navbar/Navbar";
+const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {
-  title: 'UNBiters',
-  description: 'Reseñas chazas Universidad Nacional de Colombia',
-  keywords: ["UNBiters", "Reseñas", "Chazas"],
-
-}
+    title: "UNBiters",
+    description: "Reseñas chazas Universidad Nacional de Colombia",
+    keywords: ["UNBiters", "Reseñas", "Chazas"],
+};
 
 export default function RootLayout({ children }) {
-  //console.log(window.sessionStorage.getItem('sesion'))
-  return (
-    <html lang="en" suppressHydrationWarning={true}>
-      <head>
-      </head> <body className={inter.className}>
-        <UserProvider>
-          <Navbar />
-          {children}
-          <Footer />
-        </UserProvider>
-      </body>
-    </html>
-  )
+    //console.log(window.sessionStorage.getItem('sesion'))
+    return (
+        <html lang="en" suppressHydrationWarning={true}>
+            <head>
+                <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+            </head>{" "}
+            <body className={inter.className} style={{ paddingBottom: "0px" }}>
+                <Suspense fallback={<LoadingHome />}>
+                    <UserProvider>
+                        <Navbar />
+                        {children}
+                        <Footer />
+                    </UserProvider>
+                </Suspense>
+            </body>
+        </html>
+    );
 }
-
diff --git a/app/page.js b/app/page.js
@@ -1,10 +1,9 @@
 import HomeFetch from "@/components/Home/HomeFetch";
 
-
 export default function Home() {
-  return (
-    <>
-      <HomeFetch />
-    </>
-  )
-}
+    return (
+        <>
+                <HomeFetch />
+        </>
+    );
+}
diff --git a/app/unbiters/about/blog/page.js b/app/unbiters/about/blog/page.js
@@ -0,0 +1,144 @@
+import Image from "next/image";
+
+const BlogCard = ({ title, content, color }) => (
+  <div className={`bg-[${color}] p-6 rounded-lg shadow-md mb-6`}>
+    <h2 className="text-xl font-bold mb-4">{title}</h2>
+    <p className="text-gray-700">{content}</p>
+  </div>
+);
+
+export default function BlogView() {
+  const colors = [ "#F57B51", "#F6EEDF"];
+
+  const getRandomColor = () => {
+    const randomIndex = Math.floor(Math.random() * colors.length);
+    return colors[randomIndex];
+  };
+  return (
+    <div className="py-12 pb-32">
+      <div className="container mx-auto">
+        <div className="text-center bg-white p-6 rounded-md mb-8 max-w-xl mx-auto">
+          <h1 className="mt-6 text-3xl font-extrabold text-gray-900">
+            ¡Ponte al Corriente con UNBiters!
+          </h1>
+        </div>
+
+
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-8">
+          {/* Top Comidas Favoritas de la Semana */}
+          <BlogCard
+            title="Top Comidas Favoritas de la Semana"
+            content="Descubre las mejores opciones gastronómicas que nuestros usuarios han destacado esta semana. ¡Anímate a probarlas!"
+            color={getRandomColor()}
+          />
+
+          {/* Entrevistas a Chefs Estudiantiles */}
+          <BlogCard
+            title="Entrevistas a Chefs Estudiantiles"
+            content="Conoce a estudiantes que son auténticos chefs aficionados. Explora sus historias detrás de la cocina universitaria, sus platos favoritos y los consejos que tienen para ofrecer a otros amantes de la comida."
+            color={getRandomColor()}
+            />
+
+          {/* Explorando Sabores del Mundo */}
+          <BlogCard
+            title="Explorando Sabores del Mundo"
+            content="Viaja sin salir del campus explorando los sabores del mundo. Desde auténticos platos asiáticos hasta deliciosas opciones mediterráneas, descubre la diversidad culinaria que tu universidad tiene para ofrecer."
+            color={getRandomColor()}
+          />
+
+          {/* Mejores Lugares para Estudiar */}
+          <BlogCard
+            title="Mejores Lugares para Estudiar"
+            content="Encuentra esos lugares especiales donde la comida deliciosa se combina perfectamente con un ambiente propicio para estudiar. Descubre cafeterías y restaurantes que se convierten en tus mejores aliados durante las sesiones de estudio."
+            color={getRandomColor()}
+          />
+
+          {/* Opciones Saludables en el Campus */}
+          <BlogCard
+            title="Opciones Saludables en el Campus"
+            content="Para aquellos que buscan mantener un estilo de vida saludable, explora las opciones de comida que ofrecen una combinación perfecta de sabor y nutrición. Descubre restaurantes que te ayudarán a mantener tus metas de bienestar."
+            color={getRandomColor()}
+          />
+
+          {/* Guía de Comida Rápida para Estudiantes Ocupados */}
+          <BlogCard
+            title="Guía de Comida Rápida para Estudiantes Ocupados"
+            content="Cuando el tiempo es escaso pero el hambre no espera, descubre opciones de comida rápida y deliciosa diseñadas especialmente para estudiantes ocupados."
+            color={getRandomColor()}
+          />
+
+          {/* Eventos Gastronómicos en el Campus */}
+          <BlogCard
+            title="Eventos Gastronómicos en el Campus"
+            content="Sumérgete en la emoción de eventos especiales centrados en la comida. Desde festivales gastronómicos hasta ferias culinarias, mantente al tanto de las experiencias gastronómicas únicas que ofrece tu campus."
+            color={getRandomColor()}
+          />
+
+          {/* Secretos de Cocina de Profesores */}
+          <BlogCard
+            title="Secretos de Cocina de Profesores"
+            content="Descubre los secretos culinarios detrás de los escritorios y pizarras. Profesores y personal académico comparten sus recetas favoritas y experiencias culinarias."
+            color={getRandomColor()}
+          />
+
+          {/* Historias de Comida Compartida */}
+          <BlogCard
+            title="Historias de Comida Compartida"
+            content="Cada estudiante tiene una historia detrás de su comida favorita. Explora las experiencias culinarias compartidas por estudiantes de diversas culturas y orígenes."
+            color={getRandomColor()}
+          />
+
+          {/* Reseñas de Comida para Estudiantes con Dietas Especiales */}
+          <BlogCard
+            title="Reseñas de Comida para Estudiantes con Dietas Especiales"
+            content="Para aquellos con necesidades dietéticas específicas, descubre restaurantes que ofrecen opciones deliciosas y adaptadas. Desde platos vegetarianos y veganos hasta opciones sin gluten, encuentra lugares que satisfacen todas las preferencias."
+            color={getRandomColor()}
+          />
+
+          {/* Clases de Cocina en el Campus */}
+          <BlogCard
+            title="Clases de Cocina en el Campus"
+            content="Sumérgete en el mundo de la cocina con clases prácticas y eventos especiales en el campus. Descubre oportunidades para aprender nuevas habilidades culinarias y experimentar con ingredientes frescos."
+            color={getRandomColor()}
+          />
+
+          {/* Reseñas de Puestos de Comida Callejera */}
+          <BlogCard
+            title="Reseñas de Puestos de Comida Callejera"
+            content="Explora los sabores auténticos de la comida callejera que rodea el campus. Desde tacos y kebabs hasta opciones más exóticas, descubre los mejores lugares para disfrutar de auténtica comida callejera."
+            color={getRandomColor()}
+          />
+
+          {/* Favoritos de la Temporada */}
+          <BlogCard
+            title="Favoritos de la Temporada"
+            content="Descubre las delicias de temporada que ofrecen los restaurantes locales. Desde bebidas refrescantes en verano hasta platos reconfortantes en invierno, explora los favoritos de cada estación."
+            color={getRandomColor()}
+          />
+
+          {/* Comparativas de Precios */}
+          <BlogCard
+            title="Comparativas de Precios"
+            content="Para aquellos que buscan opciones asequibles, explora comparativas de precios y porciones en diferentes lugares del campus. Encuentra las mejores ofertas que se ajusten a tu presupuesto de estudiante."
+            color={getRandomColor()}
+          />
+
+          {/* Desafíos Gastronómicos */}
+          <BlogCard
+            title="Desafíos Gastronómicos"
+            content="Embárcate en desafíos culinarios divertidos y deliciosos. Desde crear tu versión de un plato clásico hasta probar sabores inusuales, participa en desafíos gastronómicos diseñados para estudiantes creativos y atrevidos."
+            color={getRandomColor()}
+          />
+        </div>
+
+        <p className="mt-8 text-center text-gray-700">
+          Si tienes preguntas, contáctanos a través de{" "}
+          <a href="/unbiters/contactus" className="text-blue-500 hover:underline">
+            este enlace
+          </a>
+          .
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/app/unbiters/about/page.js b/app/unbiters/about/page.js
@@ -2,7 +2,7 @@ import Values from "@/components/About/Values";
 
 export default function About() {
     return (
-        <div className="justify-items-center bg-white pt-12 text-center h-full " >
+        <div className="pb-32 justify-items-center bg-white pt-12 text-center h-full " >
 
             <section className="h-full  pt-12 dark:bg-gray-900 content-center">
                 <div className="text-left py-8 px-4 mx-auto max-w-screen-xl max-h-screen-xl lg:py-16 lg:px-6">

diff --git a/app/unbiters/chazas/page.js b/app/unbiters/chazas/page.js
@@ -7,6 +7,7 @@ import NewPost from '@/components/NewPost';
 import client, { myClient } from "@/config/client";
 import ModalComments from '@/components/Modal/ModalComments';
 import { useSearchParams, useRouter } from 'next/navigation'
+import Link from 'next/link';
 
 export default function Home() {
     const searchParams = useSearchParams()
@@ -89,7 +90,7 @@ export default function Home() {
         }
     ]
     return (
-        <div id='home' className='grid grid-cols-2'>
+        <div id='' className='md:pt-24 grid grid-cols-2'>
             {idSearch && (<ModalComments onClose={() => { router.push(`/#${idSearch}`) }} _id={idSearch} />)
 
             }
@@ -102,20 +103,23 @@ export default function Home() {
                     </button>
                 </div>
             </div>
-            <div className="pb-12 col-span-2 justify-items-center grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3">
+            <div className="pt-2 pb-12 col-span-2 justify-items-center grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3"  style={{ paddingBottom: "120px" }}>
                 {chazas ?
                     chazas.map((chaz) => (
                         <>
-                            <Card key={"cha" + chaz._id} card={chaz} idModal={chaz._id} comments={comments} className={"ListComment pb-2 mx-2"}></Card>
+                            <Card key={"cha" + chaz._id} card={chaz} idModal={chaz._id} comments={comments} className={"pb-4 mx-2"}></Card>
                         </>
                     )
                     )
 
                     : null}
             </div>
-            <a href="/unbiters/pricing" className="invisible md:visible btn-flotante text-white  right-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+            <Link
+                href="/unbiters/pricing"
+                className="invisible md:visible btn-flotante text-white  right-2.5 hover:[#9d5b5b] focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 "
+            >
                 Explora Premium
-            </a>
+            </Link>
 
         </div>
     )

diff --git a/app/unbiters/contactus/page.js b/app/unbiters/contactus/page.js
@@ -13,8 +13,8 @@ export default function ContactUs() {
     }
 
     return (
-        <div className="mt-8">
-            <div className=" pt-24 pb-24 flex justify-center items-center">
+        <div className="mt-8 general">
+            <div className=" pt-24 flex justify-center items-center">
                 <div className=" max-w-bg mx-auto bg-[#F6EEDF] rounded-xl shadow-md overflow-hidden">
                     <div className="py-8 lg:py-16 px-4 mx-auto max-w-screen-md text-center">
                         <h2 className="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Contactanos</h2>

diff --git a/app/unbiters/help/legal/page.js b/app/unbiters/help/legal/page.js
@@ -0,0 +1,65 @@
+'use client';
+import { Button } from 'flowbite-react';
+import Image from "next/image";
+import Link from 'next/link'
+
+export default function TC() {
+    return (
+        <div style={{ backgroundImage: 'url(/images/backLogin.png)', backgroundSize: 'cover', backgroundPosition: 'center', minHeight: '100vh' }}>x
+            <div className=" pt-24 pb-24 flex justify-center items-center">
+                <div className=" max-w-bg mx-auto bg-[#F6EEDF] rounded-xl shadow-md overflow-hidden ancho-personalizado">
+                    <div className="md:flex md:flex-col md:items-center p-5">
+                        <Image
+                            alt="Logo"
+                            height={110}
+                            width={110}
+                            src="/images/logo.png"
+                        />
+                        <h1
+                            className="block mt-1 text-md leading-tight font-bold text-black text-center">Información Legal UNBiters
+                        </h1>
+                        <h2
+                            className="block mt-5 text-md leading-tight font-bold text-black text-center">1. Protección de Datos Personales
+                        </h2>
+                        <p>En UNBiters, entendemos la importancia de la privacidad y nos regimos por la Ley Estatutaria 1581 de 2012. Esta ley tiene como objetivo proteger, regular y reglamentar el uso y tratamiento de la información personal de las personas. Te invitamos a revisar el contenido completo de esta ley en el siguiente enlace: <a href="https://www.suin-juriscol.gov.co/viewdocument.asp?ruta=leyes/1684507"className="text-md leading-tight font-bold text-black hover:underline">Ley 1581 de 2012</a>. Valoramos la confianza que depositas en nosotros al proporcionarnos tu información y nos comprometemos a utilizarla de manera segura y conforme a lo establecido en esta normativa.</p>
+
+                        <h2
+                            className="block mt-5 text-md leading-tight font-bold text-black text-center">2. Términos y Condiciones:
+                        </h2>
+                        <p>Nuestros Términos y Condiciones son un conjunto de reglas y acuerdos que rigen el uso de nuestra plataforma. Estos términos abarcan aspectos como la participación de los usuarios, el contenido permitido, la propiedad intelectual y la responsabilidad legal. Te invitamos a revisar detenidamente estos términos en el siguiente enlace:  <Link href="/unbiters/help/t&c"className="text-md leading-tight font-bold text-black hover:underline">Términos y Condiciones</Link>. Al utilizar nuestra plataforma, aceptas estos términos y te comprometes a cumplir con ellos.</p>
+
+                        <h2
+                            className="block mt-5 text-md leading-tight font-bold text-black text-center">3. Propiedad Intelectual
+                        </h2>
+                        <p>Entendemos y respetamos la importancia de la propiedad intelectual. Cualquier contenido que publiques en nuestro foro sigue siendo de tu propiedad. Sin embargo, al compartirlo en UNBiters, nos otorgas una licencia no exclusiva, transferible, sublicenciable y libre de regalías para usar, reproducir, modificar, distribuir y mostrar ese contenido en el contexto de nuestra plataforma. Esto nos permite proporcionar y mejorar nuestros servicios para beneficio de toda la comunidad.</p>
+
+                        <h2
+                            className="block mt-5 text-md leading-tight font-bold text-black text-center">4. Ley de Comercio Electrónico
+                        </h2>
+                        <p>Colombia cuenta con una legislación específica sobre comercio electrónico que establece normas y regulaciones para las transacciones en línea. En UNBiters, nos aseguramos de cumplir con estas regulaciones para garantizar una experiencia segura y confiable para nuestros usuarios. Esto incluye aspectos como la autenticación de transacciones y la protección de datos sensibles.</p>
+
+                        <h2
+                            className="block mt-5 text-md leading-tight font-bold text-black text-center">5. Ley de Protección al Consumidor
+                        </h2>
+                        <p>En UNBiters, nos tomamos muy en serio la protección de nuestros usuarios. Nos comprometemos a salvaguardar tus datos personales y a promover un ambiente de respeto y colaboración en nuestra plataforma. Esto implica un compromiso activo en la prevención de prácticas engañosas o perjudiciales para los consumidores.</p>
+
+                        <h2
+                            className="block mt-5 text-md leading-tight font-bold text-black text-center">6. Responsabilidad Legal
+                        </h2>
+                        <p>Nos reservamos el derecho de reportar a las autoridades competentes a los usuarios que lleguen a infringir leyes dentro de nuestra plataforma. Esto se hace con el propósito de garantizar un entorno seguro y legal para todos los usuarios de UNBiters. Cumplir con las leyes vigentes es esencial para mantener la integridad y confiabilidad de nuestra comunidad.</p>
+
+
+                        <h2
+                            className="block mt-5 text-md leading-tight font-bold text-black text-center">7. Contacto
+                        </h2>
+                        <p>Si tienes preguntas o comentarios sobre nuestra información legal, contáctanos a través de <Link href="/unbiters/contactus"className="text-md leading-tight font-bold text-black hover:underline">Este link</Link>.</p>
+
+
+
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    )
+}