src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Services", id: "#services" },
+        { name: "Services", id: "/services" },
         { name: "About", id: "#about" },
         { name: "Reviews", id: "#testimonials" },
         { name: "Contact", id: "#contact" },
@@ -167,7 +167,7 @@ export default function LandingPage() {
         },
         {
           title: "Links",          items: [
-            { label: "Services", href: "#services" },
+            { label: "Services", href: "/services" },
             { label: "About", href: "#about" },
             { label: "Book Now", href: "#contact" },
           ],

src/app/services/page.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/#about" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Wiyanna’s Salon & Co."
+        />
+        
+        <div className="pt-32 pb-20">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Services"
+            description="Explore our comprehensive range of professional hair care services."
+            features={[
+              { title: "Professional Haircuts", description: "Tailored styles for every hair type.", imageSrc: "http://img.b2bpic.net/free-photo/female-barber-drying-head-customer_23-2147737074.jpg" },
+              { title: "Color Services", description: "Balayage, highlights, and full color transformations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130985.jpg" },
+              { title: "Curly Hair Specialist", description: "Expert care for curly and thick hair textures.", imageSrc: "http://img.b2bpic.net/free-photo/happy-dark-skinned-woman-makes-face-palm-cannot-stop-laughing-after-hearing-joke-expresses-positive-emotions-wears-hair-curlers-look-fabulous-tomorrow-party-dressed-silk-gown-hairstyling_273609-40017.jpg" },
+            ]}
+          />
+        </div>
+
+        <FooterBase
+          columns={[
+            { title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }] },
+            { title: "Contact", items: [{ label: "(706) 232-4247", href: "tel:7062324247" }] }
+          ]}
+          logoText="Wiyanna’s Salon & Co."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}