Merge version_1 into main #1
421
src/app/page.tsx
421
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user