From 94b2c7256b3706e3f3715aec59563733da399bc4 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 12:09:02 +0000 Subject: [PATCH 1/4] Update src/app/datasets/page.tsx --- src/app/datasets/page.tsx | 97 +++++++++------------------------------ 1 file changed, 22 insertions(+), 75 deletions(-) diff --git a/src/app/datasets/page.tsx b/src/app/datasets/page.tsx index f35f3cd..85afcec 100644 --- a/src/app/datasets/page.tsx +++ b/src/app/datasets/page.tsx @@ -30,7 +30,7 @@ export default function DatasetsPage() { brandName="Emphra" navItems={[ { name: "Product", id: "product-demo" }, - { name: "Playground", id: "ai-playground" }, + { name: "Playground", id: "playground" }, { name: "How It Works", id: "architecture" }, { name: "Developers", id: "/developers" }, { name: "Datasets", id: "/datasets" }, @@ -44,9 +44,7 @@ export default function DatasetsPage() { @@ -121,35 +89,17 @@ export default function DatasetsPage() { tagAnimation="slide-up" features={[ { - id: "1", - title: "Emotion Annotations", - author: "Multi-label Classification", - description: - "Messages labeled with primary and secondary emotions: joy, sadness, anger, fear, surprise, disgust, and neutral. Expert human annotators with inter-rater reliability scores.", - tags: ["Emotions", "Annotated"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-real-time-message-analysis-interface-s-1772711816611-c36e97ae.png?_wi=2", - imageAlt: "Emotion annotation interface", - }, + id: "1", title: "Emotion Annotations", author: "Multi-label Classification", description: + "Messages labeled with primary and secondary emotions: joy, sadness, anger, fear, surprise, disgust, and neutral. Expert human annotators with inter-rater reliability scores.", tags: ["Emotions", "Annotated"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-real-time-message-analysis-interface-s-1772711816611-c36e97ae.png?_wi=2", imageAlt: "Emotion annotation interface"}, { - id: "2", - title: "Behavioral Outcomes", - author: "User Response Tracking", - description: - "Track how users respond to interventions. Includes reflection completion rates, message edits, rewrites accepted, and long-term behavior changes.", - tags: ["Behavioral", "Outcomes"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/an-animated-circular-emotion-risk-meter--1772711816389-2dbf9e30.png?_wi=2", - imageAlt: "Behavioral outcomes tracking", - }, + id: "2", title: "Behavioral Outcomes", author: "User Response Tracking", description: + "Track how users respond to interventions. Includes reflection completion rates, message edits, rewrites accepted, and long-term behavior changes.", tags: ["Behavioral", "Outcomes"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/an-animated-circular-emotion-risk-meter--1772711816389-2dbf9e30.png?_wi=2", imageAlt: "Behavioral outcomes tracking"}, { - id: "3", - title: "Contextual Metadata", - author: "Rich Data Enrichment", - description: - "Platform type, user demographics (anonymized), conversation history, topic classification, and environmental context. All data formatted for easy integration with PyTorch and TensorFlow.", - tags: ["Metadata", "Context"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-beautiful-modal-dialog-box-appearing-o-1772711816098-26f1f8b7.png?_wi=2", - imageAlt: "Contextual metadata system", - }, + id: "3", title: "Contextual Metadata", author: "Rich Data Enrichment", description: + "Platform type, user demographics (anonymized), conversation history, topic classification, and environmental context. All data formatted for easy integration with PyTorch and TensorFlow.", tags: ["Metadata", "Context"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-beautiful-modal-dialog-box-appearing-o-1772711816098-26f1f8b7.png?_wi=2", imageAlt: "Contextual metadata system"}, ]} animationType="slide-up" textboxLayout="default" @@ -183,17 +133,15 @@ export default function DatasetsPage() { copyrightText="© 2025 Emphra. All rights reserved." columns={[ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Features", href: "product-demo" }, - { label: "Playground", href: "ai-playground" }, + { label: "Playground", href: "playground" }, { label: "How It Works", href: "architecture" }, { label: "Pricing", href: "#" }, ], }, { - title: "Developers", - items: [ + title: "Developers", items: [ { label: "API Docs", href: "/developers" }, { label: "Datasets", href: "/datasets" }, { label: "GitHub", href: "https://github.com" }, @@ -201,12 +149,11 @@ export default function DatasetsPage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "#" }, { label: "Blog", href: "#" }, { label: "Privacy Policy", href: "#" }, - { label: "Contact", href: "#" }, + { label: "Contact", href: "contact" }, ], }, ]} -- 2.49.1 From 63c1972d5c73ac341e03bf93906dfc5cdd6eb08d Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 12:09:03 +0000 Subject: [PATCH 2/4] Update src/app/developers/page.tsx --- src/app/developers/page.tsx | 55 +++++++++++-------------------------- 1 file changed, 16 insertions(+), 39 deletions(-) diff --git a/src/app/developers/page.tsx b/src/app/developers/page.tsx index f92bc71..2a4cfe7 100644 --- a/src/app/developers/page.tsx +++ b/src/app/developers/page.tsx @@ -29,7 +29,7 @@ export default function DevelopersPage() { brandName="Emphra" navItems={[ { name: "Product", id: "product-demo" }, - { name: "Playground", id: "ai-playground" }, + { name: "Playground", id: "playground" }, { name: "How It Works", id: "architecture" }, { name: "Developers", id: "/developers" }, { name: "Datasets", id: "/datasets" }, @@ -43,9 +43,7 @@ export default function DevelopersPage() { Date: Thu, 5 Mar 2026 12:09:03 +0000 Subject: [PATCH 3/4] Update src/app/page.tsx --- src/app/page.tsx | 191 ++++++++++++++++------------------------------- 1 file changed, 65 insertions(+), 126 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index d01e92a..7dcf678 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,7 +32,7 @@ export default function HomePage() { brandName="Emphra" navItems={[ { name: "Product", id: "product-demo" }, - { name: "Playground", id: "ai-playground" }, + { name: "Playground", id: "playground" }, { name: "How It Works", id: "architecture" }, { name: "Developers", id: "/developers" }, { name: "Datasets", id: "/datasets" }, @@ -52,13 +52,9 @@ export default function HomePage() { background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-sophisticated-ai-interface-mockup-show-1772711816919-d319aba4.png", - imageAlt: "Emphra AI interface analyzing message sentiment", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-sophisticated-ai-interface-mockup-show-1772711816919-d319aba4.png", imageAlt: "Emphra AI interface analyzing message sentiment"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-sleek-behavioral-analytics-dashboard-s-1772711816479-a250a75a.png", - imageAlt: "Emotion Risk Score dashboard with metrics", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-sleek-behavioral-analytics-dashboard-s-1772711816479-a250a75a.png", imageAlt: "Emotion Risk Score dashboard with metrics"}, ]} mediaAnimation="slide-up" rating={5} @@ -80,45 +76,21 @@ export default function HomePage() { tagAnimation="slide-up" features={[ { - id: "1", - title: "Real-time Message Analysis", - author: "Core Feature", - description: - "Type comments, send messages, and watch as Emphra instantly computes the Emotion Risk Score (ERS), detects emotions, and flags potentially harmful language.", - tags: ["Interactive", "Real-time"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-real-time-message-analysis-interface-s-1772711816611-c36e97ae.png?_wi=1", - imageAlt: "Real-time message analysis interface", - }, + id: "1", title: "Real-time Message Analysis", author: "Core Feature", description: + "Type comments, send messages, and watch as Emphra instantly computes the Emotion Risk Score (ERS), detects emotions, and flags potentially harmful language.", tags: ["Interactive", "Real-time"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-real-time-message-analysis-interface-s-1772711816611-c36e97ae.png?_wi=1", imageAlt: "Real-time message analysis interface"}, { - id: "2", - title: "Emotion Risk Visualization", - author: "Advanced Analytics", - description: - "See emotion detection, toxicity probability, and ERS score displayed live. Words are highlighted in yellow for moderate risk and red for high risk.", - tags: ["Visualization", "Analytics"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/an-animated-circular-emotion-risk-meter--1772711816389-2dbf9e30.png?_wi=1", - imageAlt: "Emotion Risk Meter visualization", - }, + id: "2", title: "Emotion Risk Visualization", author: "Advanced Analytics", description: + "See emotion detection, toxicity probability, and ERS score displayed live. Words are highlighted in yellow for moderate risk and red for high risk.", tags: ["Visualization", "Analytics"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/an-animated-circular-emotion-risk-meter--1772711816389-2dbf9e30.png?_wi=1", imageAlt: "Emotion Risk Meter visualization"}, { - id: "3", - title: "Empathy Reflection Interface", - author: "Intervention Design", - description: - "When a message exceeds the ERS threshold, a beautiful modal appears with the animated Emotion Risk Meter, highlighted risky words, and gentle reflection prompts.", - tags: ["Modal", "Intervention"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-beautiful-modal-dialog-box-appearing-o-1772711816098-26f1f8b7.png?_wi=1", - imageAlt: "Empathy reflection modal interface", - }, + id: "3", title: "Empathy Reflection Interface", author: "Intervention Design", description: + "When a message exceeds the ERS threshold, a beautiful modal appears with the animated Emotion Risk Meter, highlighted risky words, and gentle reflection prompts.", tags: ["Modal", "Intervention"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-beautiful-modal-dialog-box-appearing-o-1772711816098-26f1f8b7.png?_wi=1", imageAlt: "Empathy reflection modal interface"}, { - id: "4", - title: "Smart Rewrite Suggestions", - author: "AI-Generated", - description: - "The system automatically generates safer versions of messages. Users can preview rewrites or send the original message anyway after a 3-second mindful pause.", - tags: ["AI-Generated", "Suggestions"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-side-by-side-comparison-showing-the-or-1772711816072-6c9acb7a.png", - imageAlt: "AI-generated rewrite suggestion interface", - }, + id: "4", title: "Smart Rewrite Suggestions", author: "AI-Generated", description: + "The system automatically generates safer versions of messages. Users can preview rewrites or send the original message anyway after a 3-second mindful pause.", tags: ["AI-Generated", "Suggestions"], + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/a-side-by-side-comparison-showing-the-or-1772711816072-6c9acb7a.png", imageAlt: "AI-generated rewrite suggestion interface"}, ]} animationType="slide-up" textboxLayout="default" @@ -126,6 +98,37 @@ export default function HomePage() { /> + {/* Playground Section */} +
+ +
+ {/* Social Proof Section */}
@@ -160,47 +156,17 @@ export default function HomePage() { animationType="slide-up" metrics={[ { - id: "1", - title: "Messages Analyzed", - subtitle: "Real-time across all platforms", - category: "Volume", - value: "2.3B+", - }, + id: "1", title: "Messages Analyzed", subtitle: "Real-time across all platforms", category: "Volume", value: "2.3B+"}, { - id: "2", - title: "Interventions Triggered", - subtitle: "Reflection prompts shown this month", - category: "Safety", - value: "145M", - }, + id: "2", title: "Interventions Triggered", subtitle: "Reflection prompts shown this month", category: "Safety", value: "145M"}, { - id: "3", - title: "Average ERS Reduction", - subtitle: "After user reflection and rewrite", - category: "Effectiveness", - value: "34%", - }, + id: "3", title: "Average ERS Reduction", subtitle: "After user reflection and rewrite", category: "Effectiveness", value: "34%"}, { - id: "4", - title: "Healthier Conversations", - subtitle: "Platforms reporting improved tone", - category: "Adoption", - value: "89%", - }, + id: "4", title: "Healthier Conversations", subtitle: "Platforms reporting improved tone", category: "Adoption", value: "89%"}, { - id: "5", - title: "User Behavior Streaks", - subtitle: "Consecutive days of respectful communication", - category: "Engagement", - value: "18 days avg", - }, + id: "5", title: "User Behavior Streaks", subtitle: "Consecutive days of respectful communication", category: "Engagement", value: "18 days avg"}, { - id: "6", - title: "Toxicity Reduction", - subtitle: "Overall platform toxicity decrease", - category: "Impact", - value: "27%", - }, + id: "6", title: "Toxicity Reduction", subtitle: "Overall platform toxicity decrease", category: "Impact", value: "27%"}, ]} />
@@ -214,41 +180,17 @@ export default function HomePage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Sarah Chen", - role: "Head of Trust & Safety", - company: "Global Social Platform", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/professional-portrait-photograph-of-a-co-1772711816414-aecc241f.png", - imageAlt: "Sarah Chen professional portrait", - }, + id: "1", name: "Sarah Chen", role: "Head of Trust & Safety", company: "Global Social Platform", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/professional-portrait-photograph-of-a-co-1772711816414-aecc241f.png", imageAlt: "Sarah Chen professional portrait"}, { - id: "2", - name: "Marcus Rodriguez", - role: "VP Product", - company: "Community Platform", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/professional-portrait-photograph-of-a-co-1772711818670-f568faf4.png", - imageAlt: "Marcus Rodriguez professional portrait", - }, + id: "2", name: "Marcus Rodriguez", role: "VP Product", company: "Community Platform", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/professional-portrait-photograph-of-a-co-1772711818670-f568faf4.png", imageAlt: "Marcus Rodriguez professional portrait"}, { - id: "3", - name: "Priya Patel", - role: "Director of Community", - company: "Gaming Network", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/professional-portrait-photograph-of-a-co-1772711816189-72b0fdad.png", - imageAlt: "Priya Patel professional portrait", - }, + id: "3", name: "Priya Patel", role: "Director of Community", company: "Gaming Network", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/professional-portrait-photograph-of-a-co-1772711816189-72b0fdad.png", imageAlt: "Priya Patel professional portrait"}, { - id: "4", - name: "James Thompson", - role: "CEO", - company: "Creator Platform", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/professional-portrait-photograph-of-a-co-1772711816173-19db6bd4.png", - imageAlt: "James Thompson professional portrait", - }, + id: "4", name: "James Thompson", role: "CEO", company: "Creator Platform", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWcPVXraO20W5OctawbAEGfXhv/professional-portrait-photograph-of-a-co-1772711816173-19db6bd4.png", imageAlt: "James Thompson professional portrait"}, ]} kpiItems={[ { value: "92%", label: "User Satisfaction" }, @@ -287,17 +229,15 @@ export default function HomePage() { copyrightText="© 2025 Emphra. All rights reserved." columns={[ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Features", href: "product-demo" }, - { label: "Playground", href: "ai-playground" }, + { label: "Playground", href: "playground" }, { label: "How It Works", href: "architecture" }, { label: "Pricing", href: "#" }, ], }, { - title: "Developers", - items: [ + title: "Developers", items: [ { label: "API Docs", href: "/developers" }, { label: "Datasets", href: "/datasets" }, { label: "GitHub", href: "https://github.com" }, @@ -305,8 +245,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "#" }, { label: "Blog", href: "#" }, { label: "Privacy Policy", href: "#" }, -- 2.49.1 From f66e442d89474436b33e0477ba3303fed3b4bfcb Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 12:09:04 +0000 Subject: [PATCH 4/4] Add src/app/playground/page.tsx --- src/app/playground/page.tsx | 178 ++++++++++++++++++++++++++++++++++++ 1 file changed, 178 insertions(+) create mode 100644 src/app/playground/page.tsx diff --git a/src/app/playground/page.tsx b/src/app/playground/page.tsx new file mode 100644 index 0000000..c766f6a --- /dev/null +++ b/src/app/playground/page.tsx @@ -0,0 +1,178 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia"; +import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour"; +import ContactSplit from "@/components/sections/contact/ContactSplit"; +import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; +import { Mail, Zap } from "lucide-react"; + +export default function PlaygroundPage() { + return ( + + {/* Navbar */} + + + {/* Playground Hero */} +
+ +
+ + {/* Playground Interactive Section */} +
+ +
+ + {/* Examples Section */} +
+ +
+ + {/* Contact Section */} +
+ +
+ + {/* Footer */} + + + ); +} \ No newline at end of file -- 2.49.1