diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index b94fa39..ce23d7c 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,7 +7,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,124 +22,59 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Catalog",
-          id: "/catalog",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="LearnMaster"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Catalog", id: "/catalog" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="LearnMaster"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "plain",
-      }}
-      title="Our Mission"
-      description="Empowering students worldwide."
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "plain" }}
+            title="Our Mission"
+            description="Empowering students worldwide."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg", alt: "Student 1" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg", alt: "Student 2" }
+            ]}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="The Leadership"
-      description="The team behind the platform."
-      members={[
-        {
-          id: "mem1",
-          name: "Alice CEO",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/good-mood-work_329181-14569.jpg",
-        },
-        {
-          id: "mem2",
-          name: "Bob CTO",
-          role: "Engineering",
-          imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="The Leadership"
+            description="The team behind the platform."
+            members={[
+              {
+                id: "mem1",                name: "Alice CEO",                role: "Founder",                imageSrc: "http://img.b2bpic.net/free-photo/good-mood-work_329181-14569.jpg"},
+              {
+                id: "mem2",                name: "Bob CTO",                role: "Engineering",                imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg"},
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="LearnMaster"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Courses",
-          items: [
-            {
-              label: "Business",
-              href: "/catalog",
-            },
-            {
-              label: "Technology",
-              href: "/catalog",
-            },
-            {
-              label: "Design",
-              href: "/catalog",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help",
-              href: "/contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 LearnMaster. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="LearnMaster"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+              { title: "Courses", items: [{ label: "Business", href: "/catalog" }, { label: "Technology", href: "/catalog" }, { label: "Design", href: "/catalog" }] },
+              { title: "Support", items: [{ label: "Help", href: "/contact" }, { label: "FAQ", href: "#faq" }] }
+            ]}
+            copyrightText="© 2024 LearnMaster. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/catalog/page.tsx b/src/app/catalog/page.tsx
index 062f3ba..9755b7d 100644
--- a/src/app/catalog/page.tsx
+++ b/src/app/catalog/page.tsx
@@ -7,7 +7,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
-export default function LandingPage() {
+export default function CatalogPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,136 +22,59 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Catalog",
-          id: "/catalog",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="LearnMaster"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Catalog", id: "/catalog" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="LearnMaster"
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Full Catalog"
-      description="Browse our complete library of courses."
-      products={[
-        {
-          id: "p1",
-          name: "Intro to Coding",
-          price: "$99",
-          variant: "Beginner",
-          imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040421.jpg",
-        },
-        {
-          id: "p2",
-          name: "AI Basics",
-          price: "$129",
-          variant: "Intermediate",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="product" data-section="product">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Full Catalog"
+            description="Browse our complete library of courses."
+            products={[
+              { id: "p1", name: "Intro to Coding", price: "$99", variant: "Beginner", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040421.jpg" },
+              { id: "p2", name: "AI Basics", price: "$129", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg" },
+              { id: "p3", name: "Advanced Dev", price: "$199", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/computer-program-code_1385-635.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "plain",
-      }}
-      title="Filter by Expertise"
-      description="Narrow down your search by skill level."
-      buttons={[
-        {
-          text: "Beginner",
-          href: "#",
-        },
-        {
-          text: "Advanced",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "plain" }}
+            title="Filter by Expertise"
+            description="Narrow down your search by skill level."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg", alt: "Student 1" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg", alt: "Student 2" }
+            ]}
+            buttons={[{ text: "Beginner", href: "#" }, { text: "Advanced", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="LearnMaster"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Courses",
-          items: [
-            {
-              label: "Business",
-              href: "/catalog",
-            },
-            {
-              label: "Technology",
-              href: "/catalog",
-            },
-            {
-              label: "Design",
-              href: "/catalog",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help",
-              href: "/contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 LearnMaster. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="LearnMaster"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+              { title: "Courses", items: [{ label: "Business", href: "/catalog" }, { label: "Technology", href: "/catalog" }, { label: "Design", href: "/catalog" }] },
+              { title: "Support", items: [{ label: "Help", href: "/contact" }, { label: "FAQ", href: "#faq" }] }
+            ]}
+            copyrightText="© 2024 LearnMaster. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 25075c2..079be9b 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,127 +22,56 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Catalog",
-          id: "/catalog",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="LearnMaster"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Catalog", id: "/catalog" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="LearnMaster"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "plain",
-      }}
-      title="Contact Us"
-      description="We are here to help you."
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "plain" }}
+            title="Contact Us"
+            description="We are here to help you."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg", alt: "Student 1" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg", alt: "Student 2" }
+            ]}
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Support Channels"
-      description="Reach out whenever you need."
-      features={[
-        {
-          id: "c1",
-          label: "Email",
-          title: "Support",
-          items: [
-            "support@learn.com",
-          ],
-        },
-        {
-          id: "c2",
-          label: "Call",
-          title: "Phone",
-          items: [
-            "+1-800-LEARN",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Support Channels"
+            description="Reach out whenever you need."
+            features={[
+              { id: "c1", label: "Email", title: "Support", items: ["support@learn.com"] },
+              { id: "c2", label: "Call", title: "Phone", items: ["+1-800-LEARN"] }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="LearnMaster"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Courses",
-          items: [
-            {
-              label: "Business",
-              href: "/catalog",
-            },
-            {
-              label: "Technology",
-              href: "/catalog",
-            },
-            {
-              label: "Design",
-              href: "/catalog",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help",
-              href: "/contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 LearnMaster. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="LearnMaster"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+              { title: "Courses", items: [{ label: "Business", href: "/catalog" }, { label: "Technology", href: "/catalog" }, { label: "Design", href: "/catalog" }] },
+              { title: "Support", items: [{ label: "Help", href: "/contact" }, { label: "FAQ", href: "#faq" }] }
+            ]}
+            copyrightText="© 2024 LearnMaster. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 41323b1..db57e60 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function LandingPage() {
+export default function PricingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,127 +22,56 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Catalog",
-          id: "/catalog",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="LearnMaster"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Catalog", id: "/catalog" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="LearnMaster"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "plain",
-      }}
-      title="Choose Your Plan"
-      description="Get unlimited access to all courses."
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "plain" }}
+            title="Choose Your Plan"
+            description="Get unlimited access to all courses."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg", alt: "Student 1" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg", alt: "Student 2" }
+            ]}
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Member Benefits"
-      description="Why choose our premium plans?"
-      features={[
-        {
-          id: "ben1",
-          label: "Access",
-          title: "Everything",
-          items: [
-            "All access.",
-          ],
-        },
-        {
-          id: "ben2",
-          label: "Support",
-          title: "Premium",
-          items: [
-            "24/7 support.",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Member Benefits"
+            description="Why choose our premium plans?"
+            features={[
+              { id: "ben1", label: "Access", title: "Everything", items: ["All access."] },
+              { id: "ben2", label: "Support", title: "Premium", items: ["24/7 support."] }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="LearnMaster"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Courses",
-          items: [
-            {
-              label: "Business",
-              href: "/catalog",
-            },
-            {
-              label: "Technology",
-              href: "/catalog",
-            },
-            {
-              label: "Design",
-              href: "/catalog",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help",
-              href: "/contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 LearnMaster. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="LearnMaster"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+              { title: "Courses", items: [{ label: "Business", href: "/catalog" }, { label: "Technology", href: "/catalog" }, { label: "Design", href: "/catalog" }] },
+              { title: "Support", items: [{ label: "Help", href: "/contact" }, { label: "FAQ", href: "#faq" }] }
+            ]}
+            copyrightText="© 2024 LearnMaster. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );