Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-23 05:44:49 +00:00

View File

@@ -21,23 +21,24 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="ViralityAnalyzer"
/>
@@ -46,121 +47,43 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Analyze Viral Potential in Seconds"
description="The AI-powered platform for creators and brands to predict video performance, optimize retention, and master their content strategy."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-flowing-network-lines-particles_1048-13928.jpg?_wi=1",
imageAlt: "Dashboard overview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-background_1048-12381.jpg",
imageAlt: "Dashboard overview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg",
imageAlt: "Dashboard overview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background-with-plexus-design_1048-16800.jpg",
imageAlt: "Dashboard overview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg",
imageAlt: "Dashboard overview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
imageAlt: "Dashboard overview",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-flowing-network-lines-particles_1048-13928.jpg", imageAlt: "Dashboard overview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-background_1048-12381.jpg", imageAlt: "Dashboard overview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg", imageAlt: "Dashboard overview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background-with-plexus-design_1048-16800.jpg", imageAlt: "Dashboard overview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg", imageAlt: "Dashboard overview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Dashboard overview" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
imageAlt: "Analytics",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg",
imageAlt: "Analytics",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/music-player-app-interface_23-2148525467.jpg",
imageAlt: "Analytics",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-advisor-answering-landine-phone-call-office_482257-74573.jpg",
imageAlt: "Analytics",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg",
imageAlt: "Analytics",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg",
imageAlt: "Analytics",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg", imageAlt: "Analytics" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg", imageAlt: "Analytics" },
{ imageSrc: "http://img.b2bpic.net/free-vector/music-player-app-interface_23-2148525467.jpg", imageAlt: "Analytics" },
{ imageSrc: "http://img.b2bpic.net/free-photo/female-advisor-answering-landine-phone-call-office_482257-74573.jpg", imageAlt: "Analytics" },
{ imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg", imageAlt: "Analytics" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg", imageAlt: "Analytics" },
]}
buttons={[
{
text: "Start Analyzing",
href: "#features",
},
{
text: "Request Demo",
href: "#contact",
},
{ text: "Start Analyzing", href: "#features" },
{ text: "Request Demo", href: "#contact" },
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884870.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background-with-plexus-design_1048-18865.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/3d-abstract-futuristic-illustration-with-particles-with-shallow-depth-field_1048-11935.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/3d-abstract-soundwaves-background-with-flowing-lines_1048-15842.jpg",
alt: "User 5",
},
{ src: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884870.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/3d-abstract-network-communications-background-with-plexus-design_1048-18865.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/3d-abstract-futuristic-illustration-with-particles-with-shallow-depth-field_1048-11935.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/3d-abstract-soundwaves-background-with-flowing-lines_1048-15842.jpg", alt: "User 5" },
]}
avatarText="Trusted by 10,000+ creators"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-particles_1048-13904.jpg",
alt: "Brand 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-background-with-flowing-particles_1048-11999.jpg",
alt: "Brand 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-particles_1048-14716.jpg",
alt: "Brand 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
alt: "Brand 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
alt: "Brand 5",
},
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-flowing-particles_1048-13904.jpg", alt: "Brand 1" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-background-with-flowing-particles_1048-11999.jpg", alt: "Brand 2" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-particles_1048-14716.jpg", alt: "Brand 3" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg", alt: "Brand 4" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", alt: "Brand 5" },
]}
/>
</div>
@@ -173,7 +96,7 @@ export default function LandingPage() {
description="We combine advanced AI engine modules with deep behavioral analysis to predict content success before you publish."
subdescription="Our architecture integrates proprietary retention predictors, real-time scoring models, and drop-off detection to ensure your content resonates."
icon={Zap}
imageSrc="http://img.b2bpic.net/free-photo/pc-data-center-managing-network-resources-using-node-tree-software_482257-126003.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/pc-data-center-managing-network-resources-using-node-tree-software_482257-126003.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -185,65 +108,25 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Retention Predictor",
description: "AI models that accurately forecast audience engagement points and identify critical drop-offs in your video content.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/long-exposure-pink-light-trail-black-backdrop_23-2148055586.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-elements-with-gradient-effect_23-2148160032.jpg",
},
title: "Retention Predictor", description: "AI models that accurately forecast audience engagement points and identify critical drop-offs in your video content.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/long-exposure-pink-light-trail-black-backdrop_23-2148055586.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-elements-with-gradient-effect_23-2148160032.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-flowing-network-lines-particles_1048-13928.jpg?_wi=2",
imageAlt: "retention graph ui",
},
{
title: "Viral Scoring Model",
description: "Receive an immediate 0-100 virality index based on historical trends and competitive benchmarking algorithms.",
bentoComponent: "3d-stack-cards",
items: [
{
icon: Award,
title: "Accuracy",
subtitle: "98%",
detail: "Proven model reliability",
},
{
icon: TrendingUp,
title: "Insights",
subtitle: "Deep",
detail: "Actionable video data",
},
{
icon: Zap,
title: "Speed",
subtitle: "Fast",
detail: "Real-time analysis",
},
title: "Viral Scoring Model", description: "Receive an immediate 0-100 virality index based on historical trends and competitive benchmarking algorithms.", bentoComponent: "3d-stack-cards", items: [
{ icon: Award, title: "Accuracy", subtitle: "98%", detail: "Proven model reliability" },
{ icon: TrendingUp, title: "Insights", subtitle: "Deep", detail: "Actionable video data" },
{ icon: Zap, title: "Speed", subtitle: "Fast", detail: "Real-time analysis" },
],
imageSrc: "http://img.b2bpic.net/free-photo/pc-data-center-managing-network-resources-using-node-tree-software_482257-126003.jpg?_wi=2",
imageAlt: "retention graph ui",
},
{
title: "Dashboard Analytics",
description: "Visualize your funnel marketing performance with real-time dashboards and automated reporting.",
bentoComponent: "chat",
aiIcon: Star,
title: "Dashboard Analytics", description: "Visualize your funnel marketing performance with real-time dashboards and automated reporting.", bentoComponent: "chat", aiIcon: Star,
userIcon: User,
placeholder: "Analyze video now...",
exchanges: [
{
userMessage: "Upload new video",
aiResponse: "Processing analysis...",
},
placeholder: "Analyze video now...", exchanges: [
{ userMessage: "Upload new video", aiResponse: "Processing analysis..." },
],
imageSrc: "http://img.b2bpic.net/free-vector/business-card-designs_1043-338.jpg",
imageAlt: "retention graph ui",
},
]}
title="Intelligent Platform Features"
@@ -257,21 +140,9 @@ export default function LandingPage() {
title="Platform Impact"
tag="Trusted By Industry Leaders"
metrics={[
{
id: "m1",
value: "1.2M+",
description: "Videos Analyzed",
},
{
id: "m2",
value: "98%",
description: "Accuracy Rate",
},
{
id: "m3",
value: "500+",
description: "Brands Empowered",
},
{ id: "m1", value: "1.2M+", description: "Videos Analyzed" },
{ id: "m2", value: "98%", description: "Accuracy Rate" },
{ id: "m3", value: "500+", description: "Brands Empowered" },
]}
metricsAnimation="slide-up"
/>
@@ -284,56 +155,17 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Free",
price: "$0",
subtitle: "Perfect for starters",
features: [
"3 analyses/month",
"Standard scoring",
"Community access",
],
buttons: [
{
text: "Get Started",
href: "#",
},
],
id: "basic", badge: "Free", price: "$0", subtitle: "Perfect for starters", features: ["3 analyses/month", "Standard scoring", "Community access"],
buttons: [{ text: "Get Started", href: "#" }],
},
{
id: "pro",
badge: "Popular",
badgeIcon: Star,
price: "$49",
subtitle: "For serious creators",
features: [
"Unlimited analyses",
"Advanced retention insights",
"Competitor research",
],
buttons: [
{
text: "Upgrade to Pro",
href: "#",
},
],
id: "pro", badge: "Popular", badgeIcon: Star,
price: "$49", subtitle: "For serious creators", features: ["Unlimited analyses", "Advanced retention insights", "Competitor research"],
buttons: [{ text: "Upgrade to Pro", href: "#" }],
},
{
id: "enterprise",
badge: "Scaling",
price: "$199",
subtitle: "For agencies & brands",
features: [
"Full API access",
"Dedicated engine support",
"Custom retention models",
],
buttons: [
{
text: "Contact Sales",
href: "#",
},
],
id: "enterprise", badge: "Scaling", price: "$199", subtitle: "For agencies & brands", features: ["Full API access", "Dedicated engine support", "Custom retention models"],
buttons: [{ text: "Contact Sales", href: "#" }],
},
]}
title="Accessible Analytics"
@@ -345,16 +177,9 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"CreativeLab",
"ViralMedia",
"ContentHub",
"DigitalWave",
"StreamLogic",
"StudioGrowth",
"MarketAI",
]}
names={["CreativeLab", "ViralMedia", "ContentHub", "DigitalWave", "StreamLogic", "StudioGrowth", "MarketAI"]}
title="Trusted by Brands"
description="Partnering with top industry innovators."
/>
</div>
@@ -365,45 +190,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Jenkins",
handle: "@sarahj",
testimonial: "The predictive engine is unmatched. It boosted our video performance by 30%.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
},
id: "t1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The predictive engine is unmatched. It boosted our video performance by 30%.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg"},
{
id: "t2",
name: "David Chen",
handle: "@davecre8",
testimonial: "Essential tool for any professional content creator. Fast and accurate insights.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020793.jpg",
},
id: "t2", name: "David Chen", handle: "@davecre8", testimonial: "Essential tool for any professional content creator. Fast and accurate insights.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020793.jpg"},
{
id: "t3",
name: "Emily Rose",
handle: "@rose_media",
testimonial: "The drop-off detection saved us so much time in editing and post-production.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-physician-holding-documents-his-hands_259150-57734.jpg",
},
id: "t3", name: "Emily Rose", handle: "@rose_media", testimonial: "The drop-off detection saved us so much time in editing and post-production.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-physician-holding-documents-his-hands_259150-57734.jpg"},
{
id: "t4",
name: "Marcus Stone",
handle: "@mstone",
testimonial: "Clear, concise analytics. This platform has completely changed our strategy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg",
},
id: "t4", name: "Marcus Stone", handle: "@mstone", testimonial: "Clear, concise analytics. This platform has completely changed our strategy.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg"},
{
id: "t5",
name: "Lisa Wang",
handle: "@lisaw",
testimonial: "Competitive benchmarking has never been this accessible for smaller creators.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
},
id: "t5", name: "Lisa Wang", handle: "@lisaw", testimonial: "Competitive benchmarking has never been this accessible for smaller creators.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
]}
showRating={true}
title="Proven Results"
@@ -416,21 +216,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How does the AI engine work?",
content: "Our engine processes video files using custom retention predictors and scoring algorithms.",
},
{
id: "q2",
title: "Is the platform safe to use?",
content: "Yes, we prioritize security with JWT authentication and encrypted data storage.",
},
{
id: "q3",
title: "What payment gateways are supported?",
content: "We support Stripe and Midtrans for global and regional payments.",
},
{ id: "q1", title: "How does the AI engine work?", content: "Our engine processes video files using custom retention predictors and scoring algorithms." },
{ id: "q2", title: "Is the platform safe to use?", content: "Yes, we prioritize security with JWT authentication and encrypted data storage." },
{ id: "q3", title: "What payment gateways are supported?", content: "We support Stripe and Midtrans for global and regional payments." },
]}
title="Frequently Asked Questions"
description="Quick answers to help you navigate our platform."
@@ -441,9 +229,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Stay Updated with Weekly Challenges"
description="Join our growing community and participate in weekly content challenges to boost your skills."
tag="Get In Touch"
@@ -454,53 +240,9 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="ViralityAnalyzer"
columns={[
{
title: "Platform",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
{
label: "Community",
href: "#",
},
],
},
{
title: "Resources",
items: [
{
label: "Blog",
href: "#",
},
{
label: "API Docs",
href: "#",
},
{
label: "Weekly Challenges",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Community", href: "#" }] },
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "API Docs", href: "#" }, { label: "Weekly Challenges", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>