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
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Tools",
|
||||
id: "#tools",
|
||||
},
|
||||
name: "Tools", id: "#tools"},
|
||||
{
|
||||
name: "Insights",
|
||||
id: "#insights",
|
||||
},
|
||||
name: "Insights", id: "#insights"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="YouTube SEO Suite"
|
||||
button={{
|
||||
text: "Reset / Change API Key",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Reset / Change API Key", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
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."
|
||||
tag="Next-Gen AI"
|
||||
tagAnimation="opacity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started Now", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/develop-coding-web-design-coding-web-template_53876-132245.jpg",
|
||||
imageAlt: "AI-powered content creation dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/develop-coding-web-design-coding-web-template_53876-132245.jpg", imageAlt: "AI-powered content creation dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_53876-94923.jpg",
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_53876-94923.jpg", imageAlt: "User interacting with YouTube SEO tablet"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
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."
|
||||
metrics={[
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Topics Generated",
|
||||
},
|
||||
value: "1000+", title: "Topics Generated"},
|
||||
{
|
||||
value: "5X",
|
||||
title: "Engagement Boost",
|
||||
},
|
||||
value: "5X", title: "Engagement Boost"},
|
||||
{
|
||||
value: "200%",
|
||||
title: "Growth in Subscribers",
|
||||
},
|
||||
value: "200%", 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"
|
||||
imageAlt="YouTube channel analytics dashboard"
|
||||
@@ -143,19 +104,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Search,
|
||||
title: "Niche Analyzer",
|
||||
description: "Identify profitable and underserved niches for your content.",
|
||||
},
|
||||
title: "Niche Analyzer", description: "Identify profitable and underserved niches for your content."},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Low Competition Topics",
|
||||
description: "Discover high-demand topics with minimal competition.",
|
||||
},
|
||||
title: "Low Competition Topics", description: "Discover high-demand topics with minimal competition."},
|
||||
{
|
||||
icon: Search,
|
||||
title: "Keyword Planner",
|
||||
description: "Find powerful keywords that drive organic search traffic.",
|
||||
},
|
||||
title: "Keyword Planner", description: "Find powerful keywords that drive organic search traffic."},
|
||||
]}
|
||||
title="Discovery & Strategy"
|
||||
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}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Creation Lab"
|
||||
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}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Rocket,
|
||||
title: "SEO Asset Optimizer",
|
||||
value: "Boost Rankings",
|
||||
},
|
||||
id: "1", icon: Rocket,
|
||||
title: "SEO Asset Optimizer", value: "Boost Rankings"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Image,
|
||||
title: "Thumbnail Psychology Guide",
|
||||
value: "Maximize CTR",
|
||||
},
|
||||
id: "2", icon: Image,
|
||||
title: "Thumbnail Psychology Guide", value: "Maximize CTR"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Hash,
|
||||
title: "Tag & Hashtag Selector",
|
||||
value: "Expand Reach",
|
||||
},
|
||||
id: "3", icon: Hash,
|
||||
title: "Tag & Hashtag Selector", value: "Expand Reach"},
|
||||
]}
|
||||
title="Metadata & Visuals"
|
||||
description="Optimize every video element for maximum discoverability, click-through rates, and audience retention."
|
||||
@@ -254,64 +170,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Competitor Gap Finder",
|
||||
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: "1", name: "Competitor Gap Finder", 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",
|
||||
name: "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: "2", name: "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",
|
||||
name: "Audience Demographics Insights",
|
||||
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: "3", name: "Audience Demographics Insights", 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",
|
||||
name: "Channel Performance Benchmarking",
|
||||
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: "4", name: "Channel Performance Benchmarking", 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",
|
||||
name: "Content Strategy Report",
|
||||
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",
|
||||
},
|
||||
id: "5", name: "Content Strategy Report", 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={[
|
||||
{
|
||||
value: "60% Faster",
|
||||
label: "Research",
|
||||
},
|
||||
value: "60% Faster", label: "Research"},
|
||||
{
|
||||
value: "45% Higher",
|
||||
label: "CTR",
|
||||
},
|
||||
value: "45% Higher", label: "CTR"},
|
||||
{
|
||||
value: "30% More",
|
||||
label: "Views",
|
||||
},
|
||||
value: "30% More", label: "Views"},
|
||||
]}
|
||||
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."
|
||||
@@ -323,14 +203,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"YouTube Creators",
|
||||
"Digital Agencies",
|
||||
"Marketing Teams",
|
||||
"Influencers",
|
||||
"Brands",
|
||||
"Educators",
|
||||
"Small Businesses",
|
||||
]}
|
||||
"YouTube Creators", "Digital Agencies", "Marketing Teams", "Influencers", "Brands", "Educators", "Small Businesses"]}
|
||||
title="Trusted by Top Content Creators"
|
||||
description="Join thousands of successful creators and businesses leveraging our AI to scale their YouTube presence and impact."
|
||||
tag="Our Community"
|
||||
@@ -346,20 +219,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-2898.jpg"
|
||||
imageAlt="Person reading FAQ on computer"
|
||||
@@ -378,67 +242,41 @@ export default function LandingPage() {
|
||||
logoText="YT SEO Suite"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Integrations",
|
||||
href: "#",
|
||||
},
|
||||
label: "Integrations", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Blog", href: "#blog"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Help Center", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user