diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..906c304
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,94 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function LoginPage() {
+  const navItems = [
+    { name: "Home", id: "/"},
+    { name: "Features", id: "#features"},
+    { name: "AI Assistant", id: "#ai-assistant"},
+    { name: "Metrics", id: "#metrics"},
+    { name: "Testimonials", id: "#testimonials"},
+    { name: "Pricing", id: "#pricing"},
+    { name: "FAQ", id: "#faq"},
+    { name: "Contact", id: "#contact"},
+    { name: "Login", id: "/login"},
+    { name: "Sign Up", id: "/signup"},
+  ];
+
+  const footerColumns = [
+    {
+      title: "Product", items: [
+        { label: "Features", href: "/#features"},
+        { label: "AI Assistant", href: "/#ai-assistant"},
+        { label: "Pricing", href: "/#pricing"},
+      ]
+    },
+    {
+      title: "Company", items: [
+        { label: "About Us", href: "/#about"},
+        { label: "Testimonials", href: "/#testimonials"},
+        { label: "Contact", href: "/#contact"},
+      ]
+    },
+    {
+      title: "Resources", items: [
+        { label: "FAQ", href: "/#faq"},
+        { label: "Support", href: "#"},
+        { label: "Blog", href: "#"},
+      ]
+    },
+    {
+      title: "Legal", items: [
+        { label: "Privacy Policy", href: "#"},
+        { label: "Terms of Service", href: "#"},
+      ]
+    },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="mediumLarge"
+        background="none"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={navItems} brandName="AscentFlow" />
+        </div>
+
+        <main className="min-h-screen flex flex-col items-center justify-center p-8">
+          <div className="max-w-md w-full text-center">
+            <h1 className="text-4xl font-bold mb-4">Login</h1>
+            <p className="text-lg text-foreground mb-8">
+              Authentication logic for user login needs to be implemented here.
+              This page serves as a placeholder for the login interface.
+            </p>
+            {/* Placeholder for a login form */}
+            <div className="p-6 bg-card rounded-lg shadow-md">
+                <p className="text-foreground">Login form components would go here.</p>
+            </div>
+          </div>
+        </main>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="AscentFlow"
+            columns={footerColumns}
+            copyrightText="© 2024 AscentFlow. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index be4edab..3cb693d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,7 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
         {
           name: "Features",          id: "#features"},
         {
@@ -49,6 +49,10 @@ export default function LandingPage() {
           name: "FAQ",          id: "#faq"},
         {
           name: "Contact",          id: "#contact"},
+        {
+          name: "Login",          id: "/login"},
+        {
+          name: "Sign Up",          id: "/signup"},
       ]}
       brandName="AscentFlow"
     />
@@ -62,9 +66,9 @@ export default function LandingPage() {
       description="Streamline leads, clients, payments, and calls with our intuitive platform and intelligent AI assistant. Your all-in-one solution for seamless business management."
       buttons={[
         {
-          text: "Get Started",          href: "#contact"},
+          text: "Get Started",          href: "/#contact"},
         {
-          text: "Login",          href: "#"},
+          text: "Login",          href: "/login"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/business-people-working-with-ai-operated-devices_23-2151922461.jpg"
       imageAlt="AscentFlow Dashboard Overview"
@@ -231,21 +235,21 @@ export default function LandingPage() {
         {
           id: "starter",          tag: "Start Smart",          tagIcon: Star,
           price: "$29",          period: "/month",          description: "Ideal for solo entrepreneurs and small teams getting started with organized management.",          button: {
-            text: "Choose Starter",            href: "#contact"},
+            text: "Choose Starter",            href: "/#contact"},
           featuresTitle: "Includes:",          features: [
             "Lead Tracking (Basic)",            "Client Management (Basic)",            "Invoicing & Payments",            "Call Logging",            "AI Assistant (Standard)"],
         },
         {
           id: "pro",          tag: "Most Popular",          tagIcon: Sparkles,
           price: "$59",          period: "/month",          description: "Perfect for growing businesses needing advanced features and deeper insights to scale efficiently.",          button: {
-            text: "Choose Pro",            href: "#contact"},
+            text: "Choose Pro",            href: "/#contact"},
           featuresTitle: "Everything in Starter, plus:",          features: [
             "Advanced Lead Automation",            "Custom Client Fields",            "Detailed Payment Reports",            "AI Assistant (Pro Features)",            "Priority Support"],
         },
         {
           id: "enterprise",          tag: "Custom Solution",          tagIcon: Building,
           price: "Contact Us",          period: "",          description: "Tailored for large organizations requiring enterprise-grade features, integrations, and dedicated support.",          button: {
-            text: "Contact Sales",            href: "#contact"},
+            text: "Contact Sales",            href: "/#contact"},
           featuresTitle: "Everything in Pro, plus:",          features: [
             "Custom Integrations",            "Dedicated Account Manager",            "Advanced Security Options",            "Team Collaboration Tools",            "Unlimited AI Usage"],
         },
@@ -285,9 +289,9 @@ export default function LandingPage() {
       description="Join thousands of businesses streamlining their operations and boosting productivity. Get started today with a free demo or connect with our sales team."
       buttons={[
         {
-          text: "Start Free Trial",          href: "#"},
+          text: "Start Free Trial",          href: "/#contact"},
         {
-          text: "Contact Sales",          href: "#"},
+          text: "Contact Sales",          href: "/#contact"},
       ]}
     />
   </div>
@@ -299,27 +303,27 @@ export default function LandingPage() {
         {
           title: "Product",          items: [
             {
-              label: "Features",              href: "#features"},
+              label: "Features",              href: "/#features"},
             {
-              label: "AI Assistant",              href: "#ai-assistant"},
+              label: "AI Assistant",              href: "/#ai-assistant"},
             {
-              label: "Pricing",              href: "#pricing"},
+              label: "Pricing",              href: "/#pricing"},
           ],
         },
         {
           title: "Company",          items: [
             {
-              label: "About Us",              href: "#about"},
+              label: "About Us",              href: "/#about"},
             {
-              label: "Testimonials",              href: "#testimonials"},
+              label: "Testimonials",              href: "/#testimonials"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/#contact"},
           ],
         },
         {
           title: "Resources",          items: [
             {
-              label: "FAQ",              href: "#faq"},
+              label: "FAQ",              href: "/#faq"},
             {
               label: "Support",              href: "#"},
             {