Update sass.

next.config.js

@@ -1,6 +1,19 @@
+const path = require("path");
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    reactStrictMode: true
+    reactStrictMode: true,
+    webpack(config) {
+        config.module.rules.forEach((rule) => {
+            const {oneOf} = rule;
+            if (oneOf) {
+                oneOf.forEach((one) => {
+                    if (!`${one.issuer?.and}`.includes('_app')) return;
+                    one.issuer.and = [path.resolve(__dirname)];
+                });
+            }
+        })
+        return config;
+    },
 }
 
 module.exports = nextConfig

src/components/index/about_us.js

@@ -1,7 +1,7 @@
 import * as ReactBootstrap from "react-bootstrap";
 import AboutImg from "@/assets/images/ventry.svg";
-import "@/styles/index/about_us.module.scss";
-import "@/styles/index/landing.module.scss"
+import "@/styles/index/about_us.scss";
+import "@/styles/index/landing.scss"
 
 function AboutUs() {
     return (

src/components/index/footer.js

@@ -1,8 +1,8 @@
 import Image from "next/image"
 import * as ReactBootstrap from "react-bootstrap";
 import Logo from "@/assets/images/footer.svg";
-import "@/styles/index/footer.module.scss";
-import "@/styles/index/landing.module.scss";
+import "@/styles/index/footer.scss";
+import "@/styles/index/landing.scss";
 
 function Footer() {
     return (

src/components/index/header.js

@@ -1,7 +1,7 @@
 import * as ReactBootstrap from "react-bootstrap";
 import HeaderImg from "@/assets/images/header.svg";
-import "@/styles/index/header.module.scss";
-import "@/styles/index/landing.module.scss";
+import "@/styles/index/header.scss";
+import "@/styles/index/landing.scss";
 
 function Header() {
     return (

src/components/index/interested.js

@@ -2,8 +2,8 @@ import Image from "next/image"
 import * as ReactBootstrap from "react-bootstrap";
 import CloudTopLeft from "@/assets/images/cloud_top_left.svg";
 import CloudBottomRight from "@/assets/images/cloud_bottom_right.svg";
-import "@/styles/index/interested.module.scss";
-import "@/styles/index/landing.module.scss";
+import "@/styles/index/interested.scss";
+import "@/styles/index/landing.scss";
 
 
 function Interested() {

src/components/index/navigation_bar.js

@@ -1,7 +1,7 @@
 import * as ReactBootstrap from "react-bootstrap";
 import LogoNavImage from "@/assets/images/logo_nav.svg";
-import "@/styles/index/navigation_bar.module.scss";
-import "@/styles/index/landing.module.scss";
+import "@/styles/index/navigation_bar.scss";
+import "@/styles/index/landing.scss";
 
 function NavigationBar() {
     return (

src/components/index/our_team.js

@@ -3,8 +3,8 @@ import * as ReactBootstrap from "react-bootstrap";
 import Kharisma from "@/assets/images/kharisma.png";
 import Mario from "@/assets/images/mario.png";
 import Kevin from "@/assets/images/kevin.png";
-import "@/styles/index/our_team.module.scss";
-import "@/styles/index/landing.module.scss";
+import "@/styles/index/our_team.scss";
+import "@/styles/index/landing.scss";
 
 function OurTeam() {
     return (

src/components/index/why_us.js

@@ -3,8 +3,8 @@ import * as ReactBootstrap from "react-bootstrap";
 import Forecasting from "@/assets/icons/forecasting.svg";
 import UserFriendly from "@/assets/icons/user_friendly.svg";
 import EasyToUse from "@/assets/icons/easy_to_use.svg";
-import "@/styles/index/why_us.module.scss";
-import "@/styles/index/landing.module.scss";
+import "@/styles/index/why_us.scss";
+import "@/styles/index/landing.scss";
 
 function WhyUs() {
     return (

src/styles/index/about_us.module.scss → src/styles/index/about_us.scss

@@ -1,4 +1,4 @@
-.page.landing root {
+root {
   --blue: #007bff;
   --font-title: #001933;
   --body-text: #666666;