Merge version_1 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -12,7 +12,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Globe, Mic, Monitor, Users, Zap } from "lucide-react";
|
||||
import { Globe, Mic, Monitor, Users, Zap, Brain } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Tech",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Tech", id: "features"},
|
||||
{
|
||||
name: "System",
|
||||
id: "#system",
|
||||
},
|
||||
name: "System", id: "about"},
|
||||
{
|
||||
name: "Social",
|
||||
id: "#social",
|
||||
},
|
||||
name: "Social", id: "social"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="OmniSign"
|
||||
/>
|
||||
@@ -56,67 +48,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Real-time AI Sign Language Translation"
|
||||
description="Bridging the gap between the deaf and hearing worlds with advanced 3D avatar rendering, syntax transformation, and real-time gesture recognition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Translation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Translation", href: "#contact"},
|
||||
{
|
||||
text: "See Architecture",
|
||||
href: "#system",
|
||||
},
|
||||
text: "See Architecture", href: "#system"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-person-listening-music-headphones_23-2151072902.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-person-listening-music-headphones_23-2151072902.jpg"
|
||||
imageAlt="OmniSign Platform Dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688369.jpg",
|
||||
alt: "3d avatar digital human",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688369.jpg", alt: "3d avatar digital human"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-man-with-face-painting_23-2148932844.jpg",
|
||||
alt: "3d avatar digital human",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-man-with-face-painting_23-2148932844.jpg", alt: "3d avatar digital human"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197899.jpg",
|
||||
alt: "3d avatar digital human",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197899.jpg", alt: "3d avatar digital human"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-person-practicing-law-related-profession_23-2151419554.jpg",
|
||||
alt: "3d avatar digital human",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-person-practicing-law-related-profession_23-2151419554.jpg", alt: "3d avatar digital human"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-portrait-businessman_23-2150793875.jpg",
|
||||
alt: "3d avatar digital human",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-portrait-businessman_23-2150793875.jpg", alt: "3d avatar digital human"},
|
||||
]}
|
||||
avatarText="Trusted by 50k+ users"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Low Latency",
|
||||
},
|
||||
type: "text", text: "Ultra-Low Latency"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-Time AI Processing",
|
||||
},
|
||||
type: "text", text: "Real-Time AI Processing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Grammar Transformation",
|
||||
},
|
||||
type: "text", text: "Grammar Transformation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Natural 3D Movement",
|
||||
},
|
||||
type: "text", text: "Natural 3D Movement"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Universal Sign Support",
|
||||
},
|
||||
type: "text", text: "Universal Sign Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,19 +95,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Latency",
|
||||
value: "<50ms",
|
||||
},
|
||||
label: "Latency", value: "<50ms"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Language Support",
|
||||
value: "12+",
|
||||
},
|
||||
label: "Language Support", value: "12+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Users",
|
||||
value: "50k+",
|
||||
},
|
||||
label: "Active Users", value: "50k+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -153,57 +114,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Syntax Transformer",
|
||||
description: "Convert English into grammatical sign language structure automatically.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648305.jpg",
|
||||
imageAlt: "3d avatar digital human",
|
||||
title: "Syntax Transformer", description: "Convert English into grammatical sign language structure automatically.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "3D Avatar Engine",
|
||||
description: "Human-like gestures with facial expression mapping.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "3D Avatar Engine", description: "Human-like gestures with facial expression mapping.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-person-listening-music-headphones_23-2151072902.jpg?_wi=2",
|
||||
imageAlt: "Avatar Expression 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-person-listening-music-headphones_23-2151072902.jpg", imageAlt: "Avatar Expression 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-woman_23-2150709984.jpg",
|
||||
imageAlt: "Avatar Expression 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-woman_23-2150709984.jpg", imageAlt: "Avatar Expression 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883564.jpg",
|
||||
imageAlt: "Avatar Expression 3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-man-portrait_23-2150964588.jpg",
|
||||
imageAlt: "3d avatar digital human",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883564.jpg", imageAlt: "Avatar Expression 3"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Task Pipeline",
|
||||
description: "Ultra-low latency inference for live conversation.",
|
||||
bentoComponent: "3d-task-list",
|
||||
items: [
|
||||
title: "Task Pipeline", description: "Ultra-low latency inference for live conversation.", bentoComponent: "3d-task-list", items: [
|
||||
{
|
||||
icon: Mic,
|
||||
label: "Speech-to-Text",
|
||||
time: "5ms",
|
||||
},
|
||||
label: "Speech-to-Text", time: "5ms"},
|
||||
{
|
||||
icon: Brain,
|
||||
label: "Syntax Mapping",
|
||||
time: "12ms",
|
||||
},
|
||||
label: "Syntax Mapping", time: "12ms"},
|
||||
{
|
||||
icon: Monitor,
|
||||
label: "Avatar Rendering",
|
||||
time: "25ms",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-standing-sideways-camera-looking-charge-boards_259150-60315.jpg?_wi=1",
|
||||
imageAlt: "3d avatar digital human",
|
||||
label: "Avatar Rendering", time: "25ms"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Core Translation Ecosystem"
|
||||
@@ -213,63 +147,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Deaf Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-standing-sideways-camera-looking-charge-boards_259150-60315.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Deaf Student", company: "University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-standing-sideways-camera-looking-charge-boards_259150-60315.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Accessibility Lead",
|
||||
company: "Corporate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Accessibility Lead", company: "Corporate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Helen W.",
|
||||
role: "Community Advocate",
|
||||
company: "Non-profit",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-using-digital-tablet-home_637285-8372.jpg",
|
||||
},
|
||||
id: "3", name: "Helen W.", role: "Community Advocate", company: "Non-profit", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-woman-using-digital-tablet-home_637285-8372.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David R.",
|
||||
role: "Tech Founder",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
},
|
||||
id: "4", name: "David R.", role: "Tech Founder", company: "Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily C.",
|
||||
role: "Sign Language Teacher",
|
||||
company: "Institute",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-living-with-disability-analyzing-report-laptop-working-with-statistics-disability-friendly-office-asian-employee-suffering-from-chronic-impairment-using-wheelchair_482257-44595.jpg",
|
||||
},
|
||||
id: "5", name: "Emily C.", role: "Sign Language Teacher", company: "Institute", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-living-with-disability-analyzing-report-laptop-working-with-statistics-disability-friendly-office-asian-employee-suffering-from-chronic-impairment-using-wheelchair_482257-44595.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Sentiment Accuracy",
|
||||
},
|
||||
value: "98%", label: "Sentiment Accuracy"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "System Uptime",
|
||||
},
|
||||
value: "24/7", label: "System Uptime"},
|
||||
{
|
||||
value: "5x",
|
||||
label: "Communication Speed",
|
||||
},
|
||||
value: "5x", label: "Communication Speed"},
|
||||
]}
|
||||
title="Community Impact"
|
||||
description="See how users are breaking communication barriers."
|
||||
@@ -281,14 +185,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Tech Global",
|
||||
"Accessibility Org",
|
||||
"Health Care Sys",
|
||||
"Video Connect",
|
||||
"Banking Int",
|
||||
"Research Incubator",
|
||||
"University Lab",
|
||||
]}
|
||||
"Tech Global", "Accessibility Org", "Health Care Sys", "Video Connect", "Banking Int", "Research Incubator", "University Lab"]}
|
||||
title="Powered by Industry Standards"
|
||||
description="Collaborating with leaders in technology and accessibility."
|
||||
/>
|
||||
@@ -299,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Which languages are supported?",
|
||||
content: "We support ASL, ISL, and 10 additional regional variants.",
|
||||
},
|
||||
id: "1", title: "Which languages are supported?", content: "We support ASL, ISL, and 10 additional regional variants."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Does it work offline?",
|
||||
content: "Yes, our lite models are optimized for edge devices.",
|
||||
},
|
||||
id: "2", title: "Does it work offline?", content: "Yes, our lite models are optimized for edge devices."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I personalize the avatar?",
|
||||
content: "You can customize avatar features, signing style, and outfit.",
|
||||
},
|
||||
id: "3", title: "Can I personalize the avatar?", content: "You can customize avatar features, signing style, and outfit."},
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
sideDescription="Everything you need to know about our translation tech."
|
||||
@@ -329,35 +217,11 @@ export default function LandingPage() {
|
||||
description="Updates from the OmniSign R&D department."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Tech",
|
||||
title: "Improving Latency",
|
||||
excerpt: "How we optimized our ML pipeline for 30ms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-template_23-2150529466.jpg",
|
||||
authorName: "AI Architect",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648287.jpg",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
id: "1", category: "Tech", title: "Improving Latency", excerpt: "How we optimized our ML pipeline for 30ms.", imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-template_23-2150529466.jpg", authorName: "AI Architect", authorAvatar: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648287.jpg", date: "Jan 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Design",
|
||||
title: "3D Avatar Realism",
|
||||
excerpt: "Mapping emotions to facial markers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interpreter-teaching-sign-language_23-2148590276.jpg",
|
||||
authorName: "Designer",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/cyborg-face-with-human-robotic-features_23-2151977848.jpg",
|
||||
date: "Dec 2024",
|
||||
},
|
||||
id: "2", category: "Design", title: "3D Avatar Realism", excerpt: "Mapping emotions to facial markers.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-interpreter-teaching-sign-language_23-2148590276.jpg", authorName: "Designer", authorAvatar: "http://img.b2bpic.net/free-photo/cyborg-face-with-human-robotic-features_23-2151977848.jpg", date: "Dec 2024"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Accessibility",
|
||||
title: "Broadening Reach",
|
||||
excerpt: "Our roadmap for mobile PWA support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hospital-template-design_23-2151147539.jpg",
|
||||
authorName: "Lead Dev",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-woman-posing-futuristic-portrait_23-2151178961.jpg",
|
||||
date: "Nov 2024",
|
||||
},
|
||||
id: "3", category: "Accessibility", title: "Broadening Reach", excerpt: "Our roadmap for mobile PWA support.", imageSrc: "http://img.b2bpic.net/free-vector/hospital-template-design_23-2151147539.jpg", authorName: "Lead Dev", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-woman-posing-futuristic-portrait_23-2151178961.jpg", date: "Nov 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -369,22 +233,14 @@ export default function LandingPage() {
|
||||
description="Ready to build the future of accessible communication? Reach out today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
required: true,
|
||||
name: "message", placeholder: "Tell us about your project...", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalistic-workplace-with-laptop-flowers-glass-vase-desk_23-2148225526.jpg"
|
||||
/>
|
||||
@@ -394,42 +250,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Architecture",
|
||||
href: "#system",
|
||||
},
|
||||
label: "Architecture", href: "#system"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Blog", href: "#blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user