diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..268b8d9
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Avery's Plumbing"
+            />
+        </div>
+        <div className="py-24">
+            <InlineImageSplitTextAbout
+                useInvertedBackground={false}
+                heading={[{ type: "text", content: "About Avery's Plumbing" }]}
+            />
+        </div>
+        <FooterLogoEmphasis
+            columns={[]}
+            logoText="Avery's Plumbing"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..2867e70
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Avery's Plumbing"
+            />
+        </div>
+        <div className="py-24">
+            <ContactCenter
+                tag="Get in touch"
+                title="Contact Our Team"
+                description="We are ready to help with any plumbing needs. Fill out the form or call us directly."
+            />
+        </div>
+        <FooterLogoEmphasis
+            columns={[]}
+            logoText="Avery's Plumbing"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 07ac5e2..db60182 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "About", id: "about" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Avery's Plumbing"
     />
@@ -54,52 +45,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-static-grid",
-      }}
+      background={{ variant: "rotated-rays-static-grid" }}
       title="Avery's Plumbing, Tankless, & Water Filtration"
       description="Professional, reliable plumbing services for your home and business. Call now for same-day service."
       buttons={[
-        {
-          text: "Call Now (555) 123-4567",
-          href: "tel:5551234567",
-        },
-        {
-          text: "Get Free Estimate",
-          href: "#contact",
-        },
+        { text: "Call Now (555) 123-4567", href: "tel:5551234567" },
+        { text: "Get Free Estimate", href: "#contact" },
       ]}
       carouselItems={[
-        {
-          id: "h1",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg",
-          imageAlt: "Professional plumbing installation",
-        },
-        {
-          id: "h2",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
-          imageAlt: "Expert tankless heater work",
-        },
-        {
-          id: "h3",
-          imageSrc: "http://img.b2bpic.net/free-photo/shock-wave-therapy-device-with-male-doctor-hands-rubber-gloves_169016-40119.jpg",
-          imageAlt: "Clean water filtration systems",
-        },
-        {
-          id: "h4",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg",
-          imageAlt: "Emergency pipe repair",
-        },
-        {
-          id: "h5",
-          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg",
-          imageAlt: "Drain cleaning service",
-        },
-        {
-          id: "h6",
-          imageSrc: "http://img.b2bpic.net/free-photo/water-filters-glass-water-front-view_23-2148728700.jpg",
-          imageAlt: "Local plumbing expertise",
-        },
+        { id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg", imageAlt: "Professional plumbing installation" },
+        { id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg", imageAlt: "Expert tankless heater work" },
+        { id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/shock-wave-therapy-device-with-male-doctor-hands-rubber-gloves_169016-40119.jpg", imageAlt: "Clean water filtration systems" },
+        { id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg", imageAlt: "Emergency pipe repair" },
+        { id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg", imageAlt: "Drain cleaning service" },
+        { id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/water-filters-glass-water-front-view_23-2148728700.jpg", imageAlt: "Local plumbing expertise" },
       ]}
     />
   </div>
@@ -110,36 +69,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Wrench,
-          title: "General Plumbing",
-          description: "Expert repairs and installations for all household fixtures.",
-        },
-        {
-          icon: Zap,
-          title: "Tankless Heaters",
-          description: "High-efficiency tankless water heater installation and maintenance.",
-        },
-        {
-          icon: Droplets,
-          title: "Water Filtration",
-          description: "Premium whole-home water filtration and softening systems.",
-        },
-        {
-          icon: AlertTriangle,
-          title: "Emergency Care",
-          description: "24/7 responsive emergency plumbing callout services.",
-        },
-        {
-          icon: Trash2,
-          title: "Drain Cleaning",
-          description: "Effective solutions for clogged pipes and drainage systems.",
-        },
-        {
-          icon: Droplets,
-          title: "Water Testing",
-          description: "Comprehensive testing for home water quality.",
-        },
+        { icon: Wrench, title: "General Plumbing", description: "Expert repairs and installations for all household fixtures." },
+        { icon: Zap, title: "Tankless Heaters", description: "High-efficiency tankless water heater installation and maintenance." },
+        { icon: Droplets, title: "Water Filtration", description: "Premium whole-home water filtration and softening systems." },
+        { icon: AlertTriangle, title: "Emergency Care", description: "24/7 responsive emergency plumbing callout services." },
+        { icon: Trash2, title: "Drain Cleaning", description: "Effective solutions for clogged pipes and drainage systems." },
+        { icon: Droplets, title: "Water Testing", description: "Comprehensive testing for home water quality." },
       ]}
       title="Our Expert Services"
       description="Comprehensive water and plumbing solutions designed for your needs."
@@ -150,22 +85,10 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",
-          content: "Trust the Family-Owned Professionals",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176742.jpg",
-          alt: "Avery's Plumbing team",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Our Story",
-          href: "#about",
-        },
+        { type: "text", content: "Trust the Family-Owned Professionals" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176742.jpg", alt: "Avery's Plumbing team" },
       ]}
+      buttons={[{ text: "Our Story", href: "#about" }]}
     />
   </div>
 
@@ -175,57 +98,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "p1",
-          badge: "Popular",
-          price: "$99",
-          subtitle: "Service Call Fee",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Diagnostic visit",
-            "Repair assessment",
-            "Free estimate",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Value",
-          price: "$199",
-          subtitle: "Drain Clearing",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Standard drain cleaning",
-            "Pipe health check",
-            "Free advice",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Pro",
-          price: "Custom",
-          subtitle: "Tankless Install",
-          buttons: [
-            {
-              text: "Quote Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Unit installation",
-            "System testing",
-            "Long-term warranty",
-          ],
-        },
+        { id: "p1", badge: "Popular", price: "$99", subtitle: "Service Call Fee", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Diagnostic visit", "Repair assessment", "Free estimate"] },
+        { id: "p2", badge: "Value", price: "$199", subtitle: "Drain Clearing", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Standard drain cleaning", "Pipe health check", "Free advice"] },
+        { id: "p3", badge: "Pro", price: "Custom", subtitle: "Tankless Install", buttons: [{ text: "Quote Now", href: "#contact" }], features: ["Unit installation", "System testing", "Long-term warranty"] },
       ]}
       title="Service Options"
       description="Straightforward pricing for reliable plumbing services."
@@ -236,31 +111,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "John D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-hands-sofa-home_23-2147744902.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-embracing-cooking_23-2147766933.jpg",
-        },
-        {
-          id: "t3",
-          name: "Robert B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/household-problem-woman-pointing-broken-tap-with-jet-water-man-with-suitcase-tools_259150-58295.jpg",
-        },
-        {
-          id: "t4",
-          name: "Emily C.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
-        },
-        {
-          id: "t5",
-          name: "Michael L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-closed-eyes-relaxing-making-meditation-gesture-with-fingers_141793-28697.jpg",
-        },
+        { id: "t1", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-hands-sofa-home_23-2147744902.jpg" },
+        { id: "t2", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/couple-embracing-cooking_23-2147766933.jpg" },
+        { id: "t3", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/household-problem-woman-pointing-broken-tap-with-jet-water-man-with-suitcase-tools_259150-58295.jpg" },
+        { id: "t4", name: "Emily C.", imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg" },
+        { id: "t5", name: "Michael L.", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-closed-eyes-relaxing-making-meditation-gesture-with-fingers_141793-28697.jpg" },
       ]}
       cardTitle="Customer Reviews"
       cardTag="Verified Feedback"
@@ -273,21 +128,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you offer emergency services?",
-          content: "Yes, we are available 24/7 for plumbing emergencies.",
-        },
-        {
-          id: "q2",
-          title: "What areas do you serve?",
-          content: "We proudly serve the entire metro area and surrounding suburbs.",
-        },
-        {
-          id: "q3",
-          title: "Are your plumbers certified?",
-          content: "All our technicians are fully licensed, insured, and certified.",
-        },
+        { id: "q1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for plumbing emergencies." },
+        { id: "q2", title: "What areas do you serve?", content: "We proudly serve the entire metro area and surrounding suburbs." },
+        { id: "q3", title: "Are your plumbers certified?", content: "All our technicians are fully licensed, insured, and certified." },
       ]}
       title="Frequently Asked Questions"
       description="Common answers to your water and plumbing questions."
@@ -298,74 +141,27 @@ export default function LandingPage() {
   <div id="emergency" data-section="emergency">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Have a plumbing emergency? Our expert team is available 24/7. Call (555) 123-4567 for immediate assistance."
-      buttons={[
-        {
-          text: "Emergency Call Now",
-          href: "tel:5551234567",
-        },
-      ]}
+      buttons={[{ text: "Emergency Call Now", href: "tel:5551234567" }]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Ready to get started? Request your free estimate today."
-      buttons={[
-        {
-          text: "Get Free Estimate",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] },
+        { items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       logoText="Avery's Plumbing"
     />
@@ -373,4 +169,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/service-areas/page.tsx b/src/app/service-areas/page.tsx
new file mode 100644
index 0000000..3a1880c
--- /dev/null
+++ b/src/app/service-areas/page.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { MapPin } from "lucide-react";
+
+export default function ServiceAreasPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Service Areas", id: "/service-areas" },
+            { name: "About", id: "/#about" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Avery's Plumbing"
+        />
+        <div className="pt-32 pb-20 px-8 text-center">
+          <h1 className="text-4xl font-extrabold mb-6">Our Service Coverage</h1>
+          <p className="max-w-2xl mx-auto mb-12 text-lg opacity-80">We proudly serve the metro area and surrounding suburbs, ensuring local, fast assistance whenever you need it.</p>
+          <div className="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
+            {["Downtown Metro", "North Suburbs", "West County", "East Hills", "South Shores", "Lake View"].map((area) => (
+                <div key={area} className="p-8 border rounded-2xl flex flex-col items-center gap-4">
+                    <MapPin className="w-12 h-12 text-primary-cta" />
+                    <h3 className="text-xl font-bold">{area}</h3>
+                </div>
+            ))}
+          </div>
+        </div>
+        <FooterLogoEmphasis
+           columns={[
+            { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+            { items: [{ label: "Service Areas", href: "/service-areas" }, { label: "Contact", href: "/#contact" }] },
+           ]}
+           logoText="Avery's Plumbing"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..536ed3b
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,51 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Wrench, Zap, Droplets, AlertTriangle, Trash2 } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Service Areas", id: "/service-areas" },
+            { name: "About", id: "/#about" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Avery's Plumbing"
+        />
+        <div className="pt-32">
+           <FeatureHoverPattern
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              title="Detailed Service Offerings"
+              description="Explore our comprehensive range of specialized plumbing and water treatment services."
+              features={[
+                { icon: Wrench, title: "Residential Plumbing", description: "Full-service residential repairs, pipe work, and fixture installs." },
+                { icon: Zap, title: "Tankless Water Heating", description: "High-efficiency systems designed to save space and energy." },
+                { icon: Droplets, title: "Whole-Home Filtration", description: "Remove contaminants and improve water taste for your family." },
+                { icon: AlertTriangle, title: "24/7 Emergency Repairs", description: "Rapid response for leaks, bursts, and urgent plumbing crises." },
+                { icon: Trash2, title: "Drain & Sewer Cleaning", description: "High-pressure jetting and camera inspections for clear pipes." },
+                { icon: Droplets, title: "Professional Water Testing", description: "In-depth analysis to ensure your water quality is safe and clean." },
+              ]}
+            />
+        </div>
+        <FooterLogoEmphasis
+           columns={[
+            { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+            { items: [{ label: "Service Areas", href: "/service-areas" }, { label: "Contact", href: "/#contact" }] },
+           ]}
+           logoText="Avery's Plumbing"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 21fcc0e..96c5ae9 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,9 +10,9 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f0f7ff;
-  --foreground: #001e3c;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;