diff --git a/src/app/page.tsx b/src/app/page.tsx
index a32a209..3e360be 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,6 +34,7 @@ export default function LandingPage() {
             { name: "Testimonials", id: "testimonials" },
             { name: "Book Now", id: "contact" },
             { name: "Contact", id: "footer" },
+            { name: "Our Services", id: "/services" },
           ]}
           button={{ text: "Get Started", href: "contact" }}
         />
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..f286b8f
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,159 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import { Wind, Shield, Sparkles, Zap, Award, CheckCircle } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="largeSmall"
+      background="circleGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Go Green Detailing"
+          navItems={[
+            { name: "Services", id: "/services" },
+            { name: "Why Us", id: "/" },
+            { name: "Testimonials", id: "/" },
+            { name: "Book Now", id: "contact" },
+            { name: "Contact", id: "footer" },
+          ]}
+          button={{ text: "Get Started", href: "contact" }}
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureHoverPattern
+          title="Our Professional Detailing Services"
+          description="We offer comprehensive vehicle care solutions tailored to your needs. Each service is performed with premium products and professional practices by our certified team."
+          tag="Complete Solutions"
+          tagIcon={Shield}
+          tagAnimation="slide-up"
+          features={[
+            {
+              icon: Wind,
+              title: "Exterior Wash & Dry",              description: "Professional pressure washing and hand drying to remove dirt and contaminants without damaging your paint. Uses pH-balanced soaps and microfiber techniques.",              button: { text: "Learn More" },
+            },
+            {
+              icon: Wind,
+              title: "Interior Detailing",              description: "Complete interior cleaning including vacuum, carpet shampooing, leather conditioning, and upholstery protection. We restore your cabin to pristine condition.",              button: { text: "Learn More" },
+            },
+            {
+              icon: Shield,
+              title: "Ceramic Coating",              description: "Advanced paint protection that repels water and UV rays, keeping your car looking showroom-fresh longer. Provides 2-5 years of protection.",              button: { text: "Learn More" },
+            },
+            {
+              icon: Sparkles,
+              title: "Paint Correction",              description: "Remove swirl marks and scratches to restore your vehicle's original shine and depth. Multi-stage process for optimal results.",              button: { text: "Learn More" },
+            },
+            {
+              icon: Zap,
+              title: "Engine Bay Cleaning",              description: "Safe and thorough engine compartment cleaning that maintains performance and extends engine life. Professional-grade techniques only.",              button: { text: "Learn More" },
+            },
+            {
+              icon: Award,
+              title: "PPF (Paint Protection Film)",              description: "Self-healing protective film applied to vulnerable areas. Protects from stone chips, scratches, and environmental contaminants.",              button: { text: "Learn More" },
+            },
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="why-us" data-section="why-us">
+        <SplitAbout
+          title="Why Choose Our Services?"
+          description="We're committed to delivering exceptional results. Our team of certified professionals uses only premium products and industry-leading techniques to ensure your vehicle receives the best care."
+          tag="Our Promise"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          bulletPoints={[
+            {
+              icon: Award,
+              title: "Certified Professionals",              description: "Our team holds industry certifications and continuously trains in the latest detailing techniques."},
+            {
+              icon: Zap,
+              title: "Premium Products",              description: "We use only the highest quality professional-grade products for superior results and durability."},
+            {
+              icon: Shield,
+              title: "Satisfaction Guarantee",              description: "100% satisfaction guarantee on all services with a commitment to customer excellence."},
+            {
+              icon: Sparkles,
+              title: "Quick Turnaround",              description: "Most services completed within 2-4 hours without compromising quality or attention to detail."},
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=5"
+          imageAlt="Professional detailing team at work"
+          mediaAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          imagePosition="right"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Book Your Service"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Schedule Your Detailing Today"
+          description="Ready to give your vehicle the professional care it deserves? Get in touch with us to book your service and let our experts handle the rest."
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Request Service"
+          termsText="We'll contact you within 24 hours to confirm your booking and discuss your specific needs."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=6"
+          imageAlt="Go Green Detailing footer image"
+          logoText="Go Green Detailing"
+          copyrightText="© 2025 Go Green Detailing. All rights reserved."
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Exterior Wash", href: "#services" },
+                { label: "Interior Detailing", href: "#services" },
+                { label: "Ceramic Coating", href: "#services" },
+                { label: "Paint Protection", href: "#services" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "Home", href: "/" },
+                { label: "Services", href: "/services" },
+                { label: "Book Now", href: "#contact" },
+                { label: "Contact", href: "#contact" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "#" },
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Sitemap", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}