Clean up components

src/web/src/app/template.js

@@ -1,4 +1,4 @@
-import PageTransition from "@/components/transitions";
+import PageTransition from "@/components/ui/transitions";
 
 export default function rootTemplate({ children }) {
   return <PageTransition>{children}</PageTransition>;

src/web/src/components/footer.jsx

@@ -1,7 +0,0 @@
-const Footer = () => {
-  return (
-    <div></div>
-  );
-}
-
-export default Footer;

src/web/src/components/footer/content.jsx

@@ -0,0 +1,7 @@
+function Content() {
+  return (
+    <div></div>
+  );
+}
+
+export default Content;

src/web/src/components/footer/index.jsx

@@ -0,0 +1,12 @@
+import Container from "@/components/ui/container";
+import Content from "@/components/footer/content";
+
+function Footer() {
+  return (
+    <Container>
+      <Content />
+    </Container>
+  );
+}
+
+export default Footer;

src/web/src/components/hero/content.jsx

@@ -1,6 +1,5 @@
 "use client"
 
-import { motion } from 'framer-motion';
 import Typewriter from 'typewriter-effect';
 import React from 'react';
 

src/web/src/components/hero/index.jsx

@@ -1,7 +1,7 @@
 "use client"
 
-import React, { useRef } from 'react';
-import Content from '@/components/hero/sections';
+import React from 'react';
+import Content from '@/components/hero/content';
 
 function Hero() {
   return (
@@ -12,4 +12,3 @@ function Hero() {
 }
 
 export default Hero;
-