Organizing components

Author: mariana-caldas

components/layout/Hero.js

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import Image from 'next/image';
-import Nav from '@/components/Nav';
+import Nav from '@/components/layout/Nav';
 import Container from '@/components/containers/Container';
 import styles from '@/styles/Hero.module.scss';
 

components/Nav.js renamed to components/layout/Nav.js

@@ -1,10 +1,9 @@
 import RevealContentContainer from '@/components/containers/RevealContentContainer';
-import Title from '@/components/Title';
+import Title from '@/components/snippets/Title';
 import TwoColumn from '@/components/containers/TwoColumn';
 import { white, primary } from '@/styles/TwoColumn.module.scss';
 import Container from '@/components/containers/Container';
 
-
 export default function AboutUs() {
   return (
     <div className='about-us'>