diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 5945508..320de5b 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -8,7 +8,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import { User } from "lucide-react";
 
-export default function LandingPage() {
+export default function BookingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -23,112 +23,56 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Classes",
-          id: "/classes",
-        },
-        {
-          name: "Booking",
-          id: "/booking",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="PIVOT FITNESS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Classes", id: "/classes" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="PIVOT FITNESS"
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Easy Booking"
-      description="Secure your spot."
-      features={[
-        {
-          title: "Personal Training",
-          description: "Work with a pro.",
-          media: {
-            imageSrc: "asset://book-pt",
-          },
-          items: [
-            {
-              icon: User,
-              text: "Expert Coaching",
-            },
-          ],
-          reverse: false,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4&_wi=3",
-          imageAlt: "luxury gym interior dark aesthetic",
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Easy Booking"
+            description="Secure your spot."
+            features={[
+              {
+                title: "Personal Training",                description: "Work with a pro.",                media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4" },
+                items: [{ icon: User, text: "Expert Coaching" }],
+                reverse: false
+              },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Booking FAQs"
-      description="Questions about reserving."
-      faqsAnimation="opacity"
-      faqs={[
-        {
-          id: "f1",
-          title: "Can I reschedule?",
-          content: "Up to 24 hours in advance.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Booking FAQs"
+            description="Questions about reserving."
+            faqsAnimation="opacity"
+            faqs={[{ id: "f1", title: "Can I reschedule?", content: "Up to 24 hours in advance." }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Personal Training",
-              href: "/services",
-            },
-            {
-              label: "Yoga",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="PIVOT FITNESS"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Personal Training", href: "/services" }, { label: "Yoga", href: "/services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            logoText="PIVOT FITNESS"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/classes/page.tsx b/src/app/classes/page.tsx
index 0a33e75..b6bd5e4 100644
--- a/src/app/classes/page.tsx
+++ b/src/app/classes/page.tsx
@@ -6,8 +6,9 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import { Dumbbell } from "lucide-react";
 
-export default function LandingPage() {
+export default function ClassesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,114 +23,58 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Classes",
-          id: "/classes",
-        },
-        {
-          name: "Booking",
-          id: "/booking",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="PIVOT FITNESS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Classes", id: "/classes" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="PIVOT FITNESS"
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Class Styles"
-      description="Diverse programs for your unique goals."
-      features={[
-        {
-          title: "Strength",
-          description: "Building a solid foundation.",
-          media: {
-            imageSrc: "asset://class-strength",
-          },
-          items: [
-            {
-              icon: Dumbbell,
-              text: "Weight Lifting",
-            },
-          ],
-          reverse: false,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4&_wi=2",
-          imageAlt: "luxury gym interior dark aesthetic",
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Class Styles"
+            description="Diverse programs for your unique goals."
+            features={[
+              {
+                title: "Strength",                description: "Building a solid foundation.",                media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4" },
+                items: [{ icon: Dumbbell, text: "Weight Lifting" }],
+                reverse: false
+              },
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Strength Metrics"
-      description="Track your progress."
-      metrics={[
-        {
-          id: "m1",
-          value: "100+",
-          title: "Personal Records",
-          description: "Milestones achieved.",
-          imageSrc: "asset://metric-record",
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Strength Metrics"
+            description="Track your progress."
+            metrics={[
+              { id: "m1", value: "100+", title: "Personal Records", description: "Milestones achieved." },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Personal Training",
-              href: "/services",
-            },
-            {
-              label: "Yoga",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="PIVOT FITNESS"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Personal Training", href: "/services" }, { label: "Yoga", href: "/services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            logoText="PIVOT FITNESS"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index f1b7811..10ff9b7 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -8,7 +8,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import { Waves } from "lucide-react";
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -23,137 +23,60 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Classes",
-          id: "/classes",
-        },
-        {
-          name: "Booking",
-          id: "/booking",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="PIVOT FITNESS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Classes", id: "/classes" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="PIVOT FITNESS"
+          />
+        </div>
 
-  <div id="services-list" data-section="services-list">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          label: "Performance",
-          title: "Personal Training",
-          items: [
-            "One-on-one coaching",
-            "Custom meal plans",
-            "Progress tracking",
-          ],
-        },
-        {
-          id: "2",
-          label: "Community",
-          title: "Group Classes",
-          items: [
-            "HIIT Sessions",
-            "Strength Circuits",
-            "Core Training",
-          ],
-        },
-        {
-          id: "3",
-          label: "Recovery",
-          title: "Yoga & Pilates",
-          items: [
-            "Mobility flow",
-            "Flexibility training",
-            "Mind-body connection",
-          ],
-        },
-      ]}
-      title="Elite Fitness Services"
-      description="Tailored programs to meet your health and wellness goals."
-    />
-  </div>
+        <div id="services-list" data-section="services-list">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", label: "Performance", title: "Personal Training", items: ["One-on-one coaching", "Custom meal plans", "Progress tracking"] },
+              { id: "2", label: "Community", title: "Group Classes", items: ["HIIT Sessions", "Strength Circuits", "Core Training"] },
+              { id: "3", label: "Recovery", title: "Yoga & Pilates", items: ["Mobility flow", "Flexibility training", "Mind-body connection"] },
+            ]}
+            title="Elite Fitness Services"
+            description="Tailored programs to meet your health and wellness goals."
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Amenities"
-      description="Beyond the equipment, we offer complete recovery."
-      features={[
-        {
-          title: "Sauna",
-          description: "Relax after your session.",
-          media: {
-            imageSrc: "asset://amenity-sauna",
-          },
-          items: [
-            {
-              icon: Waves,
-              text: "Dry Heat",
-            },
-          ],
-          reverse: false,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4&_wi=1",
-          imageAlt: "luxury gym interior dark aesthetic",
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Amenities"
+            description="Beyond the equipment, we offer complete recovery."
+            features={[
+              {
+                title: "Sauna",                description: "Relax after your session.",                media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4" },
+                items: [{ icon: Waves, text: "Dry Heat" }],
+                reverse: false
+              },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Personal Training",
-              href: "/services",
-            },
-            {
-              label: "Yoga",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="PIVOT FITNESS"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Personal Training", href: "/services" }, { label: "Yoga", href: "/services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            logoText="PIVOT FITNESS"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );