diff --git a/src/app/page.tsx b/src/app/page.tsx
index 76cb5b0..53b9ecd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
@@ -35,21 +35,30 @@ export default function LandingPage() {
             { name: "Benefits", id: "benefits" },
             { name: "Testimonials", id: "testimonials" },
             { name: "FAQ", id: "faq" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "contact" },
+            { name: "Shop", id: "/products" }
           ]}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardScroll
+        <HeroSplitKpi
           title="Your Gateway to Digital Knowledge"
           description="Discover premium digital products designed to accelerate your learning and growth. Instant access to e-guides, courses, and resources covering technology, productivity, entrepreneurship, and personal development."
           tag="Empower Your Learning"
-          background={{ variant: "plain" }}
+          background={{ variant: "glowing-orb" }}
+          kpis={[
+            { value: "50K+", label: "Active Learners" },
+            { value: "500+", label: "Premium Resources" },
+            { value: "95%", label: "Satisfaction Rate" }
+          ]}
+          enableKpiAnimation={true}
           imageSrc="http://img.b2bpic.net/free-vector/social-media-business_23-2147512537.jpg"
           imageAlt="DigiWorld digital learning platform dashboard"
+          mediaAnimation="slide-up"
+          imagePosition="right"
           buttons={[
-            { text: "Explore Products", href: "#featured-products" },
+            { text: "Explore Products", href: "/products" },
             { text: "Learn More", href: "#benefits" }
           ]}
         />
@@ -77,7 +86,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
-            { text: "Browse All Products", href: "#contact" }
+            { text: "Browse All Products", href: "/products" }
           ]}
         />
       </div>
@@ -213,7 +222,7 @@ export default function LandingPage() {
           ctaTitle="Ready to Start Learning?"
           ctaDescription="Join thousands of professionals advancing their skills. Get started today with instant access."
           ctaIcon={ArrowRight}
-          ctaButton={{ text: "Browse Products Now", href: "#featured-products" }}
+          ctaButton={{ text: "Browse Products Now", href: "/products" }}
           faqs={[
             {
               id: "1",              title: "How do I get started?",              content: "Simply browse our product catalog, select items that interest you, and complete checkout. You'll have instant access to begin learning immediately."
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..6bf0cb7
--- /dev/null
+++ b/src/app/products/page.tsx
@@ -0,0 +1,86 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Linkedin, Mail, Star, Twitter } from "lucide-react";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="largeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="solid"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="DigiWorld"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Benefits", id: "benefits" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Our Complete Product Catalog"
+          description="Explore our full range of premium digital products designed to help you grow and succeed"
+          tag="All Products"
+          tagIcon={Star}
+          products={[
+            {
+              id: "1",              name: "Digital Entrepreneurship Mastery",              price: "$49.99",              variant: "E-guide + Video Modules",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-business-workshop-template-design_23-2149494188.jpg",              imageAlt: "Digital Entrepreneurship Mastery guide"
+            },
+            {
+              id: "2",              name: "Productivity Excellence System",              price: "$39.99",              variant: "Workbook + Templates",              imageSrc: "http://img.b2bpic.net/free-vector/home-sport-a5-flyer-template-with-photo_23-2148646708.jpg",              imageAlt: "Productivity Excellence System workbook"
+            },
+            {
+              id: "3",              name: "Advanced Tech Skills Bundle",              price: "$79.99",              variant: "Video Course + Resources",              imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tablet_23-2147689346.jpg",              imageAlt: "Advanced Tech Skills Bundle course"
+            },
+            {
+              id: "4",              name: "Leadership Excellence Program",              price: "$89.99",              variant: "Training + Certification",              imageSrc: "http://img.b2bpic.net/free-vector/social-media-business_23-2147512537.jpg",              imageAlt: "Leadership Excellence Program"
+            },
+            {
+              id: "5",              name: "Creative Design Fundamentals",              price: "$59.99",              variant: "Tutorial + Project Files",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062940.jpg",              imageAlt: "Creative Design Fundamentals course"
+            },
+            {
+              id: "6",              name: "Financial Planning Masterclass",              price: "$69.99",              variant: "Webinar + Workbook",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg",              imageAlt: "Financial Planning Masterclass"
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Back to Home", href: "/" }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="DigiWorld"
+          copyrightText="© 2025 DigiWorld. All rights reserved. | Premium Digital Learning Platform"
+          socialLinks={[
+            { icon: Twitter, href: "https://twitter.com/digiworld", ariaLabel: "DigiWorld Twitter" },
+            { icon: Linkedin, href: "https://linkedin.com/company/digiworld", ariaLabel: "DigiWorld LinkedIn" },
+            { icon: Mail, href: "mailto:hello@digiworld.com", ariaLabel: "Contact DigiWorld via email" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file