Skip to content

Commit

Permalink
July Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@aridanemartin
aridanemartin committed Jul 31, 2022
1 parent e73287d commit 29a2114
Show file tree
Hide file tree
Showing 20 changed files with 262 additions and 181 deletions.
2 changes: 1 addition & 1 deletion components/Banner/Banner.module.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.bannerWrap {
margin: 6rem 0rem;
margin-top: 3rem;
display: grid;
grid-template-rows: 85% 15%;
grid-template-columns: 100%;
Expand Down
7 changes: 4 additions & 3 deletions components/CoverCollage/CoverCollage.module.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
.coverCollageWrapper {
padding-top: 3rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
margin-bottom: 3rem;
Expand All @@ -9,7 +10,7 @@
background: black;
}

.singleCover:hover{
.singleCover:hover {
cursor: pointer;
}

Expand All @@ -19,8 +20,8 @@
display: block;
}

@media(max-width: 900px){
@media (max-width: 900px) {
.coverCollageWrapper {
display: none;
}
}
}
1 change: 1 addition & 0 deletions components/Footer/Footer.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
width: 100%;
height: 25rem;
background: #161111;
margin-top: 3rem;
}

.footerContentWrap {
Expand Down
86 changes: 42 additions & 44 deletions components/ImageTextBlock/ImageTextBlock.module.css
View file
Original file line number Diff line number Diff line change
@@ -1,52 +1,50 @@


.blockWrapper{
display: grid;
grid-template-columns: 50% 50%;
grid-template-areas: "img txt";
min-height: 30rem;
margin-bottom: 3rem;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
.blockWrapper {
display: grid;
grid-template-columns: 50% 50%;
grid-template-areas: "img txt";
min-height: 30rem;
margin-bottom: 3rem;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
padding-top: 3rem;
}

.imageWrapper{
grid-area: img;
position: relative;
width: 100%;
height: 100%;
.imageWrapper {
grid-area: img;
position: relative;
width: 100%;
height: 100%;
}

.textWrapper{
grid-area: txt;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 3rem 1rem;
.textWrapper {
grid-area: txt;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

padding: 3rem 1rem;
}

.textWrapper p{
font-size: 1.2rem;
text-align: center;
max-width: 80%;
margin: 0;
margin-bottom: 1rem;
.textWrapper p {
font-size: 1.2rem;
text-align: center;
max-width: 80%;
margin: 0;
margin-bottom: 1rem;
}

@media(max-width: 1100px){
.blockWrapper{
grid-template-columns: 100%;
grid-template-rows: 20rem auto;
grid-template-areas:
"img"
"txt";
margin-bottom: 3rem;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}
.textWrapper p{
max-width: 100%;
font-size: 1rem;
}

}
@media (max-width: 1100px) {
.blockWrapper {
grid-template-columns: 100%;
grid-template-rows: 20rem auto;
grid-template-areas:
"img"
"txt";
margin-bottom: 3rem;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}
.textWrapper p {
max-width: 100%;
font-size: 1rem;
}
}
2 changes: 1 addition & 1 deletion components/Nav/Nav.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ const Nav = () => {
className={styles.goBackMobile}
onClick={() => setServiciosOpen(false)}
>
{t("common:back")}
{t("common:buttonText.back")}
</a>
</ul>
</motion.div>
Expand Down
35 changes: 26 additions & 9 deletions components/Servicios/Servicios.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import audiovisuales from "../../public/images/icons/audiovisuales.webp";
import mezcla from "../../public/images/icons/mezcla.webp";
import produccion from "../../public/images/icons/produccion.webp";

const Servicios = () => {
const Servicios = ({ noText }) => {
const { t } = useTranslation();

return (
Expand All @@ -20,39 +20,56 @@ const Servicios = () => {
<Image src={produccion} layout="fill" objectFit="cover" />
</div>
<h2>{t("index:produccionTitle")}</h2>
<p>{t("index:produccionText")}</p>

{!noText && (
<>
<p>{t("index:produccionText")}</p>
</>
)}
<Link href="/servicios/produccion-musical">
<a>Más Información</a>
<a>{t("common:buttonText.moreInfo")}</a>
</Link>
</div>
<div className={styles.servicio + " " + styles.servicio2}>
<div className={styles.servicioImage}>
<Image src={grabacion} layout="fill" objectFit="cover" />
</div>
<h2>{t("index:grabacionTitle")}</h2>
<p>{t("index:grabacionText")}</p>
{!noText && (
<>
<p>{t("index:grabacionText")}</p>
</>
)}
<Link href="/servicios/guitarrista">
<a>Más Información</a>
<a>{t("common:buttonText.moreInfo")}</a>
</Link>
</div>
<div className={styles.servicio + " " + styles.servicio3}>
<div className={styles.servicioImage}>
<Image src={audiovisuales} layout="fill" objectFit="cover" />
</div>
<h2>{t("index:audiovisualesTitle")}</h2>
<p>{t("index:audiovisualesText")}</p>
{!noText && (
<>
<p>{t("index:audiovisualesText")}</p>
</>
)}
<Link href="/servicios/musica-para-audiovisuales">
<a>Más Información</a>
<a>{t("common:buttonText.moreInfo")}</a>
</Link>
</div>
<div className={styles.servicio + " " + styles.servicio4}>
<div className={styles.servicioImage}>
<Image src={mezcla} layout="fill" objectFit="cover" />
</div>
<h2>{t("index:mezclaTitle")}</h2>
<p>{t("index:mezclaText")}</p>
{!noText && (
<>
<p>{t("index:mezclaText")}</p>
</>
)}
<Link href="/servicios/mezcla-master">
<a>Más Información</a>
<a>{t("common:buttonText.moreInfo")}</a>
</Link>
</div>
</div>
Expand Down
5 changes: 2 additions & 3 deletions components/TextBlock/TextBlock.module.css
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
.textBlockContainer:first-child {
padding: 3rem 0rem;
padding-top: 3rem;
}

.textBlockContainer {
padding: 3rem 0rem;
padding-top: 3rem;
}

.mainTitle {
Expand Down Expand Up @@ -50,7 +50,6 @@
}

@media (max-width: 768px) {

.mainTitle {
font-size: 2.5rem;
text-align: center;
Expand Down
38 changes: 31 additions & 7 deletions components/Ventajas/Ventajas.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import Image from "next/image";
import useTranslation from "next-translate/useTranslation";
import styles from "./Ventajas.module.css";
import styles from "./Ventajas.module.scss";

export default function Ventajas({
img1,
Expand All @@ -15,6 +15,12 @@ export default function Ventajas({
txt4,
txt5,
txt6,
desc1,
desc2,
desc3,
desc4,
desc5,
desc6,
vertical,
}) {
return (
Expand All @@ -26,40 +32,58 @@ export default function Ventajas({
<div className={styles.imageWrapper}>
<Image src={img1} objectFit="contain" layout="fill" />
</div>
<p>{txt1}</p>
<div className={styles.textWrapper}>
<h3>{txt1}</h3>
<p>{desc1}</p>
</div>
</div>
<div className={styles.ventajaWrapper}>
<div className={styles.imageWrapper}>
<Image src={img2} objectFit="contain" layout="fill" />
</div>
<p>{txt2}</p>
<div className={styles.textWrapper}>
<h3>{txt2}</h3>
<p>{desc2}</p>
</div>
</div>
<div className={styles.ventajaWrapper}>
<div className={styles.imageWrapper}>
<Image src={img3} objectFit="contain" layout="fill" />
</div>
<p>{txt3}</p>
<div className={styles.textWrapper}>
<h3>{txt3}</h3>
<p>{desc3}</p>
</div>
</div>
<div className={styles.ventajaWrapper}>
<div className={styles.imageWrapper}>
<Image src={img4} objectFit="contain" layout="fill" />
</div>
<p>{txt4}</p>
<div className={styles.textWrapper}>
<h3>{txt4}</h3>
<p>{desc4}</p>
</div>
</div>
{img5 && (
<div className={styles.ventajaWrapper}>
<div className={styles.imageWrapper}>
<Image src={img5} objectFit="contain" layout="fill" />
</div>
<p>{txt5}</p>
<div className={styles.textWrapper}>
<h3>{txt5}</h3>
<p>{desc5}</p>
</div>
</div>
)}
{img6 && (
<div className={styles.ventajaWrapper}>
<div className={styles.imageWrapper}>
<Image src={img6} objectFit="contain" layout="fill" />
</div>
<p>{txt6}</p>
<div className={styles.textWrapper}>
<h3>{txt6}</h3>
<p>{desc6}</p>
</div>
</div>
)}
</div>
Expand Down
Loading

1 comment on commit 29a2114

@vercel
Copy link

@vercel vercel bot commented on 29a2114 Jul 31, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

ratones-nextjs – ./

www.ratonesroom.com
ratones-nextjs-aridanemartin.vercel.app
ratonesroom.com
ratones-nextjs-git-main-aridanemartin.vercel.app
ratones-nextjs.vercel.app

Please sign in to comment.