Add src/app/legal/page.tsx

Merge version_7 into main

src/app/legal/page.tsx

@@ -0,0 +1,101 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import LegalSection from "@/components/legal/LegalSection";
+
+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: "Legal", id: "legal" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
+        <div id="legal" data-section="legal">
+            <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: "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 { Bot, BrainCircuit, Workflow, Zap, ArrowUpRight, Cpu, Network, Database } from "lucide-react";
+import { BrainCircuit, Workflow, Zap, ArrowUpRight, Cpu, Database, Network } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -54,14 +54,14 @@ export default function WebAgency2Page() {
             buttonAnimation="slide-up"
             carouselPosition="right"
             leftCarouselItems={[
-              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6eivSkkTGgp8DaDxCBCnRMlxl/uploaded-1777628527555-a5q88ct8.png?_wi=1", imageAlt: "AI Orchestration Framework" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6eivSkkTGgp8DaDxCBCnRMlxl/uploaded-1777628755143-tsvegbyk.png?_wi=1", imageAlt: "AI Orchestration Framework" },
               { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "Autonomous Agent Systems" },
               { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "Predictive Analytics Dashboard" },
             ]}
             rightCarouselItems={[
               { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "Scalable AI Automation" },
               { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "Operational Efficiency" },
-              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=1", imageAlt: "Performance Data" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6eivSkkTGgp8DaDxCBCnRMlxl/uploaded-1777628755143-tsvegbyk.png?_wi=2", imageAlt: "Performance Data" },
             ]}
             carouselItemClassName="!aspect-[4/5]"
           />
@@ -82,7 +82,7 @@ export default function WebAgency2Page() {
               },
               {
                 title: "Automated Workflows",                description: "Connecting your entire ecosystem to eliminate manual latency and process friction.",                bentoComponent: "media-stack",                items: [
-                  { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6eivSkkTGgp8DaDxCBCnRMlxl/uploaded-1777628527555-a5q88ct8.png?_wi=2", imageAlt: "AI Agent Deployment" },
+                  { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6eivSkkTGgp8DaDxCBCnRMlxl/uploaded-1777628755143-tsvegbyk.png?_wi=3", imageAlt: "AI Agent Deployment" },
                   { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp?_wi=1", imageAlt: "Systems Integration" },
                   { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp?_wi=1", imageAlt: "Data Strategy" },
                 ],
@@ -90,7 +90,7 @@ export default function WebAgency2Page() {
               {
                 title: "Infrastructure & Data",                description: "Laying the robust foundation for high-performance machine learning initiatives.",                bentoComponent: "media-stack",                items: [
                   { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp?_wi=2", imageAlt: "Data Architecture" },
-                  { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=2", imageAlt: "Model Optimization" },
+                  { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6eivSkkTGgp8DaDxCBCnRMlxl/uploaded-1777628755143-tsvegbyk.png?_wi=4", imageAlt: "Model Optimization" },
                   { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp?_wi=2", imageAlt: "Cloud Integration" },
                 ],
               },
@@ -108,7 +108,7 @@ export default function WebAgency2Page() {
             cardClassName="!h-auto aspect-video"
             features={[
               {
-                title: "AI Lead Engines",                description: "Automated 24/7 lead qualification and pipeline enrichment.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6eivSkkTGgp8DaDxCBCnRMlxl/uploaded-1777628527555-a5q88ct8.png?_wi=3",                imageAlt: "AI Lead Engine",                buttonIcon: ArrowUpRight,
+                title: "AI Lead Engines",                description: "Automated 24/7 lead qualification and pipeline enrichment.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D6eivSkkTGgp8DaDxCBCnRMlxl/uploaded-1777628755143-tsvegbyk.png?_wi=5",                imageAlt: "AI Lead Engine",                buttonIcon: ArrowUpRight,
               },
               {
                 title: "Process Automation",                description: "Reduced operational cycle times by over 60% with custom agents.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp",                imageAlt: "Process Automation",                buttonIcon: ArrowUpRight,
@@ -195,4 +195,4 @@ export default function WebAgency2Page() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}