160 lines
6.8 KiB
TypeScript
160 lines
6.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import Link from "next/link";
|
|
import { Mail } from "lucide-react";
|
|
|
|
export default function DevelopersPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Emphra"
|
|
navItems={[
|
|
{ name: "Product", id: "product-demo" },
|
|
{ name: "Playground", id: "ai-playground" },
|
|
{ name: "How It Works", id: "architecture" },
|
|
{ name: "Developers", id: "/developers" },
|
|
{ name: "Datasets", id: "/datasets" },
|
|
]}
|
|
button={{ text: "Start Demo", href: "product-demo" }}
|
|
/>
|
|
</div>
|
|
|
|
{/* API Documentation Section */}
|
|
<div id="api" data-section="api">
|
|
<TextSplitAbout
|
|
title="API Documentation"
|
|
description={[
|
|
"Emphra's REST API provides complete access to our behavioral analysis engine. Integrate real-time emotion detection, toxicity scoring, and empathy-driven interventions directly into your platform.",
|
|
"Our comprehensive documentation includes code examples in Python, Node.js, and Go. Rate limits are generous for enterprise customers, with real-time analytics dashboards to monitor your integration performance.",
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={true}
|
|
buttons={[
|
|
{ text: "View Full API Docs", href: "#" },
|
|
{ text: "Get API Key", href: "#" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Developer Features Section */}
|
|
<div id="developer-features" data-section="developer-features">
|
|
<FeatureCardTwentyFour
|
|
title="Developer Tools & Resources"
|
|
description="Everything you need to integrate Emphra's behavioral design capabilities into your application."
|
|
tag="Integration"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "REST API Endpoints",
|
|
author: "Core Integration",
|
|
description:
|
|
"Well-documented REST endpoints for message analysis, user behavior tracking, and custom intervention configuration. Built for high throughput with 99.9% uptime SLA.",
|
|
tags: ["REST", "Production-Ready"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-large-text-input-area-for-the-ai-playg-1772711816995-20b12817.png",
|
|
imageAlt: "API endpoint documentation",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "SDK Libraries",
|
|
author: "Multi-Language Support",
|
|
description:
|
|
"Official SDKs for Python, Node.js, Go, and Java. Simplified integration with built-in error handling, retry logic, and request batching for optimal performance.",
|
|
tags: ["SDKs", "Client Libraries"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-scenario-selection-interface-showing-b-1772711815990-0eb2d330.png",
|
|
imageAlt: "SDK libraries interface",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Webhook Integration",
|
|
author: "Real-time Events",
|
|
description:
|
|
"Receive real-time webhooks when messages trigger interventions or when users engage with reflection prompts. Configure endpoints for custom business logic and analytics pipelines.",
|
|
tags: ["Webhooks", "Events"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-text-passage-with-dynamic-word-highlig-1772711822066-4cbf97f5.png",
|
|
imageAlt: "Webhook event system",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Developer Contact Section */}
|
|
<div id="developer-contact" data-section="developer-contact">
|
|
<ContactSplit
|
|
tag="Developer Support"
|
|
title="Ready to Build?"
|
|
description="Get started with API key access, technical support, and dedicated engineering resources for enterprise integrations."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-modern-contact-signup-interface-showin-1772711816440-0289b860.png?_wi=2"
|
|
imageAlt="Developer signup interface"
|
|
mediaPosition="right"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="developer@company.com"
|
|
buttonText="Get Started"
|
|
termsText="We respect your privacy. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
copyrightText="© 2025 Emphra. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Product",
|
|
items: [
|
|
{ label: "Features", href: "product-demo" },
|
|
{ label: "Playground", href: "ai-playground" },
|
|
{ label: "How It Works", href: "architecture" },
|
|
{ label: "Pricing", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Developers",
|
|
items: [
|
|
{ label: "API Docs", href: "/developers" },
|
|
{ label: "Datasets", href: "/datasets" },
|
|
{ label: "GitHub", href: "https://github.com" },
|
|
{ label: "Integration Guide", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Contact", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |