diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..175895d
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,22 @@
+'use client';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Github, Twitter, Linkedin } from 'lucide-react';
+
+export default function About() {
+ const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Contact', id: '/contact' }];
+ return (
+
+
+
+
+
+
About Us
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..ccdc73b
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,23 @@
+'use client';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Github, Twitter, Linkedin } from 'lucide-react';
+
+export default function Contact() {
+ const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Contact', id: '/contact' }];
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2df15d0..5acaa10 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,5 @@
'use client';
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import AboutMetric from '@/components/sections/about/AboutMetric';
@@ -9,105 +9,38 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
-import { Zap, Shield, Star, Globe, Mail } from 'lucide-react';
+import { ArrowRight, Star, Shield, Zap, Globe, Github, Twitter, Linkedin } from 'lucide-react';
export default function Page() {
- const navItems = [
- { name: "Home", id: "/" },
- { name: "Contact", id: "/contact" }
- ];
-
+ const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Contact', id: '/contact' }];
return (
-
+
-
+
-
+
-
+
-
+
-
+
);