Merge version_2 into main #4
136
src/app/page.tsx
136
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user