Update src/app/services/page.tsx

src/app/services/page.tsx

@@ -8,7 +8,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import { CalendarClock, Leaf, ThumbsUp, Wrench } from "lucide-react";
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -25,28 +25,7 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Projects",
-          id: "/projects",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
+      navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/contact" }]}
       brandName="Al-Fawzan Contracting"
     />
   </div>
@@ -59,22 +38,8 @@ export default function LandingPage() {
       title="Comprehensive Capabilities"
       description="Tailored solutions for complex contracting needs."
       features={[
-        {
-          title: "Sustainable Design",
-          description: "Eco-friendly materials and energy efficiency.",
-          bentoComponent: "reveal-icon",
-          icon: Leaf,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-engineers_1098-15509.jpg?_wi=2",
-          imageAlt: "Professional engineers",
-        },
-        {
-          title: "Maintenance Plans",
-          description: "Post-construction upkeep and support.",
-          bentoComponent: "reveal-icon",
-          icon: Wrench,
-          imageSrc: "http://img.b2bpic.net/free-photo/world-trade-center-station-new-york-downtown-usa_1268-19541.jpg?_wi=4",
-          imageAlt: "Professional engineers",
-        },
+        { title: "Sustainable Design", description: "Eco-friendly materials and energy efficiency.", bentoComponent: "reveal-icon", icon: Leaf },
+        { title: "Maintenance Plans", description: "Post-construction upkeep and support.", bentoComponent: "reveal-icon", icon: Wrench }
       ]}
     />
   </div>
@@ -88,52 +53,15 @@ export default function LandingPage() {
       title="Why Clients Choose Us"
       description="Unmatched commitment to service."
       metrics={[
-        {
-          id: "s1",
-          value: "98%",
-          title: "Referral Rate",
-          description: "Trusted by our partners and clients.",
-          icon: ThumbsUp,
-        },
-        {
-          id: "s2",
-          value: "100%",
-          title: "On Time",
-          description: "Strict adherence to project schedules.",
-          icon: CalendarClock,
-        },
+        { id: "s1", value: "98%", title: "Referral Rate", description: "Trusted by our partners and clients.", icon: ThumbsUp },
+        { id: "s2", value: "100%", title: "On Time", description: "Strict adherence to project schedules.", icon: CalendarClock }
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Portfolio",
-              href: "/projects",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
+      columns={[{ items: [{ label: "About Us", href: "/about" }, { label: "Services", href: "/services" }] }, { items: [{ label: "Portfolio", href: "/projects" }, { label: "Contact", href: "/contact" }] }]}
       logoText="Al-Fawzan Contracting"
     />
   </div>