diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..6ea64b3
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,14 @@
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import LandingPage from '@/pages/HomePage';
+import AboutPage from '@/pages/AboutPage';
+
+export default function App() {
+ return (
+
+
+ } />
+ } />
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
new file mode 100644
index 0000000..4404625
--- /dev/null
+++ b/src/pages/AboutPage.tsx
@@ -0,0 +1,61 @@
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import { Link } from "react-router-dom";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { Gauge, Cog, Users } from "lucide-react";
+
+export default function AboutPage() {
+ const navItems = [
+ { name: "Home", href: "/" },
+ { name: "About", href: "/about" },
+ { name: "Services", href: "/#services" },
+ { name: "Projects", href: "/#projects" },
+ { name: "Testimonials", href: "/#testimonials" },
+ { name: "FAQ", href: "/#faq" },
+ { name: "Contact", href: "/#contact" },
+ ];
+
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
new file mode 100644
index 0000000..c33684d
--- /dev/null
+++ b/src/pages/HomePage.tsx
@@ -0,0 +1,192 @@
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import { Link } from "react-router-dom";
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Award, Cog, Gauge, Repeat, ShieldCheck, Users } from "lucide-react";
+
+export default function LandingPage() {
+ const navItems = [
+ { name: "Home", href: "/" },
+ { name: "About", href: "/about" },
+ { name: "Services", href: "/#services" },
+ { name: "Projects", href: "/#projects" },
+ { name: "Testimonials", href: "/#testimonials" },
+ { name: "FAQ", href: "/#faq" },
+ { name: "Contact", href: "/#contact" },
+ ];
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file