Add src/app/legal/page.tsx

Merge version_7 into main

src/app/legal/page.tsx

@@ -3,8 +3,8 @@
 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";
+import LegalSection from "@/components/legal/LegalSection";
 
 export default function LegalPage() {
   return (
@@ -28,46 +28,74 @@ export default function LegalPage() {
               { name: "Work", id: "work" },
               { name: "Services", id: "services" },
               { name: "Pricing", id: "pricing" },
+              { name: "Legal", id: "legal" },
               { 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="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." }
-              }
-            ]}
-          />
+            <LegalSection
+                layout="page"
+                title="Legal Disclosures & Terms"
+                sections={[
+                    { 
+                      heading: "Operator Information", 
+                      content: { type: "paragraph", text: "Conflux Systems is operated by Conflux Digital Operations Ltd., registered in the state of Delaware." } 
+                    },
+                    { 
+                      heading: "Business Contact", 
+                      content: { type: "list", items: ["Address: 123 Automation Lane, Tech City, DE 19702", "Phone: +1 (888) 555-0199", "Email: operations@confluxsystems.ai"] } 
+                    },
+                    { 
+                      heading: "Services", 
+                      content: { type: "paragraph", text: "We provide bespoke AI engineering, autonomous agent deployment, and workflow automation services." } 
+                    },
+                    { 
+                      heading: "Payment Methods", 
+                      content: { type: "list", items: ["Credit/Debit Cards (Stripe)", "Bank Transfer (ACH/Wire)", "Corporate Invoicing"] } 
+                    },
+                    { 
+                      heading: "Refund Policy", 
+                      content: { type: "paragraph", text: "Services are provided as bespoke engagements. Refunds are granted at our sole discretion based on project delivery milestones and verified service quality issues within 30 days of service activation." } 
+                    }
+                ]}
+            />
         </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" }] },
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "#about" },
+                  { label: "Services", href: "#services" },
+                  { label: "Legal", href: "/legal" },
+                  { 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>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -10,7 +10,7 @@ import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { BrainCircuit, Workflow, Zap, ArrowUpRight, Cpu, Database } from "lucide-react";
+import { BrainCircuit, Workflow, Zap, ArrowUpRight, Cpu, Database, Network } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -33,10 +33,8 @@ export default function WebAgency2Page() {
             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" }}
           />
@@ -174,7 +172,6 @@ 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

@@ -1,77 +0,0 @@
-"use client";
-
-import ReactLenis from "lenis/react";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { Zap } from "lucide-react";
-
-export default function PricingPage() {
-  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="pricing" data-section="pricing">
-          <PricingCardFive
-            title="Transparent Pricing for Intelligent Systems"
-            description="Flexible tiers designed to scale with your operational automation needs."
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            plans={[
-              {
-                id: "starter",                tag: "Foundation",                price: "$2,999",                period: "/mo",                description: "Core automation workflows and basic AI agent integration.",                button: { text: "Choose Starter", href: "#contact" },
-                featuresTitle: "Key Features",                features: ["3 Core Automations", "Email/Chat Support", "Basic Reporting", "Standard Integrations"],
-              },
-              {
-                id: "pro",                tag: "Growth",                tagIcon: Zap,
-                price: "$5,999",                period: "/mo",                description: "Advanced agent orchestrations and predictive workflows.",                button: { text: "Choose Growth", href: "#contact" },
-                featuresTitle: "Key Features",                features: ["10+ Core Automations", "Dedicated Agent Logic", "Priority Support", "Advanced Data Analytics"],
-              },
-              {
-                id: "enterprise",                tag: "Scale",                price: "Custom",                period: "",                description: "Enterprise-grade infrastructure for high-scale global operations.",                button: { text: "Contact Sales", href: "#contact" },
-                featuresTitle: "Enterprise Power",                features: ["Unlimited Automations", "Bespoke Model Training", "24/7 Priority Concierge", "Custom API Orchestration"],
-              },
-            ]}
-          />
-        </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>
-  );
-}