Update src/app/page.tsx
This commit is contained in:
139
src/app/page.tsx
139
src/app/page.tsx
@@ -32,12 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ViralAI"
|
||||
/>
|
||||
@@ -45,18 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Analyze Your Videos. Go Viral."
|
||||
description="Unlock AI-driven insights to optimize your hooks, engagement, and reach. Transform raw video into viral content."
|
||||
tag="AI Video Intelligence"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"
|
||||
imageAlt="AI Viral Analytics Dashboard"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#pricing"},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "/pricing" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -65,18 +58,10 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Hook Analysis", description: "AI detects and scores your video hook strength instantly.", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736796.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Engagement Prediction", description: "Forecast your performance with advanced audience metrics.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-colorful-lights-full-shot_23-2149679101.jpg", buttonIcon: TrendingUp,
|
||||
},
|
||||
{
|
||||
title: "SEO & Keywords", description: "Maximize platform visibility with AI-generated SEO keywords.", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904303.jpg", buttonIcon: Search,
|
||||
},
|
||||
{
|
||||
title: "Upload Optimization", description: "The best times to publish based on audience behavior.", imageSrc: "http://img.b2bpic.net/free-vector/smartphone-research-development_24877-76685.jpg", buttonIcon: Clock,
|
||||
},
|
||||
{ title: "Hook Analysis", description: "AI detects and scores your video hook strength instantly.", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736796.jpg", buttonIcon: Zap },
|
||||
{ title: "Engagement Prediction", description: "Forecast your performance with advanced audience metrics.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-colorful-lights-full-shot_23-2149679101.jpg", buttonIcon: TrendingUp },
|
||||
{ title: "SEO & Keywords", description: "Maximize platform visibility with AI-generated SEO keywords.", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904303.jpg", buttonIcon: Search },
|
||||
{ title: "Upload Optimization", description: "The best times to publish based on audience behavior.", imageSrc: "http://img.b2vector/smartphone-research-development_24877-76685.jpg", buttonIcon: Clock },
|
||||
]}
|
||||
title="Powerful Viral Insights"
|
||||
description="All the tools you need to stay ahead of the algorithm."
|
||||
@@ -90,15 +75,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "1.2M+", title: "Videos Analyzed", description: "Processed through our AI engine.", icon: PlayCircle,
|
||||
},
|
||||
{
|
||||
id: "2", value: "85%", title: "Viral Success Rate", description: "Content uplift for active users.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "3", value: "400K+", title: "Creators Empowered", description: "Join the community of creators.", icon: Users,
|
||||
},
|
||||
{ id: "1", value: "1.2M+", title: "Videos Analyzed", description: "Processed through our AI engine.", icon: PlayCircle },
|
||||
{ id: "2", value: "85%", title: "Viral Success Rate", description: "Content uplift for active users.", icon: Award },
|
||||
{ id: "3", value: "400K+", title: "Creators Empowered", description: "Join the community of creators.", icon: Users },
|
||||
]}
|
||||
title="Data-Driven Growth"
|
||||
description="Real-time stats to measure your creator success."
|
||||
@@ -109,49 +88,12 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TikTok", "Instagram", "YouTube", "Facebook", "Reels", "Shorts", "Snapchat"]}
|
||||
names={["TikTok", "Instagram", "YouTube", "Facebook", "Reels", "Shorts", "Snapchat"]}
|
||||
title="Trusted by Top Creators"
|
||||
description="Join professional video teams and individual influencers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", name: "Starter", price: "$19", features: [
|
||||
"10 Videos/mo", "Hook Analysis", "SEO Keywords"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro", name: "Creator", price: "$49", features: [
|
||||
"50 Videos/mo", "All Starter +", "Engagement Trends", "Performance Charts"],
|
||||
badge: "Popular", buttons: [
|
||||
{
|
||||
text: "Upgrade", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "agency", name: "Agency", price: "$149", features: [
|
||||
"Unlimited Videos", "All Creator +", "Team Access", "API Access"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the plan that fits your growth stage."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
@@ -159,16 +101,8 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah J., Tech Creator"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/seriously-blogger-girl-is-looking-camera-by-holding-pencil-white-background_176474-117359.jpg", alt: "Sarah J."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg", alt: "Mark R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-product-photography_23-2148970201.jpg", alt: "Elena K."},
|
||||
{
|
||||
src: "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", alt: "John P."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-pretty-woman-dressed-warm-sweater-listening-music_171337-7509.jpg", alt: "Alice W."},
|
||||
{ src: "http://img.b2bpic.net/free-photo/seriously-blogger-girl-is-looking-camera-by-holding-pencil-white-background_176474-117359.jpg", alt: "Sarah J." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg", alt: "Mark R." },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -179,12 +113,8 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Does this work with TikTok?", content: "Yes, we fully support TikTok, Instagram Reels, YouTube Shorts, and Facebook Reels."},
|
||||
{
|
||||
id: "2", title: "Can I cancel anytime?", content: "Yes, all our subscription plans can be cancelled at any time through your dashboard."},
|
||||
{
|
||||
id: "3", title: "Is there a free trial?", content: "We offer a 7-day free trial so you can experience the analytics dashboard yourself."},
|
||||
{ id: "1", title: "Does this work with TikTok?", content: "Yes, we fully support TikTok, Instagram Reels, YouTube Shorts, and Facebook Reels." },
|
||||
{ id: "2", title: "Can I cancel anytime?", content: "Yes, all our subscription plans can be cancelled at any time through your dashboard." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -194,45 +124,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to scale your content?"
|
||||
description="Have questions about integration or agency plans? Our team is ready to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "/pricing" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 ViralAI Inc."
|
||||
bottomRightText="Built for Creators"
|
||||
|
||||
Reference in New Issue
Block a user