Update src/app/legal/page.tsx

Merge version_6 into main

src/app/legal/page.tsx

@@ -0,0 +1,73 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import LegalSection from "@/components/legal/LegalSection";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function LegalPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="CONFLUXSYSTEMS"
+            navItems={[
+              { name: "Work", id: "work" },
+              { name: "Services", id: "services" },
+              { name: "Pricing", id: "pricing" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+              { name: "Legal", id: "legal" },
+            ]}
+            button={{ text: "Get Started", href: "/contact" }}
+          />
+        </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="page"
+            title="Legal Disclosures"
+            subtitle="Operator information and service policies"
+            sections={[
+              {
+                heading: "Operator Information",                content: { type: "paragraph", text: "Conflux Systems is operated by Conflux Systems Ltd. Registered office at 123 Automation Way, Tech City, TC 94105. For official correspondence, please contact us at contact@confluxsystems.com or +1 (555) 012-3456." }
+              },
+              {
+                heading: "Service Details",                content: { type: "paragraph", text: "We provide enterprise-grade AI automation consulting, custom agent architecture, and systems integration services. All services are governed by our master service agreement provided upon project engagement." }
+              },
+              {
+                heading: "Payment Methods",                content: { type: "list", items: ["Bank Wire Transfer", "Corporate Credit Cards", "ACH Payments", "Cryptocurrency (on request)"] }
+              },
+              {
+                heading: "Refund Policy",                content: { type: "paragraph", text: "As our services are bespoke and project-based, refunds are handled on a case-by-case basis as defined in your specific Statement of Work. Generally, deposits are non-refundable once the discovery phase has commenced." }
+              }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoText="CONFLUXSYSTEMS"
+            copyrightText="© 2026 | CONFLUXSYSTEMS"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Work", href: "/work" }, { label: "Contact", href: "/contact" }] },
+              { title: "Solutions", items: [{ label: "AI Agents", href: "/services" }, { label: "Workflow Automations", href: "/services" }, { label: "Infrastructure", href: "/services" }, { label: "System Audit", href: "/services" }] },
+              { title: "Resources", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Blog", href: "#" }, { label: "Legal", href: "/legal" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -36,6 +36,7 @@ export default function WebAgency2Page() {
               { name: "Pricing", id: "pricing" },
               { name: "About", id: "about" },
               { name: "Contact", id: "contact" },
+              { name: "Legal", id: "legal" },
             ]}
             button={{ text: "Get Started", href: "#contact" }}
           />
@@ -173,6 +174,7 @@ export default function WebAgency2Page() {
                   { label: "Services", href: "#services" },
                   { label: "Work", href: "#work" },
                   { label: "Contact", href: "#contact" },
+                  { label: "Legal", href: "/legal" },
                 ],
               },
               {

src/app/pricing/page.tsx

@@ -31,8 +31,9 @@ export default function PricingPage() {
               { name: "Pricing", id: "pricing" },
               { name: "About", id: "about" },
               { name: "Contact", id: "contact" },
+              { name: "Legal", id: "legal" },
             ]}
-            button={{ text: "Get Started", href: "#contact" }}
+            button={{ text: "Get Started", href: "/contact" }}
           />
         </div>
         <div id="pricing" data-section="pricing">
@@ -64,29 +65,9 @@ export default function PricingPage() {
             logoText="CONFLUXSYSTEMS"
             copyrightText="© 2026 | CONFLUXSYSTEMS"
             columns={[
-              {
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Work", href: "/work" }, { label: "Contact", href: "/contact" }] },
-                title: "Company",                items: [
+              { title: "Solutions", items: [{ label: "AI Agents", href: "/services" }, { label: "Workflow Automations", href: "/services" }, { label: "Infrastructure", href: "/services" }, { label: "System Audit", href: "/services" }] },
-                  { label: "About", href: "#about" },
+              { title: "Resources", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Blog", href: "#" }, { label: "Legal", href: "/legal" }] },
-                  { label: "Services", href: "#services" },
-                  { label: "Work", href: "#work" },
-                  { label: "Contact", href: "#contact" },
-                ],
-              },
-              {
-                title: "Solutions",                items: [
-                  { label: "AI Agents", href: "#" },
-                  { label: "Workflow Automations", href: "#" },
-                  { label: "Infrastructure", href: "#" },
-                  { label: "System Audit", href: "#" },
-                ],
-              },
-              {
-                title: "Resources",                items: [
-                  { label: "Twitter", href: "#" },
-                  { label: "LinkedIn", href: "#" },
-                  { label: "Blog", href: "#" },
-                ],
-              },
             ]}
           />
         </div>