Update src/app/page.tsx
This commit is contained in:
284
src/app/page.tsx
284
src/app/page.tsx
@@ -33,75 +33,42 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#home"},
|
||||||
id: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "#features"},
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Tools",
|
name: "Tools", id: "#tools"},
|
||||||
id: "#tools",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Insights",
|
name: "Insights", id: "#insights"},
|
||||||
id: "#insights",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="YouTube SEO Suite"
|
brandName="YouTube SEO Suite"
|
||||||
button={{
|
button={{
|
||||||
text: "Reset / Change API Key",
|
text: "Reset / Change API Key", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Unlock Your YouTube Growth Potential"
|
title="Unlock Your YouTube Growth Potential"
|
||||||
description="The ultimate AI-powered suite for content creation, SEO optimization, and channel growth strategy. Revolutionize your YouTube presence."
|
description="The ultimate AI-powered suite for content creation, SEO optimization, and channel growth strategy. Revolutionize your YouTube presence."
|
||||||
tag="Next-Gen AI"
|
tag="Next-Gen AI"
|
||||||
tagAnimation="opacity"
|
tagAnimation="opacity"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Started Now",
|
text: "Get Started Now", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Learn More",
|
text: "Learn More", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="opacity"
|
buttonAnimation="opacity"
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/develop-coding-web-design-coding-web-template_53876-132245.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/develop-coding-web-design-coding-web-template_53876-132245.jpg", imageAlt: "AI-powered content creation dashboard"},
|
||||||
imageAlt: "AI-powered content creation dashboard",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_53876-94923.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_53876-94923.jpg", imageAlt: "User interacting with YouTube SEO tablet"}
|
||||||
imageAlt: "User interacting with YouTube SEO tablet",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
|
||||||
imageAlt: "Modern AI dashboard for YouTube analytics",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-coffee-shop-cafe-concept_53876-30132.jpg",
|
|
||||||
imageAlt: "Content creator optimizing YouTube videos",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
|
|
||||||
imageAlt: "Futuristic video content strategy interface",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
rating={5}
|
rating={5}
|
||||||
@@ -116,17 +83,11 @@ export default function LandingPage() {
|
|||||||
description="Our powerful suite empowers creators to streamline their workflow, discover winning topics, and optimize every video for maximum reach and engagement. Built for scale and efficiency, our AI analyzes trends and provides actionable insights."
|
description="Our powerful suite empowers creators to streamline their workflow, discover winning topics, and optimize every video for maximum reach and engagement. Built for scale and efficiency, our AI analyzes trends and provides actionable insights."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
value: "1000+",
|
value: "1000+", title: "Topics Generated"},
|
||||||
title: "Topics Generated",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "5X",
|
value: "5X", title: "Engagement Boost"},
|
||||||
title: "Engagement Boost",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "200%",
|
value: "200%", title: "Growth in Subscribers"},
|
||||||
title: "Growth in Subscribers",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-team-people-analyzing-data-charts-report-digital-tablet-using-online-networking-information-plan-business-project-colelagues-looking-diagrams-infographics-close-up_482257-50696.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/diverse-team-people-analyzing-data-charts-report-digital-tablet-using-online-networking-information-plan-business-project-colelagues-looking-diagrams-infographics-close-up_482257-50696.jpg"
|
||||||
imageAlt="YouTube channel analytics dashboard"
|
imageAlt="YouTube channel analytics dashboard"
|
||||||
@@ -143,19 +104,13 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Search,
|
icon: Search,
|
||||||
title: "Niche Analyzer",
|
title: "Niche Analyzer", description: "Identify profitable and underserved niches for your content."},
|
||||||
description: "Identify profitable and underserved niches for your content.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Lightbulb,
|
icon: Lightbulb,
|
||||||
title: "Low Competition Topics",
|
title: "Low Competition Topics", description: "Discover high-demand topics with minimal competition."},
|
||||||
description: "Discover high-demand topics with minimal competition.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Search,
|
icon: Search,
|
||||||
title: "Keyword Planner",
|
title: "Keyword Planner", description: "Find powerful keywords that drive organic search traffic."},
|
||||||
description: "Find powerful keywords that drive organic search traffic.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Discovery & Strategy"
|
title="Discovery & Strategy"
|
||||||
description="Uncover high-potential niches and untapped topic opportunities to dominate your category and audience."
|
description="Uncover high-potential niches and untapped topic opportunities to dominate your category and audience."
|
||||||
@@ -170,47 +125,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Retention Hook Generator", price: "AI Tool", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-gathering-data-business-concept_23-2149149294.jpg", imageAlt: "Retention Hook Generator icon"},
|
||||||
name: "Retention Hook Generator",
|
|
||||||
price: "AI Tool",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-gathering-data-business-concept_23-2149149294.jpg",
|
|
||||||
imageAlt: "Retention Hook Generator icon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Scripting Engine", price: "AI Tool", imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg", imageAlt: "Scripting Engine icon"},
|
||||||
name: "Scripting Engine",
|
|
||||||
price: "AI Tool",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/website-design-content-layout-graphic_53876-13764.jpg",
|
|
||||||
imageAlt: "Scripting Engine icon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Title & Description Generator", price: "AI Tool", imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg", imageAlt: "Title & Description Generator icon"},
|
||||||
name: "Title & Description Generator",
|
|
||||||
price: "AI Tool",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg",
|
|
||||||
imageAlt: "Title & Description Generator icon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Video Idea Brainstormer", price: "AI Tool", imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg", imageAlt: "Video Idea Brainstormer icon"},
|
||||||
name: "Video Idea Brainstormer",
|
|
||||||
price: "AI Tool",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg",
|
|
||||||
imageAlt: "Video Idea Brainstormer icon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Content Calendar Planner", price: "AI Tool", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aeyerk", imageAlt: "Content Calendar Planner icon"},
|
||||||
name: "Content Calendar Planner",
|
|
||||||
price: "AI Tool",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aeyerk",
|
|
||||||
imageAlt: "Content Calendar Planner icon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Video Editor Assistant", price: "AI Tool", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-influencer-lifestyle-youtube-cover_23-2150124123.jpg", imageAlt: "Video Editor Assistant icon"},
|
||||||
name: "Video Editor Assistant",
|
|
||||||
price: "AI Tool",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-influencer-lifestyle-youtube-cover_23-2150124123.jpg",
|
|
||||||
imageAlt: "Video Editor Assistant icon",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Creation Lab"
|
title="Creation Lab"
|
||||||
description="Craft compelling scripts, engaging hooks, and creative content with our advanced AI-powered engine."
|
description="Craft compelling scripts, engaging hooks, and creative content with our advanced AI-powered engine."
|
||||||
@@ -224,23 +149,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", icon: Rocket,
|
||||||
icon: Rocket,
|
title: "SEO Asset Optimizer", value: "Boost Rankings"},
|
||||||
title: "SEO Asset Optimizer",
|
|
||||||
value: "Boost Rankings",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", icon: Image,
|
||||||
icon: Image,
|
title: "Thumbnail Psychology Guide", value: "Maximize CTR"},
|
||||||
title: "Thumbnail Psychology Guide",
|
|
||||||
value: "Maximize CTR",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", icon: Hash,
|
||||||
icon: Hash,
|
title: "Tag & Hashtag Selector", value: "Expand Reach"},
|
||||||
title: "Tag & Hashtag Selector",
|
|
||||||
value: "Expand Reach",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Metadata & Visuals"
|
title="Metadata & Visuals"
|
||||||
description="Optimize every video element for maximum discoverability, click-through rates, and audience retention."
|
description="Optimize every video element for maximum discoverability, click-through rates, and audience retention."
|
||||||
@@ -254,64 +170,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Competitor Gap Finder", role: "Strategic Tool", company: "AI Insights", rating: 5,
|
||||||
name: "Competitor Gap Finder",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-with-map_1153-414.jpg", imageAlt: "Competitor Gap Finder visualization"},
|
||||||
role: "Strategic Tool",
|
|
||||||
company: "AI Insights",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-with-map_1153-414.jpg",
|
|
||||||
imageAlt: "Competitor Gap Finder visualization",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Upload Timing Optimization Matrix", role: "Efficiency Tool", company: "AI Insights", rating: 5,
|
||||||
name: "Upload Timing Optimization Matrix",
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg", imageAlt: "Upload Timing Optimization Matrix"},
|
||||||
role: "Efficiency Tool",
|
|
||||||
company: "AI Insights",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-laptop-desk-post-its_23-2149386365.jpg",
|
|
||||||
imageAlt: "Upload Timing Optimization Matrix",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Audience Demographics Insights", role: "Audience Tool", company: "AI Insights", rating: 5,
|
||||||
name: "Audience Demographics Insights",
|
imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-with-opened-laptop_23-2147934521.jpg", imageAlt: "Audience Demographics Insights chart"},
|
||||||
role: "Audience Tool",
|
|
||||||
company: "AI Insights",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-with-opened-laptop_23-2147934521.jpg",
|
|
||||||
imageAlt: "Audience Demographics Insights chart",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Channel Performance Benchmarking", role: "Analysis Tool", company: "AI Insights", rating: 5,
|
||||||
name: "Channel Performance Benchmarking",
|
imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-blocks-laptop_23-2148950390.jpg", imageAlt: "Channel Performance Benchmarking graph"},
|
||||||
role: "Analysis Tool",
|
|
||||||
company: "AI Insights",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-blocks-laptop_23-2148950390.jpg",
|
|
||||||
imageAlt: "Channel Performance Benchmarking graph",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Content Strategy Report", role: "Planning Tool", company: "AI Insights", rating: 5,
|
||||||
name: "Content Strategy Report",
|
imageSrc: "http://img.b2bpic.net/free-vector/marketing-content-stickers-part-3_534985-182.jpg", imageAlt: "Content Strategy Report document"},
|
||||||
role: "Planning Tool",
|
|
||||||
company: "AI Insights",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/marketing-content-stickers-part-3_534985-182.jpg",
|
|
||||||
imageAlt: "Content Strategy Report document",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "60% Faster",
|
value: "60% Faster", label: "Research"},
|
||||||
label: "Research",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "45% Higher",
|
value: "45% Higher", label: "CTR"},
|
||||||
label: "CTR",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "30% More",
|
value: "30% More", label: "Views"},
|
||||||
label: "Views",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Advanced Audit & Insights"
|
title="Advanced Audit & Insights"
|
||||||
description="Gain a definitive competitive edge with in-depth analysis and strategic recommendations from our AI to inform your next moves."
|
description="Gain a definitive competitive edge with in-depth analysis and strategic recommendations from our AI to inform your next moves."
|
||||||
@@ -323,14 +203,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"YouTube Creators",
|
"YouTube Creators", "Digital Agencies", "Marketing Teams", "Influencers", "Brands", "Educators", "Small Businesses"]}
|
||||||
"Digital Agencies",
|
|
||||||
"Marketing Teams",
|
|
||||||
"Influencers",
|
|
||||||
"Brands",
|
|
||||||
"Educators",
|
|
||||||
"Small Businesses",
|
|
||||||
]}
|
|
||||||
title="Trusted by Top Content Creators"
|
title="Trusted by Top Content Creators"
|
||||||
description="Join thousands of successful creators and businesses leveraging our AI to scale their YouTube presence and impact."
|
description="Join thousands of successful creators and businesses leveraging our AI to scale their YouTube presence and impact."
|
||||||
tag="Our Community"
|
tag="Our Community"
|
||||||
@@ -346,20 +219,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "How do I connect my YouTube channel?", content: "Our secure integration process allows you to connect your channel in just a few clicks. We only request necessary permissions for analysis and content optimization."},
|
||||||
title: "How do I connect my YouTube channel?",
|
|
||||||
content: "Our secure integration process allows you to connect your channel in just a few clicks. We only request necessary permissions for analysis and content optimization.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Is the AI-generated content original?", content: "Yes, our AI generates unique content ideas, scripts, and metadata. We prioritize originality and provide tools to ensure your content stands out."},
|
||||||
title: "Is the AI-generated content original?",
|
|
||||||
content: "Yes, our AI generates unique content ideas, scripts, and metadata. We prioritize originality and provide tools to ensure your content stands out.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "What data does the suite use for analysis?", content: "We use publicly available YouTube data, industry trends, and your channel's performance metrics (with your permission) to provide tailored insights and recommendations."},
|
||||||
title: "What data does the suite use for analysis?",
|
|
||||||
content: "We use publicly available YouTube data, industry trends, and your channel's performance metrics (with your permission) to provide tailored insights and recommendations.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-2898.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-2898.jpg"
|
||||||
imageAlt="Person reading FAQ on computer"
|
imageAlt="Person reading FAQ on computer"
|
||||||
@@ -378,67 +242,41 @@ export default function LandingPage() {
|
|||||||
logoText="YT SEO Suite"
|
logoText="YT SEO Suite"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Product",
|
title: "Product", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Features",
|
label: "Features", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Pricing", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Integrations",
|
label: "Integrations", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Careers", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Resources",
|
title: "Resources", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Blog",
|
label: "Blog", href: "#blog"},
|
||||||
href: "#blog",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Support",
|
label: "Support", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Help Center",
|
label: "Help Center", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user