diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index a0b8359..090fd27 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -28,6 +28,7 @@ export default function BlogPage() {
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
+                            { name: "Services", id: "services" },
                             { name: "Procedures", id: "procedures" },
                             { name: "Our Team", id: "team" },
                             { name: "Results", id: "testimonials" },
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6bca64a..9f260bb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,6 +30,7 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
+            { name: "Services", id: "services" },
             { name: "Procedures", id: "procedures" },
             { name: "Our Team", id: "team" },
             { name: "Results", id: "testimonials" },
@@ -107,6 +108,37 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="services" data-section="services">
+        <ProductCardOne
+          title="Our Services"
+          description="Explore our comprehensive range of aesthetic and wellness services designed to enhance your natural beauty and boost your confidence."
+          tag="Service Offerings"
+          tagIcon={Heart}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          products={[
+            {
+              id: "1",              name: "Consultation Services",              price: "Complimentary",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-looking-patient_23-2149352169.jpg?_wi=2",              imageAlt: "Professional consultation"
+            },
+            {
+              id: "2",              name: "Pre-Surgical Planning",              price: "Included",              imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-cosmetology-studio_1157-33855.jpg?_wi=2",              imageAlt: "Surgical planning"
+            },
+            {
+              id: "3",              name: "Post-Care Support",              price: "Included",              imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-with-marker-traces-front-view_23-2149350066.jpg?_wi=2",              imageAlt: "Recovery support"
+            },
+            {
+              id: "4",              name: "Follow-Up Assessments",              price: "Complimentary",              imageSrc: "http://img.b2bpic.net/free-photo/woman-marked-out-cosmetic-surgery_273609-14510.jpg?_wi=2",              imageAlt: "Follow-up care"
+            }
+          ]}
+          buttons={[
+            { text: "Learn More", href: "#" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="procedures" data-section="procedures">
         <ProductCardOne
           title="Signature Procedures"
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..5ded43a
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,98 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Heart } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="grid"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "services" },
+              { name: "Procedures", id: "procedures" },
+              { name: "Our Team", id: "team" },
+              { name: "Results", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Élite Aesthetics"
+            bottomLeftText="Medical Grade Excellence"
+            bottomRightText="hello@eliteaesthetics.com"
+          />
+        </div>
+
+        <div id="services" data-section="services">
+          <ProductCardOne
+            title="Our Comprehensive Services"
+            description="Explore our full range of aesthetic and wellness services designed to enhance your natural beauty and boost your confidence."
+            tag="Service Offerings"
+            tagIcon={Heart}
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
+            products={[
+              {
+                id: "1",                name: "Initial Consultation",                price: "Complimentary",                imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-looking-patient_23-2149352169.jpg?_wi=2",                imageAlt: "Professional consultation"
+              },
+              {
+                id: "2",                name: "Advanced 3D Imaging",                price: "Included",                imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-cosmetology-studio_1157-33855.jpg?_wi=2",                imageAlt: "3D imaging technology"
+              },
+              {
+                id: "3",                name: "Pre-Surgical Assessment",                price: "Included",                imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-with-marker-traces-front-view_23-2149350066.jpg?_wi=2",                imageAlt: "Surgical planning"
+              },
+              {
+                id: "4",                name: "Customized Surgical Plan",                price: "Included",                imageSrc: "http://img.b2bpic.net/free-photo/woman-marked-out-cosmetic-surgery_273609-14510.jpg?_wi=2",                imageAlt: "Custom surgical planning"
+              },
+              {
+                id: "5",                name: "Operating Room Experience",                price: "Consultation Based",                imageSrc: "http://img.b2bpic.net/free-photo/senior-patient-signing-medical-decisions-form-sitting-hospital-bed-modern-private-clinic-doctor-with-clipboard-nurse-working-backgorund-healthcare-medical-medicinal-system-documents-contra_482257-4751.jpg",                imageAlt: "Modern operating facilities"
+              },
+              {
+                id: "6",                name: "Comprehensive Aftercare",                price: "Included",                imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65163.jpg",                imageAlt: "Post-operative care"
+              },
+              {
+                id: "7",                name: "Follow-Up Assessments",                price: "Complimentary",                imageSrc: "http://img.b2bpic.net/free-photo/doctor-clinic-interior_1398-732.jpg?_wi=1",                imageAlt: "Follow-up appointments"
+              },
+              {
+                id: "8",                name: "Revision Consultations",                price: "Available",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-doctor-dressed-uniform_171337-1484.jpg?_wi=1",                imageAlt: "Revision services"
+              },
+              {
+                id: "9",                name: "Long-Term Support",                price: "Complimentary",                imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123614.jpg",                imageAlt: "Ongoing support"
+              }
+            ]}
+            buttons={[
+              { text: "Schedule Consultation", href: "#contact" }
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Élite Aesthetics"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 52619a3..b8a39e0 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -93,6 +93,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
+                            { name: "Services", id: "services" },
                             { name: "Procedures", id: "procedures" },
                             { name: "Our Team", id: "team" },
                             { name: "Results", id: "testimonials" },
@@ -138,6 +139,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                         <NavbarStyleFullscreen
                             navItems={[
                                 { name: "Home", id: "/" },
+                                { name: "Services", id: "services" },
                                 { name: "Procedures", id: "procedures" },
                                 { name: "Our Team", id: "team" },
                                 { name: "Results", id: "testimonials" },
@@ -190,6 +192,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <NavbarStyleFullscreen
                     navItems={[
                         { name: "Home", id: "/" },
+                        { name: "Services", id: "services" },
                         { name: "Procedures", id: "procedures" },
                         { name: "Our Team", id: "team" },
                         { name: "Results", id: "testimonials" },
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 9a6d2c3..a76ea23 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -36,6 +36,7 @@ function ShopPageContent() {
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
+                            { name: "Services", id: "services" },
                             { name: "Procedures", id: "procedures" },
                             { name: "Our Team", id: "team" },
                             { name: "Results", id: "testimonials" },
@@ -80,6 +81,7 @@ function ShopPageContent() {
                 <NavbarStyleFullscreen
                     navItems={[
                         { name: "Home", id: "/" },
+                        { name: "Services", id: "services" },
                         { name: "Procedures", id: "procedures" },
                         { name: "Our Team", id: "team" },
                         { name: "Results", id: "testimonials" },