From 4c45ecf7e166128e868abb1b4b6c4c9f87d02ee5 Mon Sep 17 00:00:00 2001
From: Luigi Carvalho <carvalholuigi25@gmail.com>
Date: Fri, 3 Nov 2023 09:59:39 +0000
Subject: [PATCH] added logos in main page

---
 public/images/logos/logo.svg          |  2 +-
 public/images/logos/logo_compact.svg  |  2 +-
 src/app/[locale]/components/header.js | 15 +++++++--------
 src/app/[locale]/components/navbar.js | 12 +++++++++++-
 src/app/[locale]/styles/globals.scss  | 17 +++++++++++++++++
 5 files changed, 37 insertions(+), 11 deletions(-)

diff --git a/public/images/logos/logo.svg b/public/images/logos/logo.svg
index 6ea7b47..2261290 100644
--- a/public/images/logos/logo.svg
+++ b/public/images/logos/logo.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500px" height="500px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g><path style="opacity:1" fill="#fefefe" d="M -0.5,-0.5 C 166.167,-0.5 332.833,-0.5 499.5,-0.5C 499.5,166.167 499.5,332.833 499.5,499.5C 332.833,499.5 166.167,499.5 -0.5,499.5C -0.5,332.833 -0.5,166.167 -0.5,-0.5 Z"/></g>
+<g><path style="opacity:1" fill="#00000000" d="M -0.5,-0.5 C 166.167,-0.5 332.833,-0.5 499.5,-0.5C 499.5,166.167 499.5,332.833 499.5,499.5C 332.833,499.5 166.167,499.5 -0.5,499.5C -0.5,332.833 -0.5,166.167 -0.5,-0.5 Z"/></g>
 <g><path style="opacity:1" fill="#43fe15" d="M 224.5,92.5 C 235.336,90.8595 241.336,95.3595 242.5,106C 241.833,111.667 241.167,117.333 240.5,123C 246.677,158.566 244.01,193.399 232.5,227.5C 233.242,228.287 234.075,228.953 235,229.5C 245.667,210.833 256.333,192.167 267,173.5C 265.897,168.58 264.73,163.58 263.5,158.5C 265.546,148.644 271.546,144.477 281.5,146C 294.094,153.603 294.761,162.269 283.5,172C 281.667,173.167 279.833,174.333 278,175.5C 268.552,191.417 260.052,207.417 252.5,223.5C 281.985,208.674 311.485,194.007 341,179.5C 345.742,168.038 353.242,165.704 363.5,172.5C 371.501,182.918 369.501,191.085 357.5,197C 355.5,197.667 353.5,197.667 351.5,197C 348.654,194.827 345.488,193.327 342,192.5C 312.17,202.499 284.337,216.332 258.5,234C 271.333,231.168 284.333,228.835 297.5,227C 319.831,225.511 341.998,226.677 364,230.5C 368.015,229.94 371.848,228.773 375.5,227C 388.161,224.673 394.328,229.839 394,242.5C 389.118,254.705 381.285,257.205 370.5,250C 365.595,242.571 358.595,238.904 349.5,239C 320.793,234.518 292.46,236.185 264.5,244C 242.889,251.643 221.555,259.643 200.5,268C 230.03,222.856 239.03,174.023 227.5,121.5C 212.84,112.931 211.84,103.264 224.5,92.5 Z"/></g>
 <g><path style="opacity:1" fill="#f9fff7" d="M 226.5,98.5 C 233.88,98.0502 237.38,101.384 237,108.5C 234.565,113.224 230.731,114.724 225.5,113C 219.99,107.73 220.323,102.897 226.5,98.5 Z"/></g>
 <g><path style="opacity:1" fill="#fcfffb" d="M 273.5,153.5 C 280.827,152.329 283.994,155.329 283,162.5C 279,167.833 275,167.833 271,162.5C 269.927,158.9 270.76,155.9 273.5,153.5 Z"/></g>
diff --git a/public/images/logos/logo_compact.svg b/public/images/logos/logo_compact.svg
index 74889b8..f4bc611 100644
--- a/public/images/logos/logo_compact.svg
+++ b/public/images/logos/logo_compact.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500px" height="500px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g><path style="opacity:1" fill="#fefefe" d="M -0.5,-0.5 C 166.167,-0.5 332.833,-0.5 499.5,-0.5C 499.5,166.167 499.5,332.833 499.5,499.5C 332.833,499.5 166.167,499.5 -0.5,499.5C -0.5,332.833 -0.5,166.167 -0.5,-0.5 Z"/></g>
+<g><path style="opacity:1" fill="#00000000" d="M -0.5,-0.5 C 166.167,-0.5 332.833,-0.5 499.5,-0.5C 499.5,166.167 499.5,332.833 499.5,499.5C 332.833,499.5 166.167,499.5 -0.5,499.5C -0.5,332.833 -0.5,166.167 -0.5,-0.5 Z"/></g>
 <g><path style="opacity:1" fill="#44fe17" d="M 154.5,147.5 C 163.13,146.451 167.796,150.118 168.5,158.5C 168.019,163.156 167.686,167.822 167.5,172.5C 171.936,201.413 169.603,229.746 160.5,257.5C 161.5,258.833 162.5,258.833 163.5,257.5C 171.467,243.038 179.633,228.705 188,214.5C 187.825,210.109 186.991,205.776 185.5,201.5C 187.748,192.068 193.415,188.901 202.5,192C 208.665,196.493 209.832,201.993 206,208.5C 202.437,211.275 199.104,214.275 196,217.5C 189.373,229.253 182.873,241.086 176.5,253C 199.962,242.606 223.295,231.606 246.5,220C 249.285,216.396 252.285,213.062 255.5,210C 266.88,209.047 271.713,214.213 270,225.5C 266.96,231.603 262.126,233.769 255.5,232C 253.723,230.196 251.556,229.363 249,229.5C 224.631,237.602 201.797,248.768 180.5,263C 209.123,255.698 238.123,254.531 267.5,259.5C 271.897,258.699 276.231,257.699 280.5,256.5C 290.625,258.149 293.792,263.816 290,273.5C 286.657,278.218 282.157,279.718 276.5,278C 273.203,275.705 270.203,273.038 267.5,270C 240.125,262.492 212.792,262.826 185.5,271C 168.377,277.37 151.377,283.703 134.5,290C 157.564,254.346 165.398,215.513 158,173.5C 155.344,170.678 152.511,168.012 149.5,165.5C 146.208,161.868 145.708,157.868 148,153.5C 150.063,151.266 152.229,149.266 154.5,147.5 Z"/></g>
 <g><path style="opacity:1" fill="#f7fff4" d="M 155.5,152.5 C 160.319,152.153 163.319,154.32 164.5,159C 162.144,165.611 158.311,166.778 153,162.5C 151.11,158.58 151.943,155.246 155.5,152.5 Z"/></g>
 <g><path style="opacity:1" fill="#f9fff7" d="M 194.5,196.5 C 200.787,196.954 202.787,200.121 200.5,206C 193.922,208.757 191.089,206.59 192,199.5C 193.045,198.627 193.878,197.627 194.5,196.5 Z"/></g>
diff --git a/src/app/[locale]/components/header.js b/src/app/[locale]/components/header.js
index 1280da0..2f5edb5 100644
--- a/src/app/[locale]/components/header.js
+++ b/src/app/[locale]/components/header.js
@@ -10,22 +10,21 @@ export default function Header() {
             <div className={styles.header + " " + styles.wave1 + " p-5"}>
                 <div className="container">
                     <div className="row">
-                        <div className="col-12 col-md-6 headersideleft mt-3 animate__animated animate__fadeInUp">
-                            <h1 className={styles.mtitle} id="mtitle" dir="auto">LCP</h1>
-                            <p className={styles.desc} id="mdesc" dir="auto">
+                        <div className="col-12 col-md-6 order-1 order-md-0 headersideleft mt-3 animate__animated animate__fadeInUp">
+                            <p className={styles.desc + " mt-3"} id="mdesc" dir="auto">
                                 {t('desc')}
                             </p>
                             <a href="#features" className="btn btn-primary btnSeeMore" id="btnSeeMore" dir="auto">
                                 {t('btnSeeMore')}
                             </a>
                         </div>
-                        <div className="col-12 col-md-6 headersideright animate__animated animate__fadeInUp">
+                        <div className="col-12 col-md-6 order-0 order-md-1 headersideright animate__animated animate__fadeInUp">
                             <Image
-                                className="image mx-auto"
-                                src="/images/setup.svg"
+                                className="image mx-auto logofull"
+                                src="/images/logos/logo.svg"
                                 alt="LCP"
-                                width={530}
-                                height={530}
+                                width={200}
+                                height={200}
                                 priority
                             />
                         </div>
diff --git a/src/app/[locale]/components/navbar.js b/src/app/[locale]/components/navbar.js
index 7d56c08..4b83782 100644
--- a/src/app/[locale]/components/navbar.js
+++ b/src/app/[locale]/components/navbar.js
@@ -1,5 +1,6 @@
 "use client";
 import React, { useState } from 'react';
+import Image from 'next/image';
 import { useLocale, useTranslations } from 'next-intl';
 
 export default function Navbar() {
@@ -15,7 +16,16 @@ export default function Navbar() {
         <>
             <nav className="navbar fixed-top navbar-expand-lg bg-body-tertiary mnavbar" id="mnavbar">
                 <div className="container-fluid">
-                    <a className="navbar-brand" href={`/${useLocale()}`}>LCP</a>
+                    <a className="navbar-brand" href={`/${useLocale()}`}>
+                        <Image
+                            className="image mx-auto logosmall"
+                            src="/images/logos/logo_compact.svg"
+                            alt="LCP"
+                            width={100}
+                            height={30}
+                            priority
+                        />
+                    </a>
                     <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarLinks" aria-controls="navbarLinks" aria-expanded="false" aria-label="Toggle navigation" onClick={clickNav}>
                         <i className={`bi bi-${isCollapsed ? "x" : "three-dots"}`}></i>
                     </button>
diff --git a/src/app/[locale]/styles/globals.scss b/src/app/[locale]/styles/globals.scss
index ec54336..edce8ed 100644
--- a/src/app/[locale]/styles/globals.scss
+++ b/src/app/[locale]/styles/globals.scss
@@ -194,6 +194,23 @@ ul, ol, dl {
   margin-top: 0;
 }
 
+.logosmall {
+  width: 100px;
+  height: 30px;
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: cover;
+}
+
+.logofull {
+  display: block;
+  width: auto;
+  height: auto;
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: cover;
+}
+
 .cwhite { color: white !important; }
 .cblack { color: black !important; }