Add src/app/competitor-gap-finder/page.tsx

This commit is contained in:
2026-05-28 05:48:04 +00:00
parent 2e1fbd72a3
commit a38c16ec8c

View File

@@ -0,0 +1,114 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function CompetitorGapFinderPage() {
const navItems = [
{ name: "Home", id: "/#home" },
{ name: "Discovery", id: "/#discovery" },
{ name: "Creation Lab", id: "/#creation-lab" },
{ name: "Thumbnail Guide", id: "/thumbnail-psychology-guide" },
{ name: "Competitor Finder", id: "/competitor-gap-finder" },
{ name: "Advanced Audit", id: "/#advanced-audit" },
{ name: "FAQ", id: "/#faq" }
];
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmall"
background="aurora"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={navItems}
brandName="Yt Mugi"
button={{ text: "Reset / Change API Key", href: "#" }}
/>
</div>
<div id="competitor-finder-hero" data-section="competitor-finder-hero">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Identify & Exploit Competitor Gaps"
description="Our AI-powered tool analyzes your competitors' strategies to pinpoint weaknesses and unmet audience needs you can capitalize on. Gain a strategic advantage."
tag="Competitive Edge"
tagAnimation="opacity"
features={[
{
title: "Content Overlap Analysis", description: "Discover topics where competitors have weak coverage or outdated content.", imageSrc: "http://img.b2bpic.net/free-photo/competitive-analysis-and-digital-marketing_53876-43090.jpg?_wi=1", imageAlt: "Content Overlap Analysis"
},
{
title: "Audience Engagement Discrepancies", description: "Identify where competitors fail to engage their audience effectively, revealing opportunities.", imageSrc: "http://img.b2bpic.net/free-photo/social-media-concept-with-tablet-mobile-phone_23-2148008851.jpg?_wi=1", imageAlt: "Audience Engagement Discrepancies"
},
{
title: "Keyword Gaps", description: "Uncover high-value keywords that your rivals are missing in their SEO strategy.", imageSrc: "http://img.b2bpic.net/free-photo/marketing-seo-website-research-concept_53876-133544.jpg?_wi=1", imageAlt: "Keyword Gaps"
},
{
title: "Thumbnail & Title Weaknesses", description: "Analyze competitor thumbnails and titles for areas where your content can outperform.", imageSrc: "http://img.b2bpic.net/free-photo/market-research-statistics-analysis-concept_53876-133544.jpg?_wi=1", imageAlt: "Thumbnail & Title Weaknesses"
},
{
title: "Upload Schedule Analysis", description: "Detect optimal upload times by evaluating competitor publishing patterns.", imageSrc: "http://img.b2bpic.net/free-photo/digital-data-processing-chart_23-2148796850.jpg?_wi=1", imageAlt: "Upload Schedule Analysis"
},
{
title: "Monetization Strategy Review", description: "Examine competitor monetization methods to find underserved ad or product placement opportunities.", imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-online-advertising-business_53876-13764.jpg?_wi=1", imageAlt: "Monetization Strategy Review"
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-plexus-design_1048-17880.jpg"
imageAlt="Abstract tech background"
logoText="Yt Mugi"
columns={[
{
title: "Product", items: [
{ label: "Discovery", href: "/#discovery" },
{ label: "Creation Lab", href: "/#creation-lab" },
{ label: "Thumbnail Guide", href: "/thumbnail-psychology-guide" },
{ label: "Competitor Finder", href: "/competitor-gap-finder" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/#about" },
{ label: "Contact", href: "#" }
]
},
{
title: "Resources", items: [
{ label: "Blog", href: "#blog" },
{ label: "Support", href: "#" },
{ label: "Help Center", href: "/#faq" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
copyrightText="© 2025 | Yt Mugi. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}