bender/db12c1fa-c1ef-4969-806a-51b97f31aec7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-11 06:38:14 +00:00
Conversation 0 Commits 2 Files Changed 2 +106 -236
2 changed files with 106 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -36,15 +36,14 @@ export default function HomePage() {
{ name: "Docs", id: "docs" },
]}
button={{
text: "Start Streaming",
href: "https://app.emergent.dev",
}}
text: "Start Streaming", href: "https://app.emergent.dev"}}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "glowing-orb" }}
title="Your Streaming Platform, Production-Ready"
description="Build sophisticated streaming infrastructure with real content strategy, user authentication, and AI-powered recommendations. From concept to scaling—all on one unified platform."
tag="Streaming Revolution"
@@ -54,44 +53,24 @@ export default function HomePage() {
mediaAnimation="slide-up"
testimonials={[
{
name: "Sarah Chen",
handle: "Founder, StreamFlow",
testimonial: "Emergent eliminated 6 months of development time. We went from concept to production in weeks.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-confident-fem-1773210933561-db37302d.png?_wi=1",
},
name: "Sarah Chen", handle: "Founder, StreamFlow", testimonial: "Emergent eliminated 6 months of development time. We went from concept to production in weeks.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-confident-fem-1773210933561-db37302d.png"},
{
name: "Marcus Rodriguez",
handle: "CTO, MediaVerse",
testimonial: "The recommendation engine alone transformed our user engagement. Absolutely game-changing.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-male-technolo-1773210934228-097c2ddb.png?_wi=1",
},
name: "Marcus Rodriguez", handle: "CTO, MediaVerse", testimonial: "The recommendation engine alone transformed our user engagement. Absolutely game-changing.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-male-technolo-1773210934228-097c2ddb.png"},
{
name: "Elena Kozlov",
handle: "Product Lead, ViralCast",
testimonial: "Finally, a platform built for creators and developers. The infrastructure scales effortlessly.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-female-produc-1773210934255-e4930576.png?_wi=1",
},
name: "Elena Kozlov", handle: "Product Lead, ViralCast", testimonial: "Finally, a platform built for creators and developers. The infrastructure scales effortlessly.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-female-produc-1773210934255-e4930576.png"},
{
name: "James Wellington",
handle: "CEO, ContentMax",
testimonial: "The monetization tools integrated seamlessly. Revenue models were simple to implement.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-male-ceo-afri-1773210934173-adf4daf4.png?_wi=1",
},
name: "James Wellington", handle: "CEO, ContentMax", testimonial: "The monetization tools integrated seamlessly. Revenue models were simple to implement.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-male-ceo-afri-1773210934173-adf4daf4.png"},
]}
testimonialRotationInterval={5000}
buttons={[
{
text: "Build Your Platform",
href: "https://app.emergent.dev/signup",
},
text: "Build Your Platform", href: "https://app.emergent.dev/signup"},
{
text: "View Documentation",
href: "/docs",
},
text: "View Documentation", href: "/docs"},
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
@@ -106,46 +85,22 @@ export default function HomePage() {
tagIcon={Sparkles}
features={[
{
title: "Smart Media Player",
description: "Adaptive bitrate streaming with HLS/DASH support, DRM protection, and multi-device synchronization for seamless playback.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/close-up-of-an-advanced-media-player-int-1773210935766-d5bf469c.png?_wi=1",
imageAlt: "Advanced media player interface",
buttonIcon: Play,
title: "Smart Media Player", description: "Adaptive bitrate streaming with HLS/DASH support, DRM protection, and multi-device synchronization for seamless playback.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/close-up-of-an-advanced-media-player-int-1773210935766-d5bf469c.png", imageAlt: "Advanced media player interface", buttonIcon: Play,
},
{
title: "User Authentication",
description: "Enterprise-grade authentication with OAuth, SAML, multi-factor verification, and session management built in.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/enterprise-authentication-system-interfa-1773210934804-2033b110.png?_wi=1",
imageAlt: "Secure authentication system",
buttonIcon: Lock,
title: "User Authentication", description: "Enterprise-grade authentication with OAuth, SAML, multi-factor verification, and session management built in.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/enterprise-authentication-system-interfa-1773210934804-2033b110.png", imageAlt: "Secure authentication system", buttonIcon: Lock,
},
{
title: "Recommendation Engine",
description: "AI-powered content discovery that learns user preferences and increases engagement through intelligent personalization.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/ai-recommendation-algorithm-visualizatio-1773210935735-f893e692.png?_wi=1",
imageAlt: "AI recommendation algorithm visualization",
buttonIcon: Brain,
title: "Recommendation Engine", description: "AI-powered content discovery that learns user preferences and increases engagement through intelligent personalization.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/ai-recommendation-algorithm-visualizatio-1773210935735-f893e692.png", imageAlt: "AI recommendation algorithm visualization", buttonIcon: Brain,
},
{
title: "Monetization Suite",
description: "Flexible pricing models including SVOD, AVOD, TVOD with integrated payment processing and revenue analytics.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/monetization-dashboard-showing-subscript-1773210935899-9f00f967.png?_wi=1",
imageAlt: "Monetization dashboard and analytics",
buttonIcon: DollarSign,
title: "Monetization Suite", description: "Flexible pricing models including SVOD, AVOD, TVOD with integrated payment processing and revenue analytics.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/monetization-dashboard-showing-subscript-1773210935899-9f00f967.png", imageAlt: "Monetization dashboard and analytics", buttonIcon: DollarSign,
},
{
title: "Content Management",
description: "Unified CMS for managing catalogs, metadata, digital rights, and content distribution across regions.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/content-management-system-interface-show-1773210935665-81675f8c.png?_wi=1",
imageAlt: "Content management system interface",
buttonIcon: Library,
title: "Content Management", description: "Unified CMS for managing catalogs, metadata, digital rights, and content distribution across regions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/content-management-system-interface-show-1773210935665-81675f8c.png", imageAlt: "Content management system interface", buttonIcon: Library,
},
{
title: "Analytics & Insights",
description: "Real-time dashboards tracking viewer behavior, engagement metrics, revenue performance, and content ROI.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/real-time-analytics-dashboard-showing-vi-1773210934784-b4f82d5d.png?_wi=1",
imageAlt: "Advanced analytics dashboard",
buttonIcon: TrendingUp,
title: "Analytics & Insights", description: "Real-time dashboards tracking viewer behavior, engagement metrics, revenue performance, and content ROI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/real-time-analytics-dashboard-showing-vi-1773210934784-b4f82d5d.png", imageAlt: "Advanced analytics dashboard", buttonIcon: TrendingUp,
},
]}
textboxLayout="default"
@@ -163,45 +118,17 @@ export default function HomePage() {
tagIcon={Zap}
products={[
{
id: "1",
brand: "Entertainment",
name: "Premium Series & Films",
price: "Production-grade",
rating: 5,
reviewCount: "2.3k+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/cinematic-scene-from-a-premium-entertain-1773210935020-f7a9d916.png",
imageAlt: "Premium entertainment content",
},
id: "1", brand: "Entertainment", name: "Premium Series & Films", price: "Production-grade", rating: 5,
reviewCount: "2.3k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/cinematic-scene-from-a-premium-entertain-1773210935020-f7a9d916.png", imageAlt: "Premium entertainment content"},
{
id: "2",
brand: "Sports",
name: "Live Events Infrastructure",
price: "Real-time ready",
rating: 5,
reviewCount: "1.8k+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/live-sports-broadcast-scene-with-high-sp-1773210934596-49714487.png",
imageAlt: "Live sports streaming setup",
},
id: "2", brand: "Sports", name: "Live Events Infrastructure", price: "Real-time ready", rating: 5,
reviewCount: "1.8k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/live-sports-broadcast-scene-with-high-sp-1773210934596-49714487.png", imageAlt: "Live sports streaming setup"},
{
id: "3",
brand: "Education",
name: "Course & Training Platform",
price: "Fully integrated",
rating: 5,
reviewCount: "1.5k+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-online-course-interface-sho-1773210934685-56062aea.png",
imageAlt: "Educational streaming platform",
},
id: "3", brand: "Education", name: "Course & Training Platform", price: "Fully integrated", rating: 5,
reviewCount: "1.5k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-online-course-interface-sho-1773210934685-56062aea.png", imageAlt: "Educational streaming platform"},
{
id: "4",
brand: "Fitness",
name: "Workout & Wellness Hub",
price: "Community-ready",
rating: 5,
reviewCount: "1.2k+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/dynamic-fitness-class-streaming-scene-wi-1773210935856-48b285c2.png",
imageAlt: "Fitness streaming service",
},
id: "4", brand: "Fitness", name: "Workout & Wellness Hub", price: "Community-ready", rating: 5,
reviewCount: "1.2k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/dynamic-fitness-class-streaming-scene-wi-1773210935856-48b285c2.png", imageAlt: "Fitness streaming service"},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
@@ -212,6 +139,39 @@ export default function HomePage() {
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive
title="Transparent Pricing for Every Scale"
description="Start lean, scale as you grow. No hidden fees, only what you use."
tag="Flexible Plans"
tagIcon={Zap}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
plans={[
{
id: "starter", tag: "Starter Plan", price: "$499", period: "/month", description: "Perfect for launches and MVPs with core streaming infrastructure", button: {
text: "Start Free Trial", href: "https://app.emergent.dev/trial/starter"},
featuresTitle: "What's Included:", features: [
"Up to 10,000 concurrent viewers", "1TB bandwidth per month", "Basic recommendation engine", "Single region deployment", "Email support", "Standard analytics dashboard"],
},
{
id: "professional", tag: "Professional Plan", tagIcon: Star,
price: "$1,999", period: "/month", description: "For growing platforms with multi-region needs and advanced features", button: {
text: "Start Free Trial", href: "https://app.emergent.dev/trial/professional"},
featuresTitle: "What's Included:", features: [
"Up to 100,000 concurrent viewers", "10TB bandwidth per month", "Advanced AI recommendations", "Multi-region global deployment", "Priority support 24/7", "Custom analytics & reporting", "SVOD + AVOD monetization", "DRM content protection"],
},
{
id: "enterprise", tag: "Enterprise Plan", price: "Custom", period: "/month", description: "For large-scale platforms requiring full customization and dedicated infrastructure", button: {
text: "Schedule Consultation", href: "https://calendly.com/emergent-sales"},
featuresTitle: "What's Included:", features: [
"Unlimited concurrent viewers", "Unlimited bandwidth", "Custom recommendation models", "Dedicated infrastructure", "24/7 dedicated support team", "Advanced security & compliance", "Full API customization", "White-label solutions available", "Custom SLA agreements"],
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Trusted by Streaming Leaders"
@@ -222,59 +182,17 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "From Idea to Millions of Viewers",
quote: "We took our Netflix clone concept and transformed it into a real, scalable platform with 2M users in 8 months. Emergent handled the infrastructure complexity so we could focus on content and growth.",
name: "Jordan Mills",
role: "Founder & CEO of FlixVault",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-confident-fem-1773210933561-db37302d.png?_wi=2",
imageAlt: "Jordan Mills",
},
id: "1", title: "From Idea to Millions of Viewers", quote: "We took our Netflix clone concept and transformed it into a real, scalable platform with 2M users in 8 months. Emergent handled the infrastructure complexity so we could focus on content and growth.", name: "Jordan Mills", role: "Founder & CEO of FlixVault", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-confident-fem-1773210933561-db37302d.png", imageAlt: "Jordan Mills"},
{
id: "2",
title: "Enterprise-Grade Quality, Startup Speed",
quote: "The media player alone is production-ready. No reinventing the wheel. We integrated it in 2 weeks and had a working MVP. That's the kind of acceleration we needed.",
name: "Priya Desai",
role: "CTO of StreamTech",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-female-produc-1773210934255-e4930576.png?_wi=2",
imageAlt: "Priya Desai",
},
id: "2", title: "Enterprise-Grade Quality, Startup Speed", quote: "The media player alone is production-ready. No reinventing the wheel. We integrated it in 2 weeks and had a working MVP. That's the kind of acceleration we needed.", name: "Priya Desai", role: "CTO of StreamTech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-female-produc-1773210934255-e4930576.png", imageAlt: "Priya Desai"},
{
id: "3",
title: "Recommendation Engine Changed Everything",
quote: "Our user engagement jumped 340% after implementing Emergent's AI recommendations. It learns patterns, suggests content users actually want to watch. This is what separates casual apps from real platforms.",
name: "David Chen",
role: "Product Manager at CinemaGo",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-male-technolo-1773210934228-097c2ddb.png?_wi=2",
imageAlt: "David Chen",
},
id: "3", title: "Recommendation Engine Changed Everything", quote: "Our user engagement jumped 340% after implementing Emergent's AI recommendations. It learns patterns, suggests content users actually want to watch. This is what separates casual apps from real platforms.", name: "David Chen", role: "Product Manager at CinemaGo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-male-technolo-1773210934228-097c2ddb.png", imageAlt: "David Chen"},
{
id: "4",
title: "Monetization Works Out of the Box",
quote: "SVOD, AVOD, TVOD—all integrated and working. Our revenue model was live within days. The payment processing alone saved us months of integration work with third-party vendors.",
name: "Sofia Bergstrom",
role: "Head of Monetization at ViewPro",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-male-ceo-afri-1773210934173-adf4daf4.png?_wi=2",
imageAlt: "Sofia Bergstrom",
},
id: "4", title: "Monetization Works Out of the Box", quote: "SVOD, AVOD, TVOD—all integrated and working. Our revenue model was live within days. The payment processing alone saved us months of integration work with third-party vendors.", name: "Sofia Bergstrom", role: "Head of Monetization at ViewPro", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-male-ceo-afri-1773210934173-adf4daf4.png", imageAlt: "Sofia Bergstrom"},
{
id: "5",
title: "Support That Actually Understands Streaming",
quote: "The support team doesn't just answer tickets—they help us architect. They've guided us through scaling decisions that saved us thousands in infrastructure costs.",
name: "Michael Torres",
role: "Operations Lead at PlayStream",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-confident-fem-1773210933561-db37302d.png?_wi=3",
imageAlt: "Michael Torres",
},
id: "5", title: "Support That Actually Understands Streaming", quote: "The support team doesn't just answer tickets—they help us architect. They've guided us through scaling decisions that saved us thousands in infrastructure costs.", name: "Michael Torres", role: "Operations Lead at PlayStream", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-confident-fem-1773210933561-db37302d.png", imageAlt: "Michael Torres"},
{
id: "6",
title: "Finally, A Platform Built For Developers",
quote: "The API is clean, the documentation is thorough, and the SDKs are actually useful. This is how platform tools should be designed. We're not fighting the framework—we're flying with it.",
name: "Alex Kumar",
role: "Lead Engineer at TechStream",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-male-technolo-1773210934228-097c2ddb.png?_wi=3",
imageAlt: "Alex Kumar",
},
id: "6", title: "Finally, A Platform Built For Developers", quote: "The API is clean, the documentation is thorough, and the SDKs are actually useful. This is how platform tools should be designed. We're not fighting the framework—we're flying with it.", name: "Alex Kumar", role: "Lead Engineer at TechStream", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-headshot-of-a-male-technolo-1773210934228-097c2ddb.png", imageAlt: "Alex Kumar"},
]}
/>
</div>
@@ -288,15 +206,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-service-logo-in-t-1773210934041-ea7bae41.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-video-platform-logo-in-yout-1773210934446-19fc6623.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-service-logo-in-h-1773210933396-8b78a1af.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-platform-logo-in--1773210933983-65b6666a.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-entertainment-streaming-log-1773210933550-ef8a73be.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-service-logo-in-p-1773210934061-05601841.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-platform-logo-in--1773210934131-f3eec055.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-platform-logo-in--1773210934539-8a2a4ab5.png",
]}
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-service-logo-in-t-1773210934041-ea7bae41.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-video-platform-logo-in-yout-1773210934446-19fc6623.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-service-logo-in-h-1773210933396-8b78a1af.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-platform-logo-in--1773210933983-65b6666a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-entertainment-streaming-log-1773210933550-ef8a73be.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-service-logo-in-p-1773210934061-05601841.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-platform-logo-in--1773210934131-f3eec055.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/professional-streaming-platform-logo-in--1773210934539-8a2a4ab5.png"]}
speed={40}
showCard={true}
tagAnimation="slide-up"
@@ -309,47 +219,23 @@ export default function HomePage() {
<FaqSplitMedia
faqs={[
{
id: "1",
title: "What's the difference between Emergent and a Netflix clone?",
content: "Netflix clones are templates. Emergent is a complete platform that handles infrastructure, monetization, recommendations, and scaling. It's not a starting point—it's a full production system ready for millions of users. You get the real streaming stack, not a demo.",
},
id: "1", title: "What's the difference between Emergent and a Netflix clone?", content: "Netflix clones are templates. Emergent is a complete platform that handles infrastructure, monetization, recommendations, and scaling. It's not a starting point—it's a full production system ready for millions of users. You get the real streaming stack, not a demo."},
{
id: "2",
title: "How quickly can I launch?",
content: "Most platforms are live in 4-6 weeks. The infrastructure is pre-built, authentication is integrated, and the media player is production-ready. You configure, customize your content, and go live. No months of backend development.",
},
id: "2", title: "How quickly can I launch?", content: "Most platforms are live in 4-6 weeks. The infrastructure is pre-built, authentication is integrated, and the media player is production-ready. You configure, customize your content, and go live. No months of backend development."},
{
id: "3",
title: "Does it really scale to millions of users?",
content: "Yes. The architecture is tested with platforms serving 50M+ concurrent viewers. Global CDN, adaptive streaming, DRM protection—all built in. As you grow, infrastructure scales automatically. No refactoring required.",
},
id: "3", title: "Does it really scale to millions of users?", content: "Yes. The architecture is tested with platforms serving 50M+ concurrent viewers. Global CDN, adaptive streaming, DRM protection—all built in. As you grow, infrastructure scales automatically. No refactoring required."},
{
id: "4",
title: "What about content management?",
content: "Full CMS included. Upload metadata, manage digital rights, organize content by region, set release dates, handle licensing. The UI is designed for non-technical content teams. It just works.",
},
id: "4", title: "What about content management?", content: "Full CMS included. Upload metadata, manage digital rights, organize content by region, set release dates, handle licensing. The UI is designed for non-technical content teams. It just works."},
{
id: "5",
title: "How does monetization work?",
content: "Choose your model: subscription (SVOD), ads (AVOD), rentals (TVOD), or hybrid. Payment processing, subscription billing, and revenue reporting are all built in. Connect Stripe or your processor of choice.",
},
id: "5", title: "How does monetization work?", content: "Choose your model: subscription (SVOD), ads (AVOD), rentals (TVOD), or hybrid. Payment processing, subscription billing, and revenue reporting are all built in. Connect Stripe or your processor of choice."},
{
id: "6",
title: "Is the recommendation engine really AI-powered?",
content: "Yes. It analyzes viewing patterns, learns user preferences, and suggests content they're likely to watch. Engagement increases by 200-400% on average. It trains itself from your user data.",
},
id: "6", title: "Is the recommendation engine really AI-powered?", content: "Yes. It analyzes viewing patterns, learns user preferences, and suggests content they're likely to watch. Engagement increases by 200-400% on average. It trains itself from your user data."},
{
id: "7",
title: "What about DRM and content protection?",
content: "Enterprise-grade DRM with Widevine, PlayReady, and FairPlay support. Offline viewing with expiration. Geo-blocking. Sub-account management. All the security that premium platforms require.",
},
id: "7", title: "What about DRM and content protection?", content: "Enterprise-grade DRM with Widevine, PlayReady, and FairPlay support. Offline viewing with expiration. Geo-blocking. Sub-account management. All the security that premium platforms require."},
{
id: "8",
title: "Do you offer white-label solutions?",
content: "Yes, on Enterprise plans. Customize branding, domain, player UI, and integrations. Your platform, your brand. We handle the infrastructure and scaling behind the scenes.",
},
id: "8", title: "Do you offer white-label solutions?", content: "Yes, on Enterprise plans. Customize branding, domain, player UI, and integrations. Your platform, your brand. We handle the infrastructure and scaling behind the scenes."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/modern-customer-support-interface-showin-1773210935787-e9797abe.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUvG7UHHYgJ6tZ0pGIZ4IInAH/modern-customer-support-interface-showin-1773210935787-e9797abe.png"
imageAlt="Streaming platform dashboard"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
@@ -368,17 +254,15 @@ export default function HomePage() {
logoText="Emergent"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "/pricing" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "/security" },
{ label: "Status", href: "https://status.emergent.dev" },
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "/docs" },
{ label: "API Reference", href: "/api-docs" },
{ label: "Case Studies", href: "/case-studies" },
@@ -386,8 +270,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Careers", href: "/careers" },
{ label: "Contact", href: "/contact" },
@@ -395,8 +278,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Cookie Policy", href: "/cookies" },
@@ -409,4 +291,6 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";

60
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,37 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = "" }) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 300 100"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<defs>
<linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style={{ stopColor: "#3b82f6", stopOpacity: 1 }} />
<stop offset="100%" style={{ stopColor: "#1e40af", stopOpacity: 1 }} />
</linearGradient>
</defs>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
dominantBaseline="middle"
textAnchor="middle"
fill="url(#textGradient)"
fontSize="48"
fontWeight="bold"
fontFamily="Arial, sans-serif"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;