Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,15 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Zap, Shield, Layers, Lock, Clock } from 'lucide-react';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import { Zap, Shield, Layers, Lock, Clock, BarChart3, Workflow } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -30,12 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Flow", id: "flow" },
-        { name: "Insights", id: "insights" },
-        { name: "Fixes", id: "fixes" },
+        { name: "Pipeline", id: "pipeline" },
+        { name: "Operations", id: "operations" },
         { name: "Contact", id: "contact" },
       ]}
-      brandName="BookingFix.io"
+      brandName="Architecht.io"
       button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
@@ -43,120 +40,71 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{ variant: "plain" }}
-      title="Resolve Booking 403 Errors Instantly"
-      description="Stop losing reservations to authentication bottlenecks. Our diagnostic approach isolates WAF, CSRF, and session conflicts in minutes, not hours."
-      buttons={[{ text: "Start Diagnostic", href: "#flow" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/governmental-hacking-group-targeting-sensitive-information_482257-105221.jpg?_wi=1"
-      imageAlt="Dashboard interface for error resolution"
-      mediaAnimation="slide-up"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg", alt: "Lead DevOps engineer" },
-        { src: "http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg", alt: "Senior backend architect" },
-        { src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", alt: "Cloud infrastructure specialist" },
-        { src: "http://img.b2bpic.net/free-photo/multiple-monitors-prepared-workers_482257-121341.jpg", alt: "Technical support lead" },
-        { src: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-shallow-depth-field-modern-communication_1048-12682.jpg", alt: "Security systems analyst" },
-      ]}
-      avatarText="Trusted by 500+ engineering teams"
-      marqueeItems={[
-        { type: "text", text: "WAF Log Analysis" },
-        { type: "text", text: "CSRF Resolution" },
-        { type: "text", text: "Session Integrity" },
-        { type: "text", text: "Proxy Header Tuning" },
-        { type: "text", text: "Middleware Audit" },
-      ]}
+      title="CRM & Operational Integration Architecture"
+      description="Unify your sales pipeline and operational workflows into a single, high-performance integration ecosystem."
+      buttons={[{ text: "Explore Architecture", href: "#pipeline" }]}
     />
   </div>
 
-  <div id="flow" data-section="flow">
-      <SplitAbout
+  <div id="pipeline" data-section="pipeline">
+    <FeatureCardEight
       textboxLayout="split"
       useInvertedBackground={false}
-      title="Investigation Methodology"
-      description="We don't guess—we trace. By isolating the exact request layer causing the denial, we ensure high-impact fixes without disrupting live traffic."
-      bulletPoints={[
-        { title: "Full Request Tracing", description: "Capturing end-to-end logs to pinpoint WAF or PHP middleware blocks." },
-        { title: "Cookie Analysis", description: "Detecting session scope mismatches or CSRF token degradation." },
-        { title: "Rule Auditing", description: "Scanning Apache/Nginx or mod_security logs for rule false-positives." },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/google-drive-icon-line-connection-circuit-board_1379-902.jpg?_wi=1"
-      imageAlt="Diagnostic methodology flow"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="insights" data-section="insights">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
+      title="Sales Pipeline Overview"
+      description="Visualize your entire customer journey with precision tracking and automated trigger points."
       features={[
-        { title: "CSRF Token Invalidation", description: "Session regeneration during login is the most common reason for stale tokens.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg", imageAlt: "Abstract techno background" },
-        { title: "ModSecurity False Positives", description: "Booking payload characters often trip aggressive SQL-injection security rules.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/governmental-hacking-group-targeting-sensitive-information_482257-105221.jpg?_wi=2", imageAlt: "Security background" },
-        { title: "HTTPS/Proxy Mismatch", description: "Load balancer headers interfering with cookie secure/same-site policy.", buttonIcon: Layers, imageSrc: "http://img.b2bpic.net/free-photo/google-drive-icon-line-connection-circuit-board_1379-902.jpg?_wi=2", imageAlt: "Proxy background" },
-        { title: "Middleware Permissions", description: "Incomplete user-state hydration preventing booking permission checks.", buttonIcon: Lock, imageSrc: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg?_wi=1", imageAlt: "Middleware background" },
-        { title: "Time Drift Issues", description: "NTP skew causing timestamp validation errors in secure booking tokens.", buttonIcon: Clock, imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg?_wi=1", imageAlt: "Time background" },
+        { title: "Lead Velocity Tracking", description: "Monitor the speed of lead conversion across all stages of the funnel.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-graph-screen_1134-297.jpg" },
+        { title: "Automated CRM Sync", description: "Bidirectional data flow ensures your pipeline is always aligned with actual CRM activity.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg" }
       ]}
-      title="Common Root Causes"
-      description="Travel booking platforms share similar security patterns that trigger false denials. We look for these culprits first."
     />
   </div>
 
-  <div id="fixes" data-section="fixes">
-      <PricingCardOne
+  <div id="operations" data-section="operations">
+    <PricingCardFive
       animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        { id: "fix1", badge: "Core", price: "Session Repair", subtitle: "Fixing token lifecycle issues", features: ["Re-bind session", "Sync cookies", "Clear stale cache"] },
-        { id: "fix2", badge: "Security", price: "WAF Tuning", subtitle: "Excluding false positives", features: ["Review audit logs", "Scoped rule bypass", "Payload sanitization"] },
-        { id: "fix3", badge: "System", price: "Proxy Adjust", subtitle: "Aligning infrastructure", features: ["HTTP/HTTPS sync", "Header adjustment", "Load balancer fix"] },
-      ]}
-      title="Implementation Strategy"
-      description="Choose the fix path that fits your infrastructure requirements."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
       textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", title: "Saved the quarter", quote: "The 403 diagnostic saved our booking flow. We were stuck for days; they fixed it in hours.", name: "Alex R.", role: "Lead Dev", imageSrc: "http://img.b2bpic.net/free-photo/governmental-hacking-group-targeting-sensitive-information_482257-105221.jpg?_wi=3" },
-        { id: "2", title: "Expert guidance", quote: "Their approach to WAF false positives was exactly what we needed to maintain security.", name: "Sarah K.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/google-drive-icon-line-connection-circuit-board_1379-902.jpg?_wi=3" },
-        { id: "3", title: "Incredible clarity", quote: "Clean logs and precise explanations meant our team understood every patch.", name: "David M.", role: "Site Reliability", imageSrc: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg?_wi=2" },
-        { id: "4", title: "Immediate results", quote: "Post-fix, our conversion rate recovered instantly. Highly recommended for PHP platforms.", name: "Elena V.", role: "DevOps", imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg?_wi=2" },
-        { id: "5", title: "Professional patch", quote: "Their scoped fix methodology was safe, fast, and remarkably robust.", name: "James L.", role: "Senior Engineer", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-shallow-depth-field-modern-communication_1048-12682.jpg" },
+      useInvertedBackground={true}
+      title="Operational Sync Hub"
+      description="Centralize your backend processes and sync operational data seamlessly across teams."
+      plans={[
+        { 
+            id: "ops-1", 
+            tag: "Real-time", 
+            price: "Sync", 
+            period: "/active", 
+            description: "Sync operational status updates in real-time across your dashboard.", 
+            button: { text: "Configure Hub" }, 
+            featuresTitle: "Operational Capabilities", 
+            features: ["Cross-platform state syncing", "Automated trigger handling", "Unified operational logging"]
+        }
       ]}
-      title="Trusted by Developers"
-      description="Engineers rely on our methodology for swift production issue resolution."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Start your Diagnostic"
-      description="Provide your stack and log snippets to begin the investigation immediately."
+      title="Architect your Integration"
+      description="Tell us about your current CRM and operational stack to receive a custom architecture proposal."
       inputs={[
-        { name: "name", type: "text", placeholder: "Your Name", required: true },
-        { name: "email", type: "email", placeholder: "Email Address", required: true },
-        { name: "stack", type: "text", placeholder: "PHP Framework/Server", required: true },
+        { name: "name", type: "text", placeholder: "Company Name", required: true },
+        { name: "email", type: "email", placeholder: "Work Email", required: true },
       ]}
-      textarea={{ name: "logs", placeholder: "Paste error logs here...", rows: 5, required: true }}
-      imageSrc="http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg?_wi=3"
+      textarea={{ name: "stack", placeholder: "Current CRM/Integration tools...", rows: 5, required: true }}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        { title: "Services", items: [{ label: "Booking Fixes", href: "#" }, { label: "Security Audits", href: "#" }] },
-        { title: "Resources", items: [{ label: "Knowledge Base", href: "#" }, { label: "System Status", href: "#" }] },
+        { title: "Solution", items: [{ label: "Pipeline Overview", href: "#pipeline" }, { label: "Operations Hub", href: "#operations" }] },
+        { title: "Enterprise", items: [{ label: "Security", href: "#" }, { label: "Status", href: "#" }] },
       ]}
-      bottomLeftText="© 2024 BookingFix.io"
-      bottomRightText="Privacy Policy"
+      bottomLeftText="© 2024 Architecht.io"
+      bottomRightText="Compliance Standards"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}