diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9f79527..316bd31 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,19 +32,19 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",          id: "home"},
+          name: "Home",          href: "/"},
         {
-          name: "About",          id: "about"},
+          name: "About",          href: "#about"},
         {
-          name: "Services",          id: "services"},
+          name: "Services",          href: "/services"},
         {
-          name: "Impact",          id: "impact"},
+          name: "Impact",          href: "#impact"},
         {
-          name: "Testimonials",          id: "testimonials"},
+          name: "Testimonials",          href: "#testimonials"},
         {
-          name: "FAQ",          id: "faq"},
+          name: "FAQ",          href: "#faq"},
         {
-          name: "Contact",          id: "contact"},
+          name: "Contact",          href: "#contact"},
       ]}
       brandName="Clayton Electric"
       bottomLeftText="Your Trusted Energy Partner"
@@ -62,7 +62,7 @@ export default function LandingPage() {
         {
           text: "Get a Free Quote",          href: "#contact"},
         {
-          text: "Explore Services",          href: "#services"},
+          text: "Explore Services",          href: "/services"},
       ]}
       layoutOrder="default"
       imageSrc="http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154403.jpg"
@@ -94,7 +94,7 @@ export default function LandingPage() {
             "New Home Wiring",            "Panel Upgrades & Repairs",            "Lighting Installation",            "Smart Home Integration"],
           buttons: [
             {
-              text: "View Details",              href: "/services"},
+              text: "View Details",              href: "/services#res-service"},
           ],
         },
         {
@@ -102,7 +102,7 @@ export default function LandingPage() {
             "Commercial Wiring",            "Electrical System Maintenance",            "Energy Efficiency Audits",            "Backup Generator Installation"],
           buttons: [
             {
-              text: "View Details",              href: "/services"},
+              text: "View Details",              href: "/services#com-service"},
           ],
         },
         {
@@ -118,7 +118,7 @@ export default function LandingPage() {
             "Solar Panel Installation",            "EV Charging Stations",            "Energy Storage Solutions",            "Green Energy Consulting"],
           buttons: [
             {
-              text: "Learn More",              href: "/services"},
+              text: "Learn More",              href: "/services#renewable"},
           ],
         },
       ]}
@@ -232,7 +232,7 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",              href: "#home"},
+              label: "Home",              href: "/"},
             {
               label: "About Us",              href: "/about"},
             {
@@ -256,9 +256,9 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Residential",              href: "/services#residential"},
+              label: "Residential",              href: "/services#res-service"},
             {
-              label: "Commercial",              href: "/services#commercial"},
+              label: "Commercial",              href: "/services#com-service"},
             {
               label: "Emergency",              href: "/services#emergency"},
             {
@@ -272,4 +272,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..ffb42d7
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,154 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSmallSizeMediumTitles"
+        background="none"
+        cardStyle="glass-depth"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              {
+                name: "Home",          href: "/"},
+              {
+                name: "About",          href: "/"},
+              {
+                name: "Services",          href: "/services"},
+              {
+                name: "Impact",          href: "/"},
+              {
+                name: "Testimonials",          href: "/"},
+              {
+                name: "FAQ",          href: "/"},
+              {
+                name: "Contact",          href: "/"},
+            ]}
+            brandName="Clayton Electric"
+            bottomLeftText="Your Trusted Energy Partner"
+            bottomRightText="info@claytonelectric.com"
+          />
+        </div>
+
+        <div id="services-main" data-section="services-main">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "res-service",          label: "Home",          title: "Residential Services",          items: [
+                  "New Home Wiring",            "Panel Upgrades & Repairs",            "Lighting Installation",            "Smart Home Integration"],
+                buttons: [
+                  {
+                    text: "View Details",              href: "/services#res-service"},
+                ],
+              },
+              {
+                id: "com-service",          label: "Business",          title: "Commercial Solutions",          items: [
+                  "Commercial Wiring",            "Electrical System Maintenance",            "Energy Efficiency Audits",            "Backup Generator Installation"],
+                buttons: [
+                  {
+                    text: "View Details",              href: "/services#com-service"},
+                ],
+              },
+              {
+                id: "emergency",          label: "24/7",          title: "Emergency Repairs",          items: [
+                  "Rapid Response Team",            "Power Outage Restoration",            "Fault Finding & Repair",            "Storm Damage Assessment"],
+                buttons: [
+                  {
+                    text: "Call Now",              href: "/contact"},
+                ],
+              },
+              {
+                id: "renewable",          label: "Eco-Friendly",          title: "Renewable Energy",          items: [
+                  "Solar Panel Installation",            "EV Charging Stations",            "Energy Storage Solutions",            "Green Energy Consulting"],
+                buttons: [
+                  {
+                    text: "Learn More",              href: "/services#renewable"},
+                ],
+              },
+            ]}
+            title="Our Comprehensive Electrical Services"
+            description="Explore the full range of expert electrical solutions Clayton Electric provides, tailored for residential, commercial, and renewable energy needs."
+            tag="Detailed Services"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{
+              variant: "gradient-bars"}}
+            tag="Get in Touch"
+            title="Request a Service or Quote"
+            description="Have an electrical project or need emergency assistance? Contact Clayton Electric today for reliable and efficient service."
+            inputPlaceholder="Enter your email for inquiries"
+            buttonText="Send Inquiry"
+            termsText="By clicking Send Inquiry you're confirming that you agree with our Privacy Policy."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  {
+                    label: "Home",              href: "/"},
+                  {
+                    label: "About Us",              href: "/about"},
+                  {
+                    label: "Services",              href: "/services"},
+                  {
+                    label: "Our Impact",              href: "/"},
+                ],
+              },
+              {
+                items: [
+                  {
+                    label: "Testimonials",              href: "/"},
+                  {
+                    label: "FAQ",              href: "/"},
+                  {
+                    label: "Contact",              href: "/contact"},
+                  {
+                    label: "Privacy Policy",              href: "#"},
+                ],
+              },
+              {
+                items: [
+                  {
+                    label: "Residential",              href: "/services#res-service"},
+                  {
+                    label: "Commercial",              href: "/services#com-service"},
+                  {
+                    label: "Emergency",              href: "/services#emergency"},
+                  {
+                    label: "Renewable",              href: "/services#renewable"},
+                ],
+              },
+            ]}
+            logoText="Clayton Electric"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file