improve structure

app/about/page.tsx

@@ -1,5 +1,5 @@
 import Header from '../components/Header'
-import AboutTmp from '../components/AboutTmp'
+import AboutPg from '../components/pages/About'
 import Footer from '../components/Footer'
 
 export default function About() {
@@ -7,7 +7,7 @@ export default function About() {
     <div className="min-h-screen flex flex-col">
       <Header />
       <main className="flex-grow container mx-auto px-4 py-12">
-        <AboutTmp />
+        <AboutPg />
       </main>
       <Footer />
     </div>

app/components/pages/Domains.tsx

@@ -1,6 +1,6 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faLink } from '@fortawesome/free-solid-svg-icons'
-import domains from '../data/domains.json'
+import domains from '../../data/domains.json'
 
 export default function About() {
     return (

app/contact/page.tsx

@@ -1,5 +1,5 @@
 import Header from '../components/Header'
-import ContactTmp from '../components/ContactTmp'
+import ContactPg from '../components/pages/Contact'
 import Footer from '../components/Footer'
 
 export default function Contact() {
@@ -7,7 +7,7 @@ export default function Contact() {
     <div className="min-h-screen flex flex-col">
       <Header />
       <main className="flex-grow container mx-auto px-4 py-12">
-        <ContactTmp />
+        <ContactPg />
       </main>
       <Footer />
     </div>

app/domains/page.tsx

@@ -1,5 +1,5 @@
 import Header from '../components/Header'
-import DomainTmp from '../components/DomainTmp'
+import DomainsPg from '../components/pages/Domains'
 import Footer from '../components/Footer'
 
 export default function Domains() {
@@ -7,7 +7,7 @@ export default function Domains() {
     <div className="min-h-screen flex flex-col">
       <Header />
       <main className="flex-grow container mx-auto px-4 py-12">
-        <DomainTmp />
+        <DomainsPg />
       </main>
       <Footer />
     </div>