Merge version_2 into main #1
207
src/app/page.tsx
207
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
@@ -31,69 +31,37 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "#how-it-works",
|
||||
},
|
||||
name: "How it Works", id: "#how-it-works"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "#faqs",
|
||||
},
|
||||
name: "FAQs", id: "#faqs"},
|
||||
]}
|
||||
brandName="Virality Analyzer"
|
||||
button={{
|
||||
text: "Start Free Analysis",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Start Free Analysis", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Turn Your Content Into Viral Videos With AI"
|
||||
description="Stop guessing why your videos aren't performing. Get instant, data-driven feedback and actionable insights to optimize your reach in minutes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Analyze My Video",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Analyze My Video", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-home-office-with-monitors-stock-market_482257-29630.jpg",
|
||||
imageAlt: "Viral analysis interface preview 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169840.jpg",
|
||||
imageAlt: "Viral analysis interface preview 2",
|
||||
},
|
||||
{
|
||||
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: "Viral analysis interface preview 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
imageAlt: "Viral analysis interface preview 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg",
|
||||
imageAlt: "Viral analysis interface preview 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg",
|
||||
imageAlt: "Viral analysis interface preview 6",
|
||||
},
|
||||
kpis={[
|
||||
{ value: "50%", label: "Retention Lift" },
|
||||
{ value: "10x", label: "Faster Growth" },
|
||||
{ value: "98%", label: "Viral Accuracy" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/zoom-out-home-office-with-monitors-stock-market_482257-29630.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,17 +72,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Unclear Intro Hooks",
|
||||
"Low Viewer Retention",
|
||||
"Misaligned Platform Strategy",
|
||||
],
|
||||
"Unclear Intro Hooks", "Low Viewer Retention", "Misaligned Platform Strategy"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Deep Hook Analysis",
|
||||
"Retention Prediction",
|
||||
"Platform Fit Scoring",
|
||||
],
|
||||
"Deep Hook Analysis", "Retention Prediction", "Platform Fit Scoring"],
|
||||
}}
|
||||
title="Why Videos Fail vs. Succeed"
|
||||
description="Understand the critical differences between your current content and viral-ready video production."
|
||||
@@ -129,17 +91,11 @@ export default function LandingPage() {
|
||||
description="Our AI engine processes your content, breaks down performance metrics, and gives you a clear path to improvement."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Upload Video",
|
||||
description: "Drag and drop your raw footage files into our dashboard.",
|
||||
},
|
||||
title: "Upload Video", description: "Drag and drop your raw footage files into our dashboard."},
|
||||
{
|
||||
title: "AI Analysis",
|
||||
description: "Our model analyzes hooks, pacing, and visual storytelling patterns.",
|
||||
},
|
||||
title: "AI Analysis", description: "Our model analyzes hooks, pacing, and visual storytelling patterns."},
|
||||
{
|
||||
title: "Get Insights",
|
||||
description: "Receive a detailed report with actionable improvements.",
|
||||
},
|
||||
title: "Get Insights", description: "Receive a detailed report with actionable improvements."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -153,40 +109,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@creator_sarah",
|
||||
testimonial: "Finally, real feedback that makes sense. My retention increased by 30% after the first edit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@creator_sarah", testimonial: "Finally, real feedback that makes sense. My retention increased by 30% after the first edit.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jason Wu",
|
||||
handle: "@jasonwudigital",
|
||||
testimonial: "The hook analyzer is pure magic. It points out exactly where I lose viewers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-working-office-night-angry-mad-raising-fist-frustrated-furious-while-shouting-with-anger-rage-aggressive-concept_839833-19163.jpg",
|
||||
},
|
||||
id: "2", name: "Jason Wu", handle: "@jasonwudigital", testimonial: "The hook analyzer is pure magic. It points out exactly where I lose viewers.", imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-working-office-night-angry-mad-raising-fist-frustrated-furious-while-shouting-with-anger-rage-aggressive-concept_839833-19163.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Roberts",
|
||||
handle: "@emmareads",
|
||||
testimonial: "Saved me hours of trial and error. Best investment for my channel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863232.jpg",
|
||||
},
|
||||
id: "3", name: "Emma Roberts", handle: "@emmareads", testimonial: "Saved me hours of trial and error. Best investment for my channel.", imageSrc: "http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863232.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim_vlogs",
|
||||
testimonial: "It's like having a viral consultant on call 24/7. Incredible accuracy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim_vlogs", testimonial: "It's like having a viral consultant on call 24/7. Incredible accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Chen",
|
||||
handle: "@chen_media",
|
||||
testimonial: "A must-have for every serious content producer. The pacing advice is gold.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-reporters-with-camera_23-2149267820.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa Chen", handle: "@chen_media", testimonial: "A must-have for every serious content producer. The pacing advice is gold.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-reporters-with-camera_23-2149267820.jpg"},
|
||||
]}
|
||||
title="Loved By Top Creators"
|
||||
description="Join thousands of content creators who have optimized their reach using our data-driven insights."
|
||||
@@ -200,38 +131,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Free",
|
||||
price: "$0",
|
||||
subtitle: "For new creators",
|
||||
features: [
|
||||
"5 Analyses/month",
|
||||
"Hook Score",
|
||||
"Basic Metrics",
|
||||
],
|
||||
id: "free", badge: "Free", price: "$0", subtitle: "For new creators", features: [
|
||||
"5 Analyses/month", "Hook Score", "Basic Metrics"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$29/mo",
|
||||
subtitle: "For serious creators",
|
||||
features: [
|
||||
"Unlimited Analysis",
|
||||
"Retention Prediction",
|
||||
"Priority Feedback",
|
||||
"AI Strategy Guide",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$29/mo", subtitle: "For serious creators", features: [
|
||||
"Unlimited Analysis", "Retention Prediction", "Priority Feedback", "AI Strategy Guide"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Upgrade Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -245,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How does the AI work?",
|
||||
content: "Our engine uses advanced neural networks trained on millions of viral video frames to predict engagement.",
|
||||
},
|
||||
id: "faq1", title: "How does the AI work?", content: "Our engine uses advanced neural networks trained on millions of viral video frames to predict engagement."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Is my video data secure?",
|
||||
content: "Yes, we treat all uploaded content with strict confidentiality and it is never shared publicly.",
|
||||
},
|
||||
id: "faq2", title: "Is my video data secure?", content: "Yes, we treat all uploaded content with strict confidentiality and it is never shared publicly."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Absolutely. You can manage or cancel your subscription directly from your settings.",
|
||||
},
|
||||
id: "faq3", title: "Can I cancel anytime?", content: "Absolutely. You can manage or cancel your subscription directly from your settings."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our analysis engine."
|
||||
@@ -270,16 +173,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Start Your Analysis Today"
|
||||
description="Ready to turn your videos into viral successes? Join the community now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up Free", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -288,42 +188,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Analysis Engine",
|
||||
href: "#",
|
||||
},
|
||||
label: "Analysis Engine", href: "#"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faqs",
|
||||
},
|
||||
label: "FAQ", href: "#faqs"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -334,4 +219,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user