Switch to version 1: remove src/app/services/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,19 +32,19 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",          id: "/"},
+          name: "Home",          id: "home"},
         {
-          name: "About",          id: "#about"},
+          name: "About",          id: "about"},
         {
-          name: "Services",          id: "/services"},
+          name: "Services",          id: "services"},
         {
-          name: "Impact",          id: "#impact"},
+          name: "Impact",          id: "impact"},
         {
-          name: "Testimonials",          id: "#testimonials"},
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "FAQ",          id: "#faq"},
+          name: "FAQ",          id: "faq"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          id: "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#res-service"},
+              text: "View Details",              href: "/services"},
           ],
         },
         {
@@ -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#com-service"},
+              text: "View Details",              href: "/services"},
           ],
         },
         {
@@ -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#renewable"},
+              text: "Learn More",              href: "/services"},
           ],
         },
       ]}
@@ -232,7 +232,7 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",              href: "/"},
+              label: "Home",              href: "#home"},
             {
               label: "About Us",              href: "/about"},
             {
@@ -256,9 +256,9 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Residential",              href: "/services#res-service"},
+              label: "Residential",              href: "/services#residential"},
             {
-              label: "Commercial",              href: "/services#com-service"},
+              label: "Commercial",              href: "/services#commercial"},
             {
               label: "Emergency",              href: "/services#emergency"},
             {
@@ -272,4 +272,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -1,154 +0,0 @@
-"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",          id: "/"},
-              {
-                name: "About",          id: "/"},
-              {
-                name: "Services",          id: "/services"},
-              {
-                name: "Impact",          id: "/"},
-              {
-                name: "Testimonials",          id: "/"},
-              {
-                name: "FAQ",          id: "/"},
-              {
-                name: "Contact",          id: "/"},
-            ]}
-            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>
-  );
-}