diff --git a/package-lock.json b/package-lock.json index 39338a7..b298ef4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,8 @@ "name": "kobilwebsite", "version": "0.1.0", "dependencies": { + "framer-motion": "^12.34.0", + "lucide-react": "^0.564.0", "next": "16.1.6", "react": "19.2.3", "react-dom": "19.2.3" @@ -3585,6 +3587,33 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/framer-motion": { + "version": "12.34.0", + "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.34.0.tgz", + "integrity": "sha512-+/H49owhzkzQyxtn7nZeF4kdH++I2FWrESQ184Zbcw5cEqNHYkE5yxWxcTLSj5lNx3NWdbIRy5FHqUvetD8FWg==", + "license": "MIT", + "dependencies": { + "motion-dom": "^12.34.0", + "motion-utils": "^12.29.2", + "tslib": "^2.4.0" + }, + "peerDependencies": { + "@emotion/is-prop-valid": "*", + "react": "^18.0.0 || ^19.0.0", + "react-dom": "^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/is-prop-valid": { + "optional": true + }, + "react": { + "optional": true + }, + "react-dom": { + "optional": true + } + } + }, "node_modules/function-bind": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", @@ -4833,6 +4862,15 @@ "yallist": "^3.0.2" } }, + "node_modules/lucide-react": { + "version": "0.564.0", + "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.564.0.tgz", + "integrity": "sha512-JJ8GVTQqFwuliifD48U6+h7DXEHdkhJ/E87kksGByII3qHxtPciVb8T8woQONHBQgHVOl7rSMrrip3SeVNy7Fg==", + "license": "ISC", + "peerDependencies": { + "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/magic-string": { "version": "0.30.21", "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", @@ -4900,6 +4938,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/motion-dom": { + "version": "12.34.0", + "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.34.0.tgz", + "integrity": "sha512-Lql3NuEcScRDxTAO6GgUsRHBZOWI/3fnMlkMcH5NftzcN37zJta+bpbMAV9px4Nj057TuvRooMK7QrzMCgtz6Q==", + "license": "MIT", + "dependencies": { + "motion-utils": "^12.29.2" + } + }, + "node_modules/motion-utils": { + "version": "12.29.2", + "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.29.2.tgz", + "integrity": "sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A==", + "license": "MIT" + }, "node_modules/ms": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", diff --git a/package.json b/package.json index ed2dfa8..e1b9fc9 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,8 @@ "lint": "eslint" }, "dependencies": { + "framer-motion": "^12.34.0", + "lucide-react": "^0.564.0", "next": "16.1.6", "react": "19.2.3", "react-dom": "19.2.3" diff --git a/public/images/hero-ai-agents.jpg b/public/images/hero-ai-agents.jpg new file mode 100644 index 0000000..75f27c5 Binary files /dev/null and b/public/images/hero-ai-agents.jpg differ diff --git a/public/images/hero-home.jpg b/public/images/hero-home.jpg new file mode 100644 index 0000000..59a6dee Binary files /dev/null and b/public/images/hero-home.jpg differ diff --git a/public/images/hero-industries.jpg b/public/images/hero-industries.jpg new file mode 100644 index 0000000..0865b55 Binary files /dev/null and b/public/images/hero-industries.jpg differ diff --git a/public/images/hero-platform.jpg b/public/images/hero-platform.jpg new file mode 100644 index 0000000..dd4b5d2 Binary files /dev/null and b/public/images/hero-platform.jpg differ diff --git a/public/images/hero-security.jpg b/public/images/hero-security.jpg new file mode 100644 index 0000000..3dc527e Binary files /dev/null and b/public/images/hero-security.jpg differ diff --git a/public/images/section-communication.jpg b/public/images/section-communication.jpg new file mode 100644 index 0000000..879c67a Binary files /dev/null and b/public/images/section-communication.jpg differ diff --git a/public/images/section-identity.jpg b/public/images/section-identity.jpg new file mode 100644 index 0000000..7c2433d Binary files /dev/null and b/public/images/section-identity.jpg differ diff --git a/public/images/section-payments.jpg b/public/images/section-payments.jpg new file mode 100644 index 0000000..bc3cd59 Binary files /dev/null and b/public/images/section-payments.jpg differ diff --git a/public/images/section-signatures.jpg b/public/images/section-signatures.jpg new file mode 100644 index 0000000..9be5d3a Binary files /dev/null and b/public/images/section-signatures.jpg differ diff --git a/public/kobil.png b/public/kobil.png new file mode 100644 index 0000000..cba5cdd Binary files /dev/null and b/public/kobil.png differ diff --git a/public/kobil.svg b/public/kobil.svg new file mode 100644 index 0000000..2fcc9f0 --- /dev/null +++ b/public/kobil.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/app/ai-agents/page.tsx b/src/app/ai-agents/page.tsx new file mode 100644 index 0000000..83572aa --- /dev/null +++ b/src/app/ai-agents/page.tsx @@ -0,0 +1,387 @@ +"use client"; + +import Image from "next/image"; +import { motion } from "framer-motion"; +import { + Bot, + ArrowRight, + Fingerprint, + Link2, + ShieldCheck, + FileKey, + Eye, + Scale, + Network, + BrainCircuit, + CreditCard, + FileText, + Database, +} from "lucide-react"; +import { GlassCard } from "@/components/GlassCard"; +import { GlowingButton } from "@/components/GlowingButton"; +import { SectionWrapper, itemVariants } from "@/components/SectionWrapper"; +import { ParticleBackground } from "@/components/ParticleBackground"; + +/* ── Stagger helpers ── */ +const heroStagger = { + hidden: { opacity: 0 }, + visible: { + opacity: 1, + transition: { staggerChildren: 0.12, delayChildren: 0.2 }, + }, +}; +const heroChild = { + hidden: { opacity: 0, y: 50, filter: "blur(4px)" }, + visible: { + opacity: 1, + y: 0, + filter: "blur(0px)", + transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }, + }, +}; + +const problems = [ + { + title: "No Verifiable Identity", + description: + "AI agents operate without credentials. You can't verify who sent an agent, what it's authorized to do, or if it's been compromised.", + }, + { + title: "No Accountability Chain", + description: + "When an agent acts on behalf of a human or organization, there's no cryptographic proof linking the action back to its principal.", + }, + { + title: "No Trust Framework", + description: + "Existing security infrastructure was built for humans clicking buttons — not for autonomous agents making API calls at machine speed.", + }, +]; + +const features = [ + { + icon: Fingerprint, + title: "Agent Identity", + description: + "Cryptographically verifiable identities for AI agents. Every agent gets a unique, tamper-proof digital identity tied to its principal.", + }, + { + icon: Link2, + title: "Principal Chain", + description: + "Unbreakable chain of accountability from agent to human to organization. Every action traceable back to a verified principal.", + }, + { + icon: ShieldCheck, + title: "Scoped Authorization", + description: + "Fine-grained permission boundaries. Define exactly what each agent can do, for how long, and on whose behalf.", + }, + { + icon: FileKey, + title: "Agent Signatures", + description: + "AI agents can sign documents and approve transactions with legally attributable digital signatures.", + }, + { + icon: Eye, + title: "Real-Time Monitoring", + description: + "Continuous behavioral analysis of agent actions. Detect anomalies, enforce policies, and revoke access instantly.", + }, + { + icon: Scale, + title: "Compliance Framework", + description: + "Built-in compliance for regulated industries. Audit trails, data residency controls, and regulatory reporting.", + }, + { + icon: Network, + title: "Agent-to-Agent Trust", + description: + "Secure, authenticated communication between AI agents. Mutual verification before any data exchange or collaboration.", + }, +]; + +const useCases = [ + { + icon: CreditCard, + title: "Autonomous Payments", + description: + "AI agents authorized to make purchases, process refunds, and manage subscriptions — with verified identity and spending limits.", + scenario: "E-commerce & FinTech", + }, + { + icon: FileText, + title: "Document Processing", + description: + "Agents that review, sign, and route legal documents with full audit trails and legally binding signatures.", + scenario: "Legal & Enterprise", + }, + { + icon: Database, + title: "Data Access & Analysis", + description: + "Trusted agents that access sensitive databases, run analyses, and share results — all within verified permission boundaries.", + scenario: "Healthcare & Government", + }, + { + icon: BrainCircuit, + title: "Multi-Agent Orchestration", + description: + "Coordinate fleets of specialized agents with verified identities, scoped permissions, and real-time monitoring.", + scenario: "AI-First Companies", + }, +]; + +export default function AIAgentsPage() { + return ( + <> + {/* Hero */} +
+ + + {/* ── UNBOXED hero image — absolutely positioned background ── */} + + AI Agents Trust Infrastructure +
+ + + {/* Cinematic spotlights */} +
+
+
+
+ + {/* Glow orb behind headline */} +
+ + {/* Bottom fade */} +
+ +
+ + +
+ + The Future of Trust +
+ + + +

+ AI Agent Infrastructure +

+ + + + Trust Infrastructure +
+ + for AI Agents + + + + + AI agents are the next users of the internet. They need + identities, permissions, and accountability — just like humans. + KOBIL provides the trust layer. + + + + + Book a Demo + + + See the Platform + + + +
+
+ + {/* Problem */} + + +

+ The Problem +

+

+ AI Agents Are Here.{" "} + Trust Isn't. +

+

+ The AI agent economy is emerging fast — but the trust infrastructure + hasn't kept up. Here's the gap. +

+ + +
+ {problems.map((problem) => ( + + +
+ +
+

{problem.title}

+

+ {problem.description} +

+ + + ))} +
+ + + {/* Solution Features */} + + +

+ The Solution +

+

+ The KOBIL{" "} + + Agent Trust Layer + +

+

+ Seven capabilities that make AI agents trustworthy, accountable, and + enterprise-ready. +

+ + +
+ {features.map((feature) => ( + + + +

{feature.title}

+

+ {feature.description} +

+ + + ))} +
+ + + {/* Use Cases */} + + +

+ Applications +

+

+ Real-World{" "} + Use Cases +

+

+ How trusted AI agents transform industries. +

+ + +
+ {useCases.map((uc) => ( + + +
+ + + {uc.scenario} + +
+

{uc.title}

+

{uc.description}

+ + + ))} +
+ + + {/* Vision */} + +
+ +

+ Our Vision +

+

+ The future isn't human{" "} + or AI. +
+ + It's both — working together, with trust. + +

+

+ KOBIL is building the trust infrastructure that allows humans and + AI agents to collaborate securely, with verifiable identities, + scoped permissions, and complete accountability. The AI agent + economy starts with trust. +

+ +
+ + + {/* CTA */} +
+ {/* Ambient glow */} +
+
+
+
+ +

+ Ready for the{" "} + Agent Economy? +

+

+ Be among the first to deploy trusted AI agent infrastructure. + Talk to our team about your use case. +

+
+ + Book a Demo + +
+ +
+
+ + ); +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..d1ddd30 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,263 @@ +"use client"; + +import { useState } from "react"; +import { motion } from "framer-motion"; +import { + Mail, + Linkedin, + MapPin, + Globe, + Send, + ArrowRight, +} from "lucide-react"; +import { GlassCard } from "@/components/GlassCard"; +import { SectionWrapper, itemVariants } from "@/components/SectionWrapper"; +import { ParticleBackground } from "@/components/ParticleBackground"; + +export default function ContactPage() { + const [formData, setFormData] = useState({ + name: "", + email: "", + company: "", + role: "", + message: "", + }); + const [submitted, setSubmitted] = useState(false); + + const handleSubmit = (e: React.FormEvent) => { + e.preventDefault(); + setSubmitted(true); + }; + + return ( + <> + {/* Hero */} +
+ + + {/* Cinematic spotlights */} +
+
+
+
+
+ + {/* Bottom fade */} +
+ +
+ +

+ Get in Touch +

+

+ Let's Build +
+ + Digital Trust Together + +

+

+ Ready to see how KOBIL can transform your organization's + digital trust infrastructure? Get in touch. +

+ +
+
+ + {/* Contact Form + Info */} + +
+ {/* Form */} + + + {submitted ? ( +
+
+ +
+

+ Message Sent! +

+

+ Thank you for reaching out. Our team will get back to you + within 24 hours. +

+
+ ) : ( + <> +

+ Book a Demo +

+

+ Fill out the form and our team will reach out to schedule a + personalized demo. +

+
+
+
+ + + setFormData({ ...formData, name: e.target.value }) + } + className="w-full px-4 py-3 rounded-lg bg-white/[0.04] border border-white/[0.06] text-white placeholder:text-slate-500 focus:outline-none focus:border-accent/50 focus:ring-1 focus:ring-accent/50 transition-colors" + placeholder="John Doe" + /> +
+
+ + + setFormData({ ...formData, email: e.target.value }) + } + className="w-full px-4 py-3 rounded-lg bg-white/[0.04] border border-white/[0.06] text-white placeholder:text-slate-500 focus:outline-none focus:border-accent/50 focus:ring-1 focus:ring-accent/50 transition-colors" + placeholder="john@company.com" + /> +
+
+
+
+ + + setFormData({ + ...formData, + company: e.target.value, + }) + } + className="w-full px-4 py-3 rounded-lg bg-white/[0.04] border border-white/[0.06] text-white placeholder:text-slate-500 focus:outline-none focus:border-accent/50 focus:ring-1 focus:ring-accent/50 transition-colors" + placeholder="Acme Corp" + /> +
+
+ + + setFormData({ ...formData, role: e.target.value }) + } + className="w-full px-4 py-3 rounded-lg bg-white/[0.04] border border-white/[0.06] text-white placeholder:text-slate-500 focus:outline-none focus:border-accent/50 focus:ring-1 focus:ring-accent/50 transition-colors" + placeholder="CISO, CTO, Product Manager..." + /> +
+
+
+ +