diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..0d8e4a6
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function LoginPage() {
+  const router = useRouter();
+  const [email, setEmail] = useState("");
+
+  const handleLogin = (e: React.FormEvent) => {
+    e.preventDefault();
+    console.log("Login attempted for:", email);
+    router.push("/");
+  };
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeMediumTitles"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <div className="flex flex-col min-h-screen">
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Login", id: "/login" }
+          ]}
+          brandName="Private Enterprise"
+          button={{ text: "Back Home", href: "/" }}
+        />
+        <main className="flex-grow flex items-center justify-center p-8">
+          <form onSubmit={handleLogin} className="w-full max-w-md p-8 border rounded-xl shadow-lg bg-card">
+            <h1 className="text-2xl font-bold mb-6">Login</h1>
+            <input 
+              type="email" 
+              placeholder="Email address" 
+              className="w-full p-3 mb-4 border rounded-md" 
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              required
+            />
+            <button type="submit" className="w-full p-3 bg-primary text-white rounded-md font-semibold">
+              Sign In
+            </button>
+          </form>
+        </main>
+        <FooterBaseCard
+          logoText="Private Enterprise"
+          columns={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b9e99ab..47679fc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useState } from "react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
@@ -11,8 +12,12 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ProductCart from '@/components/ecommerce/cart/ProductCart';
 
 export default function LandingPage() {
+  const [isCartOpen, setIsCartOpen] = useState(false);
+  const [cartItems, setCartItems] = useState([]);
+
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -30,87 +35,35 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Private Enterprise"
+      button={{ text: "Login", href: "/login" }}
     />
   </div>
 
+  <ProductCart 
+    isOpen={isCartOpen}
+    onClose={() => setIsCartOpen(false)}
+    items={cartItems}
+    total="$0.00"
+    buttons={[{ text: "Checkout", onClick: () => alert("Processing payment...") }]}
+  />
+
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Discrete Excellence for Private Enterprise"
       description="Providing tailored solutions for select organizations that value confidentiality, precision, and long-term strategic growth."
       buttons={[
-        {
-          text: "Learn More",
-          href: "#about",
-        },
+        { text: "Learn More", href: "#about" },
+        { text: "View Cart", onClick: () => setIsCartOpen(true) }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights_482257-112565.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights_482257-112565.jpg?_wi=1"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241202.jpg",
-          alt: "Modern and equipped computer lab",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg",
-          alt: "Boss instructing assistant. Colleagues standing and sitting at table with monitor and documents, manager pointing at paper and listening to coworker. Business communication concept",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-modern-man-working-with-copy-space_23-2148728918.jpg",
-          alt: "Handsome modern man working with copy space",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-office-workspace-showcases-monitor-with-research-analysis-meetings_482257-118634.jpg",
-          alt: "Empty office workspace showcases monitor with research analysis during meetings",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights_482257-112565.jpg",
-          alt: "private business office executive meeting",
-        },
-      ]}
-      avatarText="Trusted by industry leaders"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Confidentiality First",
-        },
-        {
-          type: "text",
-          text: "Strategic Growth",
-        },
-        {
-          type: "text",
-          text: "Operational Precision",
-        },
-        {
-          type: "text",
-          text: "Integrity Driven",
-        },
-        {
-          type: "text",
-          text: "Expert Guidance",
-        },
-      ]}
     />
   </div>
 
@@ -120,14 +73,8 @@ export default function LandingPage() {
       title="A Legacy of Discretion"
       description="We specialize in high-stakes consulting, offering bespoke strategies that align with your firm's unique objectives while maintaining the highest standard of privacy."
       metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "200+",
-          title: "Successful Cases",
-        },
+        { value: "15+", title: "Years Experience" },
+        { value: "200+", title: "Successful Cases" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/two-happy-colleagues-using-laptop-video-call-sitting-table-with-cup-coffee-looking-display-talking-online-communication-concept_74855-12035.jpg"
       mediaAnimation="slide-up"
@@ -142,20 +89,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Strategic Consulting",
-          description: "High-level guidance tailored to your operational goals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-phone-call-looking-charts_23-2148017122.jpg",
-        },
+          title: "Strategic Consulting",          description: "High-level guidance tailored to your operational goals.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-phone-call-looking-charts_23-2148017122.jpg"},
         {
-          title: "Operational Efficiency",
-          description: "Refining workflows for maximum performance and impact.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003750.jpg",
-        },
+          title: "Operational Efficiency",          description: "Refining workflows for maximum performance and impact.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003750.jpg"},
         {
-          title: "Confidential Audits",
-          description: "Independent verification and risk assessment services.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-working-with-documents_23-2151202423.jpg",
-        },
+          title: "Confidential Audits",          description: "Independent verification and risk assessment services.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-working-with-documents_23-2151202423.jpg"},
       ]}
       title="Our Specialized Capabilities"
       description="Focused solutions delivered with absolute integrity."
@@ -168,28 +106,7 @@ export default function LandingPage() {
       testimonial="The absolute discretion and professional approach provided has been transformative for our organizational strategy."
       rating={5}
       author="Executive Partner, Global Firm"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-businesswoman-posing-outdoors_1262-16431.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pleased-middle-aged-man-wearing-white-t-shirt-with-tie-putting-hands-waist-isolated-orange-wall_141793-86092.jpg",
-          alt: "Client 5",
-        },
-      ]}
+      avatars={[]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
     />
@@ -202,21 +119,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "98%",
-          description: "Client Retention Rate",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          description: "Dedicated Support",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Confidentiality Guarantee",
-        },
+        { id: "m1", value: "98%", description: "Client Retention Rate" },
+        { id: "m2", value: "24/7", description: "Dedicated Support" },
+        { id: "m3", value: "100%", description: "Confidentiality Guarantee" },
       ]}
       title="Performance at a Glance"
       description="Quantifiable success through disciplined methodology."
@@ -228,21 +133,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How do you handle confidentiality?",
-          content: "All engagements are governed by strict NDAs and internal security protocols.",
-        },
-        {
-          id: "q2",
-          title: "Do you work with non-public entities?",
-          content: "Yes, we specialize in serving both private and non-public sector firms.",
-        },
-        {
-          id: "q3",
-          title: "Is the first consultation free?",
-          content: "We offer a preliminary assessment to determine how we can best serve your specific needs.",
-        },
+        { id: "q1", title: "How do you handle confidentiality?", content: "All engagements are governed by strict NDAs and internal security protocols." },
+        { id: "q2", title: "Do you work with non-public entities?", content: "Yes, we specialize in serving both private and non-public sector firms." },
+        { id: "q3", title: "Is the first consultation free?", content: "We offer a preliminary assessment to determine how we can best serve your specific needs." },
       ]}
       title="Frequently Asked Questions"
       description="Clear answers to your most pressing questions."
@@ -253,16 +146,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       text="Start a confidential conversation with our team."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@example.com",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "mailto:hello@example.com" }]}
     />
   </div>
 
@@ -271,33 +157,16 @@ export default function LandingPage() {
       logoText="Private Enterprise"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Services", href: "#features" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
@@ -307,4 +176,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
new file mode 100644
index 0000000..43745ba
--- /dev/null
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeMediumTitles"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Private Enterprise"
+          button={{ text: "Login", href: "/login" }}
+        />
+        <div className="pt-32 pb-20">
+            <ProductCardThree
+                title="Professional Tools Catalog"
+                description="Curated equipment and assets for enterprise productivity."
+                gridVariant="four-items-2x2-equal-grid"
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                products={[
+                    { id: "1", name: "Executive Portfolio", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/handsome-modern-man-working-with-copy-space_23-2148728918.jpg" },
+                    { id: "2", name: "Security Hardware Unit", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241202.jpg" },
+                    { id: "3", name: "Premium Office Desk", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/empty-office-workspace-showcases-monitor-with-research-analysis-meetings_482257-118634.jpg" },
+                    { id: "4", name: "Consultation Software License", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights_482257-112565.jpg?_wi=2" }
+                ]}
+            />
+        </div>
+        <FooterBaseCard
+          logoText="Private Enterprise"
+          columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}