diff --git a/app/about-us/page.tsx b/app/about-us/page.tsx
index 7a569cf..6870a35 100644
--- a/app/about-us/page.tsx
+++ b/app/about-us/page.tsx
@@ -1,8 +1,23 @@
 import React from 'react'
+import FooterHomeOne from '../components/FooterHomeOne';
+
+// must be a better way to centralize the style = TEMPORARY USE 
+import '../assets/css/bootstrap.min.css';
+import '../assets/css/custom-animated.css';
+import '../assets/css/default.css';
+import '../assets/css/font-awesome.min.css';
+import '../assets/css/magnific-popup.css';
+import '../assets/css/main.css';
+import '../assets/css/style.css';
+
 
 function page() {
   return (
-    <div>About Us here </div>
+    <> 
+    <div>Abouut us  Here</div>
+    <FooterHomeOne className={undefined} />
+    </>
+   
   )
 }
 
diff --git a/app/blog/page.tsx b/app/blog/page.tsx
new file mode 100644
index 0000000..9f8ddab
--- /dev/null
+++ b/app/blog/page.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+import FooterHomeOne from '../components/FooterHomeOne';
+
+// must be a better way to centralize the style = TEMPORARY USE 
+import '../assets/css/bootstrap.min.css';
+import '../assets/css/custom-animated.css';
+import '../assets/css/default.css';
+import '../assets/css/font-awesome.min.css';
+import '../assets/css/magnific-popup.css';
+import '../assets/css/main.css';
+import '../assets/css/style.css';
+
+
+function page() {
+  return (
+    <> 
+    <div>Bog Here</div>
+    <FooterHomeOne className={undefined} />
+    </>
+   
+  )
+}
+
+export default page
\ No newline at end of file
diff --git a/app/faq/page.tsx b/app/faq/page.tsx
index 36a785a..3fb30a7 100644
--- a/app/faq/page.tsx
+++ b/app/faq/page.tsx
@@ -1,6 +1,16 @@
 import React from 'react'
 import FooterHomeOne from '../components/FooterHomeOne';
 
+// must be a better way to centralize the style = TEMPORARY USE 
+import '../assets/css/bootstrap.min.css';
+import '../assets/css/custom-animated.css';
+import '../assets/css/default.css';
+import '../assets/css/font-awesome.min.css';
+import '../assets/css/magnific-popup.css';
+import '../assets/css/main.css';
+import '../assets/css/style.css';
+
+
 function page() {
   return (
     <> 
diff --git a/app/layout.tsx b/app/layout.tsx
index 79d3ac1..6920df4 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -5,8 +5,8 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "WrenchBoard: Reward Accomplishments | Get Family Engaged",
+  description: "Empower families to reward accomplishment, set goals, and encourage kids to understand goals",
 };
 
 export default function RootLayout({
diff --git a/app/privacy/page.tsx b/app/privacy/page.tsx
new file mode 100644
index 0000000..1c02e46
--- /dev/null
+++ b/app/privacy/page.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+import FooterHomeOne from '../components/FooterHomeOne';
+
+// must be a better way to centralize the style = TEMPORARY USE 
+import '../assets/css/bootstrap.min.css';
+import '../assets/css/custom-animated.css';
+import '../assets/css/default.css';
+import '../assets/css/font-awesome.min.css';
+import '../assets/css/magnific-popup.css';
+import '../assets/css/main.css';
+import '../assets/css/style.css';
+
+
+function page() {
+  return (
+    <> 
+    <div>Privacy Here</div>
+    <FooterHomeOne className={undefined} />
+    </>
+   
+  )
+}
+
+export default page
\ No newline at end of file
diff --git a/app/resources/page.tsx b/app/resources/page.tsx
new file mode 100644
index 0000000..219aa94
--- /dev/null
+++ b/app/resources/page.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+import FooterHomeOne from '../components/FooterHomeOne';
+
+// must be a better way to centralize the style = TEMPORARY USE 
+import '../assets/css/bootstrap.min.css';
+import '../assets/css/custom-animated.css';
+import '../assets/css/default.css';
+import '../assets/css/font-awesome.min.css';
+import '../assets/css/magnific-popup.css';
+import '../assets/css/main.css';
+import '../assets/css/style.css';
+
+
+function page() {
+  return (
+    <> 
+    <div>Resources Here</div>
+    <FooterHomeOne className={undefined} />
+    </>
+   
+  )
+}
+
+export default page
\ No newline at end of file
diff --git a/app/service/page.tsx b/app/service/page.tsx
new file mode 100644
index 0000000..2d9edd7
--- /dev/null
+++ b/app/service/page.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+import FooterHomeOne from '../components/FooterHomeOne';
+
+// must be a better way to centralize the style = TEMPORARY USE 
+import '../assets/css/bootstrap.min.css';
+import '../assets/css/custom-animated.css';
+import '../assets/css/default.css';
+import '../assets/css/font-awesome.min.css';
+import '../assets/css/magnific-popup.css';
+import '../assets/css/main.css';
+import '../assets/css/style.css';
+
+
+function page() {
+  return (
+    <> 
+    <div>Service Here</div>
+    <FooterHomeOne className={undefined} />
+    </>
+   
+  )
+}
+
+export default page
\ No newline at end of file
diff --git a/app/terms/page.tsx b/app/terms/page.tsx
new file mode 100644
index 0000000..3e21fc4
--- /dev/null
+++ b/app/terms/page.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+import FooterHomeOne from '../components/FooterHomeOne';
+
+// must be a better way to centralize the style = TEMPORARY USE 
+import '../assets/css/bootstrap.min.css';
+import '../assets/css/custom-animated.css';
+import '../assets/css/default.css';
+import '../assets/css/font-awesome.min.css';
+import '../assets/css/magnific-popup.css';
+import '../assets/css/main.css';
+import '../assets/css/style.css';
+
+
+function page() {
+  return (
+    <> 
+    <div>Terms Here</div>
+    <FooterHomeOne className={undefined} />
+    </>
+   
+  )
+}
+
+export default page
\ No newline at end of file
diff --git a/app/use-cases/page.tsx b/app/use-cases/page.tsx
new file mode 100644
index 0000000..21978dd
--- /dev/null
+++ b/app/use-cases/page.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+import FooterHomeOne from '../components/FooterHomeOne';
+
+// must be a better way to centralize the style = TEMPORARY USE 
+import '../assets/css/bootstrap.min.css';
+import '../assets/css/custom-animated.css';
+import '../assets/css/default.css';
+import '../assets/css/font-awesome.min.css';
+import '../assets/css/magnific-popup.css';
+import '../assets/css/main.css';
+import '../assets/css/style.css';
+
+
+function page() {
+  return (
+    <> 
+    <div>use Case Here</div>
+    <FooterHomeOne className={undefined} />
+    </>
+   
+  )
+}
+
+export default page
\ No newline at end of file