ajustes de next.config (URL). Placeholder banner

ging · Oct 11, 2024 · 4c0bf15 · 4c0bf15
1 parent 26fd9a3
commit 4c0bf15
Show file tree

Hide file tree

Showing 16 changed files with 62 additions and 47 deletions.
diff --git a/app/about/page.js b/app/about/page.js
@@ -55,27 +55,35 @@ export default function About() {
           {t("about.Goals.sectionTitle")}
         </Heading>
 
-        <div className=" flex items-center sm:items-strech sm:justify-stretch flex-col sm:grid sm:grid-cols-3 gap-4 md:gap-6 mb-20">
-          <CustomCard className="flex flex-col justify-start gap-4 xs:w-3/4 shadow-md shadow-primary/15 rounded text-center padding_card_highlight">
-              <FigmaLogoIcon className="mx-auto p-3 h-12 w-12 rounded-full bg-primary-300 text-primary" />
+        <div className=" flex items-center sm:items-strech sm:justify-stretch flex-col sm:grid sm:grid-cols-2 md:grid-cols-3 gap-4 md:gap-6 mb-20">
+        <CustomCard className="h-full w-full flex flex-col justify-start gap-4 xs:w-3/4 sm:w-full  shadow-md shadow-primary/15 rounded text-center padding_card_highlight">
+             <div className="mx-auto h-12 w-12 rounded-full flex bg-primary-300 justify-center items-center"> 
+             <FigmaLogoIcon className="m-auto h-7 w-7  text-primary" />
+             </div>
             <CardTitle level="h4">{t("about.Goals.Goal1.GoalTitle")}</CardTitle>
             <CardDescription>{t("about.Goals.Goal1.GoalBody")}</CardDescription>
           </CustomCard>
 
-          <CustomCard className="flex flex-col justify-start gap-4 xs:w-3/4 shadow-md shadow-primary/15 rounded text-center padding_card_highlight">
-              <ScissorsIcon className="mx-auto p-3 h-12 w-12 rounded-full bg-primary-300 text-primary"/>
+          <CustomCard className="h-full w-full flex flex-col justify-start gap-4 xs:w-3/4 sm:w-full  shadow-md shadow-primary/15 rounded text-center padding_card_highlight">
+          <div className="mx-auto h-12 w-12 rounded-full flex bg-primary-300 justify-center items-center"> 
+              <ScissorsIcon className="m-auto h-7 w-7  text-primary"/>
+              </div>
             <CardTitle level="h4">{t("about.Goals.Goal2.GoalTitle")}</CardTitle>
             <CardDescription>{t("about.Goals.Goal2.GoalBody")}</CardDescription>
           </CustomCard>
 
           <CustomCard className="h-full w-full flex flex-col justify-start gap-4 xs:w-3/4 sm:w-full  shadow-md shadow-primary/15 rounded text-center padding_card_highlight">
-              <HeartIcon className="mx-auto p-3 h-12 w-12 rounded-full bg-primary-300 text-primary" />
+          <div className="mx-auto h-12 w-12 rounded-full flex bg-primary-300 justify-center items-center"> 
+              <HeartIcon className="m-auto h-7 w-7  text-primary" />
+              </div>
             <CardTitle level="h4">{t("about.Goals.Goal3.GoalTitle")}</CardTitle>
             <CardDescription>{t("about.Goals.Goal3.GoalBody")}</CardDescription>
           </CustomCard>
 
-          <CustomCard className="flex flex-col justify-start gap-4 xs:w-3/4 shadow-md shadow-primary/15 rounded text-center padding_card_highlight">
-            <FigmaLogoIcon className="mx-auto p-3 h-12 w-12 rounded-full bg-primary-300 text-primary"/>
+          <CustomCard className="h-full w-full flex flex-col justify-start gap-4 xs:w-3/4 sm:w-full  shadow-md shadow-primary/15 rounded text-center padding_card_highlight">
+          <div className="mx-auto h-12 w-12 rounded-full flex bg-primary-300 justify-center items-center"> 
+            <FigmaLogoIcon className="m-auto h-7 w-7  text-primary"/>
+            </div>
             {/* <span className="divider_auto" /> */}
             <CardTitle level="h4">Título de la card</CardTitle>
             <CardDescription>

diff --git a/app/globals.css b/app/globals.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 * {
-  border: 1px solid salmon
+ /* border: 1px solid salmon */
 }
 
 /*TYPE*/

diff --git a/app/layout.js b/app/layout.js
@@ -29,7 +29,6 @@ export default function RootLayout({ children }) {
 
   return (
 <Router>
-
       <html className={` ${sourceSans.variable} ${inter.variable} `}> 
       <title>Boiler</title>
       <body className="bg-background"> 
@@ -38,7 +37,7 @@ export default function RootLayout({ children }) {
           <div>
              <Routes>
           {routes.map((route, page, index) => (
-            <Route path={route.route} element={route.page} className={console.log(route.page)}/>
+            <Route path={route.route} element={route.page}/>
           ))}
           </Routes>
             </div>

diff --git a/app/page.js b/app/page.js
@@ -47,8 +47,7 @@ export default function Page() {
 
   return (
     <main>
-    <title>Amazing Page</title>
-      {/* <Banner>
+      <Banner>
         <BannerContent className={"w-full"}>
           <BannerTitle className={"text-white"}>{t("front.title")}</BannerTitle>
           <BannerDescription className="h-full text-balance">
@@ -66,17 +65,17 @@ export default function Page() {
             {t("front.action-button")} <ArrowRightIcon className=" h-4 w-4" />
           </Button>
         </BannerContent>
-        <Image
+        <BannerImg
           src="placeholder.jpg"
           alt="Descripción de la imagen"
           fit="contain"
           hasBadge={true}
           badgeVariant=""
           badgeSize=""
+          // className={"hidden"}
         />
-      </Banner> */}
-
-      <BannerPum></BannerPum>
+      </Banner> 
+      {/* <BannerPum></BannerPum> */}
 
       <section className="standard_padding">
         <Heading level="h3">{t("front.section1Title")}</Heading>

diff --git a/components/bannerPum.jsx b/components/bannerPum.jsx
@@ -11,7 +11,7 @@ import Text from "@/components/ui/Text";
 
 export default function BannerPum(props) {
     const { t } = useTranslation();
-    return (
+    return (<>
         <div className="bg-gradient-to-r from-black to-white p-20">
             <div className="flex flex-col justify-end absolute right-10 top-28">
 
@@ -23,5 +23,7 @@ export default function BannerPum(props) {
                 este es un degradado
             </div>
         </div>
+
+      </>
     )
 }
diff --git a/components/core/Banner.jsx b/components/core/Banner.jsx
@@ -68,9 +68,9 @@ const BannerButton = React.forwardRef(({ className, ...props }, ref) => (
 BannerButton.displayName = "BannerButton";
 
 const BannerImg = React.forwardRef(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("hidden md:block", className)}>
+  <div ref={ref} className={cn("hidden md:block relative w-full h-full overflow-hidden", className)}>
     <img
-      className="object-contain"
+      className="w-full h-full flex items-center justify-center object-contain"
       src="placeholder.jpg"
       alt="icon"
     />

diff --git a/components/core/Cards.jsx b/components/core/Cards.jsx
@@ -23,7 +23,7 @@ import {
 import Link from "next/link";
 
 const CardVariants = cva(
-  "border border-primary min-w-20 p-4 inline-flex flex-col gap-4 items-center justify-between whitespace-nowrap rounded-md font-body text-sm text-text drop-shadow-md hover:scale-[101%] transition-all overflow-hidden",
+  "border  min-w-20 p-4 inline-flex flex-col gap-4 items-center justify-between whitespace-nowrap rounded-md font-body text-sm text-text drop-shadow-md hover:scale-[101%] transition-all overflow-hidden",
   {
     variants: {
       direction: {

diff --git a/components/core/Footer.jsx b/components/core/Footer.jsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import clsx from "clsx";
-import Link from "next/link";
+import { NavLink } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { activeRoutes } from "@/constants/routes";
 import { EnvelopeClosedIcon } from "@radix-ui/react-icons";
@@ -59,13 +59,13 @@ export default function Footer(props) {
               key={index}
               className={
                 route.route === props.route
-                  ? "li-selected text-left mb-1 lg:mb-1.5"
-                  : "text-left mb-1 lg:mb-1.5"
+                  ? "li-selected text-left mb-1 lg:mb-1.5 hover:underline"
+                  : "text-left mb-1 lg:mb-1.5 hover:underline"
               }
             >
-              <Link className="text-base" href={route.route}>
+              <NavLink className="text-base" to={route.route}>
                 {t(route.key)}
-              </Link>
+              </NavLink>
             </li>
           ))}
         </ul>

diff --git a/components/core/Header.jsx b/components/core/Header.jsx
@@ -51,12 +51,12 @@ export default function Header(props) {
 
   const menuItems = clsx(
     "flex flex-col justify-end items-center md:flex-row",
-    "gap-0 md:gap-4",
+    "gap-1 md:gap-4",
 
   );
 
   const menuItemClasses = clsx(
-    "w-full py-2 px-4 text-center md:p-0 md:w-fit",
+    "w-full px-4 text-center md:p-0 md:w-fit",
     "text-lg md:text-base",
     "hover:underline"
   );

diff --git a/components/ui/customCard.jsx b/components/ui/customCard.jsx
@@ -12,7 +12,7 @@ import Heading from "@/components/ui/Heading"
 const CustomCard = React.forwardRef(({ className, ...props }, ref) => (
   <article
     ref={ref}
-    className={cn("p-2 h-full w-3/4 sm:w-full rounded-xl border flex flex-col justify-start gap-4 shadow bg-primary-200 text-primary-800", className)}
+    className={cn("p-2 h-full xs:w-3/4 md:w-full rounded-xl border flex flex-col justify-start gap-4 shadow bg-primary-200/70 text-primary-800", className)}
     {...props} />
 ))
 CustomCard.displayName = "CustomCard"
@@ -30,7 +30,7 @@ const CardTitle = React.forwardRef(({ className, ...props }, ref) => (
   <Heading
     ref={ref}
     level="h3" 
-    className={cn("font-semibold leading-5 tracking-tight", className)}
+    className={cn("font-semibold leading-6 tracking-tight", className)}
     {...props} 
   />
 ))

diff --git a/next.config.mjs b/next.config.mjs
@@ -37,7 +37,7 @@ const nextConfig = {
    * Environment variables
    */
   env: {
-    PUBLIC_URL: isProd ? "https://fun4date.github.io/" : "",
+    PUBLIC_URL: isProd ? "https://ging.github.io/boiler/" : "",
     BASE_PATH: isProd ? "" : ""
   }
 };

diff --git a/public/assets/fondos/background_banner.png b/public/assets/fondos/background_banner.png
diff --git a/public/assets/fondos/eunomia_fondo_default.png b/public/assets/fondos/eunomia_fondo_default.png