Try #2

opengento · Jan 25, 2025 · 7b1abbc · 7b1abbc
1 parent 4d37201
commit 7b1abbc
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/next.config.ts b/next.config.ts
@@ -1,6 +1,7 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+    reactStrictMode: true,
     webpack(config) {
         config.module.rules.push({
             test: /\.svg$/,

diff --git a/src/components/Hero/Hero.tsx b/src/components/Hero/Hero.tsx
@@ -3,6 +3,7 @@ import Typography from "@/components/Typography/Typography";
 import BackgroundImage from "@/components/BackgroundImage/BackgroundImage";
 import CountdownTimer from "@/components/Countdown/Countdown"
 import Container from "@/layouts/Container";
+import MMFRFull from "../../public/images/mmfr25-full.svg";
 
 const Hero = () => {
     return (
@@ -19,6 +20,7 @@ const Hero = () => {
                             </Typography>
                         </div>
                         <div className="hidden md:flex flex-wrap justify-center gap-8">
+                            <MMFRFull/>
                             <CountdownTimer targetDate={new Date("2025-03-25T08:00:00")}/>
                         </div>
                     </div>

diff --git a/src/layouts/Footer/Footer.tsx b/src/layouts/Footer/Footer.tsx
@@ -3,6 +3,10 @@ import About from "@/components/About/About";
 import Typography from "@/components/Typography/Typography";
 import {List as FooterMenu} from "@/components/List/List";
 import Container from "@/layouts/Container";
+import FooterLogo from "../../public/images/logo_macaron.svg";
+import HashtagMMFR from "../../public/images/mmfr2025-footer.svg";
+import FooterPatternLeft from "../../public/images/footer_pattern_left.svg";
+import FooterPatternRight from "../../public/images/footer_pattern_right.svg";
 import {Content, ListItem} from "@/components/List/List.types";
 import {FaLinkedinIn, FaYoutube} from "react-icons/fa";
 import Link from "next/link";
@@ -105,6 +109,8 @@ const Footer = () => {
                 <Container className="px-5" size="large">
                     <div className="flex gap-24 py-12 pb-0 md:py-14 w-full justify-between">
                         <div className="relative hidden md:block">
+                            <FooterLogo className="hidden md:block shrink-0 ml-12"/>
+                            <FooterPatternLeft className="absolute hidden md:block bottom-[-20%] left-[-5%]"/>
                         </div>
                         <div className="md:flex-grow">
                             <About/>
@@ -129,6 +135,8 @@ const Footer = () => {
                 </Container>
                 <div className="px-10">
                     <div className="flex justify-center ">
+                        <HashtagMMFR className="relative z-20 w-full max-w-[100%] h-auto"/>
+                        <FooterPatternRight className="absolute hidden md:block z-10 bottom-8 right-0"/>
                     </div>
                 </div>
             </BackgroundImage>