From c4cf945906dc44fba2444424f69947190511ce18 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 20:29:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 421 +++++++++++++++--------------------------------
 1 file changed, 136 insertions(+), 285 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 250e7ec..9bffb2f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,302 +16,153 @@ import TeamCardSix from '@/components/sections/team/TeamCardSix';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Audit Vault",
-          id: "#audit-vault",
-        },
-        {
-          name: "Compliance",
-          id: "#compliance",
-        },
-        {
-          name: "PII Engine",
-          id: "#pii-engine",
-        },
-        {
-          name: "Support",
-          id: "#contact",
-        },
-      ]}
-      brandName="Guardrail-X"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Audit Vault", id: "audit-vault" },
+              { name: "Compliance", id: "compliance" },
+              { name: "PII Engine", id: "pii-engine" },
+              { name: "Support", id: "contact" },
+            ]}
+            brandName="Guardrail-X"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="GUARDRAIL-X"
-      description="Production-ready AI Compliance OS designed to pass Fortune 500 security audits with tamper-evident logs and real-time PII redaction."
-      buttons={[
-        {
-          text: "Deploy Audit Engine",
-          href: "#compliance",
-        },
-        {
-          text: "View Documentation",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="GUARDRAIL-X"
+            description="Production-ready AI Compliance OS designed to pass Fortune 500 security audits with tamper-evident logs and real-time PII redaction."
+            buttons={[
+              { text: "Deploy Audit Engine", href: "#compliance" },
+              { text: "View Documentation", href: "#contact" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg"
+          />
+        </div>
 
-  <div id="compliance" data-section="compliance">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Compliance Readiness"
-      description="Monitor your EU AI Act and ISO 42001 status in real-time. Our system provides automated evidence gathering and data sovereignty tracking for global regulatory compliance."
-      imageSrc="http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg"
-    />
-  </div>
+        <div id="compliance" data-section="compliance">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Compliance Readiness"
+            description="Monitor your EU AI Act and ISO 42001 status in real-time. Our system provides automated evidence gathering and data sovereignty tracking for global regulatory compliance."
+            imageSrc="http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg"
+          />
+        </div>
 
-  <div id="pii-engine" data-section="pii-engine">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Real-time PII Guardrail",
-          description: "Auto-detect and mask Credit Cards, Emails, and API Keys.",
-          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-app-powered-with-ai_1268-21799.jpg",
-        },
-        {
-          title: "Tamper-Evident Ledger",
-          description: "Blockchain-lite SHA-256 chaining ensures every log is immutable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-laptop-screen-data-center_482257-124594.jpg",
-        },
-        {
-          title: "Supply Chain Visibility",
-          description: "Trace data flow to providers like OpenAI and Anthropic.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg",
-        },
-      ]}
-      title="Core Security Engine"
-      description="High-velocity data protection for your LLM pipeline."
-    />
-  </div>
+        <div id="pii-engine" data-section="pii-engine">
+          <FeatureCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            features={[
+              { title: "Real-time PII Guardrail", description: "Auto-detect and mask Credit Cards, Emails, and API Keys.", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-app-powered-with-ai_1268-21799.jpg" },
+              { title: "Tamper-Evident Ledger", description: "Blockchain-lite SHA-256 chaining ensures every log is immutable.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-laptop-screen-data-center_482257-124594.jpg" },
+              { title: "Supply Chain Visibility", description: "Trace data flow to providers like OpenAI and Anthropic.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg" },
+            ]}
+            title="Core Security Engine"
+            description="High-velocity data protection for your LLM pipeline."
+          />
+        </div>
 
-  <div id="audit-vault" data-section="audit-vault">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Vault",
-          name: "Risk Score Analysis",
-          price: "98/100",
-          rating: 5,
-          reviewCount: "12k",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg",
-        },
-        {
-          id: "2",
-          brand: "Vault",
-          name: "Tamper Status",
-          price: "Verified",
-          rating: 5,
-          reviewCount: "5k",
-          imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg",
-        },
-        {
-          id: "3",
-          brand: "Vault",
-          name: "Redaction Rate",
-          price: "99.9%",
-          rating: 5,
-          reviewCount: "3k",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg",
-        },
-        {
-          id: "4",
-          brand: "Vault",
-          name: "Human-in-Loop",
-          price: "Ready",
-          rating: 5,
-          reviewCount: "8k",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",
-        },
-        {
-          id: "5",
-          brand: "Vault",
-          name: "Compliance Score",
-          price: "ISO 42001",
-          rating: 5,
-          reviewCount: "1.2k",
-          imageSrc: "http://img.b2bpic.net/free-photo/navy-operations-specialist-following-hostile-warship-trajectory_482257-91043.jpg",
-        },
-        {
-          id: "6",
-          brand: "Vault",
-          name: "Data Sovereignty",
-          price: "US/EU",
-          rating: 5,
-          reviewCount: "4k",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314080.jpg",
-        },
-      ]}
-      title="Audit Vault Metrics"
-      description="System-wide interaction health data."
-    />
-  </div>
+        <div id="audit-vault" data-section="audit-vault">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Vault", name: "Risk Score Analysis", price: "98/100", rating: 5, reviewCount: "12k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-computers-data-center-running-server-rigs-diagnostic-tests_482257-123527.jpg" },
+              { id: "2", brand: "Vault", name: "Tamper Status", price: "Verified", rating: 5, reviewCount: "5k", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg" },
+              { id: "3", brand: "Vault", name: "Redaction Rate", price: "99.9%", rating: 5, reviewCount: "3k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg" },
+              { id: "4", brand: "Vault", name: "Human-in-Loop", price: "Ready", rating: 5, reviewCount: "8k", imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg" },
+              { id: "5", brand: "Vault", name: "Compliance Score", price: "ISO 42001", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/navy-operations-specialist-following-hostile-warship-trajectory_482257-91043.jpg" },
+              { id: "6", brand: "Vault", name: "Data Sovereignty", price: "US/EU", rating: 5, reviewCount: "4k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314080.jpg" },
+            ]}
+            title="Audit Vault Metrics"
+            description="System-wide interaction health data."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "How does the logging work?",
-          content: "We use a SHA-256 chain where each log entry contains the hash of the previous row, creating an immutable ledger.",
-        },
-        {
-          id: "q2",
-          title: "Is the scanning latency low?",
-          content: "Yes, our Python-based FastAPI microservice is optimized for sub-10ms PII detection.",
-        },
-        {
-          id: "q3",
-          title: "Can I export audit logs?",
-          content: "Our PDF generator service allows for one-click generation of Enterprise Readiness Reports.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-vector/ai-cloud-technology-icons-vector-digital-network-symbols_53876-136352.jpg"
-      mediaAnimation="slide-up"
-      title="Enterprise Security FAQ"
-      description="Addressing common inquiries regarding our security protocols and architecture."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "How does the logging work?", content: "We use a SHA-256 chain where each log entry contains the hash of the previous row, creating an immutable ledger." },
+              { id: "q2", title: "Is the scanning latency low?", content: "Yes, our Python-based FastAPI microservice is optimized for sub-10ms PII detection." },
+              { id: "q3", title: "Can I export audit logs?", content: "Our PDF generator service allows for one-click generation of Enterprise Readiness Reports." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-vector/ai-cloud-technology-icons-vector-digital-network-symbols_53876-136352.jpg"
+            faqsAnimation="slide-up"
+            mediaAnimation="slide-up"
+            title="Enterprise Security FAQ"
+            description="Addressing common inquiries regarding our security protocols and architecture."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "m1",
-          name: "Dr. Sarah Chen",
-          role: "Head of AI Safety",
-          imageSrc: "http://img.b2bpic.net/free-photo/spiral-notepad-eyeglasses-earphone-keyboard-black-background_23-2148052539.jpg",
-        },
-        {
-          id: "m2",
-          name: "Marcus Thorne",
-          role: "Security Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-ceo-reviewing-graphs-performance-reports-laptop-working-analysis_482257-136383.jpg",
-        },
-        {
-          id: "m3",
-          name: "Elena Rodriguez",
-          role: "Compliance Officer",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-man-writing-notes-build-new-development-strategy-managing-data-analytics_482257-136351.jpg",
-        },
-      ]}
-      title="Compliance Experts"
-      description="The architects behind our hardened security OS."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            members={[
+              { id: "m1", name: "Dr. Sarah Chen", role: "Head of AI Safety", imageSrc: "http://img.b2bpic.net/free-photo/spiral-notepad-eyeglasses-earphone-keyboard-black-background_23-2148052539.jpg" },
+              { id: "m2", name: "Marcus Thorne", role: "Security Architect", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-ceo-reviewing-graphs-performance-reports-laptop-working-analysis_482257-136383.jpg" },
+              { id: "m3", name: "Elena Rodriguez", role: "Compliance Officer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-man-writing-notes-build-new-development-strategy-managing-data-analytics_482257-136351.jpg" },
+            ]}
+            title="Compliance Experts"
+            description="The architects behind our hardened security OS."
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Pfizer",
-        "J.P. Morgan",
-        "TechCorp",
-        "Global Bank",
-        "SecureSystems",
-        "DataSafe",
-        "FutureFinance",
-      ]}
-      title="Trusted by Industry Leaders"
-      description="Securing data flow for the most regulated environments."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["Pfizer", "J.P. Morgan", "TechCorp", "Global Bank", "SecureSystems", "DataSafe", "FutureFinance"]}
+            title="Trusted by Industry Leaders"
+            description="Securing data flow for the most regulated environments."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Request Demo"
-      description="Get in touch for a comprehensive audit of your AI pipelines."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Corporate Email",
-          required: true,
-        },
-        {
-          name: "company",
-          type: "text",
-          placeholder: "Organization Name",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "requirements",
-        placeholder: "Security audit requirements...",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/team-military-specialists-oversee-surveillance-activity-by-using-cctv-footage_482257-124832.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Request Demo"
+            description="Get in touch for a comprehensive audit of your AI pipelines."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Corporate Email", required: true },
+              { name: "company", type: "text", placeholder: "Organization Name", required: true },
+            ]}
+            textarea={{ name: "requirements", placeholder: "Security audit requirements...", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/team-military-specialists-oversee-surveillance-activity-by-using-cctv-footage_482257-124832.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="GUARDRAIL-X"
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Vault",
-              href: "#audit-vault",
-            },
-            {
-              label: "Security",
-              href: "#pii-engine",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "EU AI Act",
-              href: "#",
-            },
-            {
-              label: "ISO 42001",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="GUARDRAIL-X"
+            columns={[
+              { title: "Platform", items: [{ label: "Vault", href: "#audit-vault" }, { label: "Security", href: "#pii-engine" }] },
+              { title: "Legal", items: [{ label: "EU AI Act", href: "#" }, { label: "ISO 42001", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1