diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx
index 8238600..ea681e5 100644
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -6,7 +6,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function LandingPage() {
+export default function PrivacyPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -21,59 +21,37 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Book Demo",
-          id: "/appointments",
-        },
-      ]}
-      brandName="Vertex Auto"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Book Demo", id: "/appointments" }
+            ]}
+            brandName="Vertex Auto"
+            />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="page"
-      title="Privacy Policy"
-      sections={[
-        {
-          heading: "Data",
-          content: {
-            type: "paragraph",
-            text: "We value your data.",
-          },
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+            <LegalSection
+            layout="page"
+            title="Privacy Policy"
+            sections={[
+                {
+                heading: "Data",                content: "We value your data."
+                }
+            ]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Vertex Auto"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "/privacy",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "/terms",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+            logoText="Vertex Auto"
+            leftLink={{ text: "Privacy Policy", href: "/privacy" }}
+            rightLink={{ text: "Terms of Service", href: "/terms" }}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 9b7650b..70e74fc 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -6,9 +6,9 @@ import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { Mail, MessageCircle } from "lucide-react";
+import { MessageCircle, Mail } from "lucide-react";
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -23,75 +23,50 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Book Demo",
-          id: "/appointments",
-        },
-      ]}
-      brandName="Vertex Auto"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Book Demo", id: "/appointments" }
+            ]}
+            brandName="Vertex Auto"
+            />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Services"
-      description="Professional solutions for modern dealership problems."
-      features={[
-        {
-          icon: MessageCircle,
-          title: "Lead SMS",
-          description: "SMS automation",
-        },
-        {
-          icon: Mail,
-          title: "Email Campaigns",
-          description: "Nurture leads",
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+            <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Services"
+            description="Professional solutions for modern dealership problems."
+            features={[
+                { icon: MessageCircle, title: "Lead SMS", description: "SMS automation" },
+                { icon: Mail, title: "Email Campaigns", description: "Nurture leads" }
+            ]}
+            />
+        </div>
 
-  <div id="blog" data-section="blog">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Insights"
-      description="Best practices for lead generation."
-    />
-  </div>
+        <div id="blog" data-section="blog">
+            <BlogCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Insights"
+            description="Best practices for lead generation."
+            blogs={[]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Vertex Auto"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "/privacy",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "/terms",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+            logoText="Vertex Auto"
+            leftLink={{ text: "Privacy Policy", href: "/privacy" }}
+            rightLink={{ text: "Terms of Service", href: "/terms" }}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx
index 80d8021..71a7949 100644
--- a/src/app/terms/page.tsx
+++ b/src/app/terms/page.tsx
@@ -6,7 +6,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function LandingPage() {
+export default function TermsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -21,59 +21,37 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Book Demo",
-          id: "/appointments",
-        },
-      ]}
-      brandName="Vertex Auto"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Book Demo", id: "/appointments" }
+            ]}
+            brandName="Vertex Auto"
+            />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="page"
-      title="Terms of Service"
-      sections={[
-        {
-          heading: "Agreement",
-          content: {
-            type: "paragraph",
-            text: "By using our site...",
-          },
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+            <LegalSection
+            layout="page"
+            title="Terms of Service"
+            sections={[
+                {
+                heading: "Agreement",                content: "By using our site..."
+                }
+            ]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Vertex Auto"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "/privacy",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "/terms",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+            logoText="Vertex Auto"
+            leftLink={{ text: "Privacy Policy", href: "/privacy" }}
+            rightLink={{ text: "Terms of Service", href: "/terms" }}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );