|
|
|
|
@@ -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>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
