diff --git a/src/app/(features-landing)/bulk-content/page.tsx b/src/app/(features-landing)/bulk-content/page.tsx new file mode 100644 index 0000000..2e7b57d --- /dev/null +++ b/src/app/(features-landing)/bulk-content/page.tsx @@ -0,0 +1,791 @@ +'use client' + +import React, { useState } from 'react'; +import { + Check, + Play, + Clock, + TrendingUp, + Target, + ArrowRight, + Star, + Quote, + Video, + Sparkle, + Rocket, + Search, + Globe, + FileText, + Building, + ShoppingCart, + Heart, + Zap, + Users, + BarChart3, + LucideProps +} from 'lucide-react'; + +// TypeScript Interfaces +interface Feature { + id: string; + icon: React.ForwardRefExoticComponent & React.RefAttributes>; + title: string; + description: string; + highlights: string[]; + examples?: { + input?: string; + output?: string; + metrics?: string[]; + }; + gradient: string; + popular?: boolean; +} + +interface ProblemItem { + icon: React.ForwardRefExoticComponent & React.RefAttributes>; + title: string; + description: string; + stat: string; + color: string; +} + +interface StatItem { + number: string; + label: string; +} + +interface Industry { + icon: React.ForwardRefExoticComponent & React.RefAttributes>; + name: string; + description: string; + useCases: string[]; + results: string; +} + +interface FAQ { + question: string; + answer: string; +} + +const BulkGeneration: React.FC = () => { + const [activeFeature, setActiveFeature] = useState('bulk-content'); + const [hoveredCard, setHoveredCard] = useState(null); + + const features: Feature[] = [ + { + id: 'bulk-content', + icon: Zap, + title: 'Bulk Content Generation', + description: 'Generate hundreds of social media posts, blog articles, or product descriptions in one click. Perfect for content scaling and multi-platform campaigns.', + highlights: [ + 'Massive Content Scaling: Create 100+ pieces of content simultaneously', + 'Multi-Platform Adaptation: Auto-format for Instagram, Facebook, Twitter, LinkedIn', + 'Batch Processing: Upload CSV files or product catalogs for bulk generation', + 'Consistent Brand Voice: Maintain uniform tone across all generated content', + 'Template Library: Save and reuse successful content templates' + ], + examples: { + input: '50 product descriptions for fashion catalog', + output: '50 unique, SEO-optimized product descriptions with consistent brand voice and style' + }, + gradient: 'from-purple-500 to-pink-500', + popular: true + }, + { + id: 'campaign-scaling', + icon: TrendingUp, + title: 'Campaign Scaling Engine', + description: 'Launch complete marketing campaigns across multiple platforms with coordinated messaging and scheduling.', + highlights: [ + 'Cross-Platform Campaigns: Coordinate messaging across all social channels', + 'Automated Scheduling: Plan and schedule entire campaigns in one workflow', + 'Performance Optimization: Scale winning content and pause underperformers', + 'A/B Testing at Scale: Test hundreds of variations simultaneously', + 'Campaign Templates: Save and replicate successful campaign structures' + ], + examples: { + metrics: [ + '5x Faster Campaign Launch', + '200+ Content Variations', + '87% Time Savings', + '3.2x Higher Engagement' + ] + }, + gradient: 'from-blue-500 to-cyan-500' + }, + { + id: 'enterprise-workflows', + icon: Users, + title: 'Enterprise Workflow Management', + description: 'Manage large content teams with approval workflows, collaboration tools, and enterprise-grade security.', + highlights: [ + 'Team Collaboration: Multiple users with role-based permissions', + 'Approval Workflows: Custom review and approval processes', + 'Content Calendar Sync: Enterprise calendar management', + 'Brand Compliance: Automatic brand guideline enforcement', + 'Analytics Dashboard: Team performance and content metrics' + ], + examples: { + metrics: [ + '75% Faster Team Onboarding', + '90% Reduction in Review Cycles', + 'Enterprise-Grade Security', + 'Unlimited Team Members' + ] + }, + gradient: 'from-green-500 to-emerald-500' + } + ]; + + const problemItems: ProblemItem[] = [ + { + icon: Clock, + title: 'Manual Content Bottlenecks', + description: 'Creating content one piece at a time creates massive bottlenecks. Scaling from 10 to 100 posts means 10x the work, not 10x the results.', + stat: '10x workload for 10x output', + color: 'purple' + }, + { + icon: Target, + title: 'Inconsistent Campaign Execution', + description: 'Launching coordinated campaigns across multiple platforms manually leads to inconsistent messaging and missed opportunities.', + stat: '42% campaign inconsistency', + color: 'blue' + }, + { + icon: BarChart3, + title: 'Team Coordination Challenges', + description: 'Managing large content teams creates coordination overhead, approval bottlenecks, and brand consistency issues.', + stat: '67% team efficiency loss', + color: 'orange' + }, + { + icon: FileText, + title: 'Scale Limitations', + description: 'Traditional content creation methods hit hard limits when trying to scale beyond basic social media management.', + stat: 'Limited scaling capacity', + color: 'red' + } + ]; + + const stats: StatItem[] = [ + { number: '10x', label: 'faster content production' }, + { number: '200+', label: 'pieces generated simultaneously' }, + { number: '87%', label: 'reduction in team coordination time' } + ]; + + const industries: Industry[] = [ + { + icon: Building, + name: 'Enterprise Marketing', + description: 'Scale content production across large organizations with multiple teams and strict brand guidelines.', + useCases: [ + 'Global campaign management', + 'Multi-team collaboration', + 'Brand compliance at scale', + 'Enterprise security' + ], + results: 'Results: 10x content output, 75% faster campaigns' + }, + { + icon: ShoppingCart, + name: 'E-commerce Platforms', + description: 'Generate thousands of product descriptions, social posts, and email campaigns simultaneously.', + useCases: [ + 'Product catalog scaling', + 'Seasonal campaign launches', + 'Multi-platform product launches', + 'Inventory-based content' + ], + results: 'Results: 200+ products daily, 3.2x conversion rate' + }, + { + icon: Users, + name: 'Marketing Agencies', + description: 'Manage multiple client accounts with bulk content generation and team collaboration features.', + useCases: [ + 'Client content scaling', + 'Team workflow management', + 'Campaign coordination', + 'Performance analytics' + ], + results: 'Results: 5x client capacity, 87% time savings' + }, + { + icon: Globe, + name: 'Global Brands', + description: 'Coordinate international campaigns with localized content across multiple regions and languages.', + useCases: [ + 'Multi-region campaigns', + 'Localized content scaling', + 'International team coordination', + 'Global brand consistency' + ], + results: 'Results: 15 regions managed, 95% brand consistency' + } + ]; + + const faqs: FAQ[] = [ + { + question: 'How many pieces of content can I generate at once?', + answer: 'Our enterprise plan supports generating up to 1,000 pieces of content simultaneously. You can upload CSV files, product catalogs, or use our template system to create massive content batches in minutes instead of months.' + }, + { + question: 'Can I maintain brand consistency with bulk generation?', + answer: 'Absolutely. Our AI learns your brand guidelines and applies them consistently across all generated content. You can set up brand voice templates, style guides, and approval workflows to ensure every piece meets your standards.' + }, + { + question: 'How does team collaboration work?', + answer: 'You can invite unlimited team members with custom permissions. Set up approval workflows, assign content tasks, track progress, and maintain complete visibility across your entire content production pipeline.' + }, + { + question: 'Can I integrate with our existing tools?', + answer: 'Yes! We offer API access and integrations with popular CMS platforms, social media schedulers, project management tools, and enterprise systems. Our platform is designed to fit into your existing workflow.' + }, + { + question: 'What about content quality at scale?', + answer: 'Our AI maintains consistent quality standards through advanced quality control algorithms. Every piece goes through multiple quality checks, and you can set up custom quality thresholds and review processes.' + }, + { + question: 'How quickly can we scale our content production?', + answer: 'Most teams see 10x scaling within the first week. Our onboarding process helps you set up workflows and templates that enable immediate scaling without sacrificing quality or brand consistency.' + } + ]; + + const getColorClass = (color: string): string => { + switch (color) { + case 'purple': return 'purple'; + case 'blue': return 'blue'; + case 'orange': return 'orange'; + case 'red': return 'red'; + default: return 'purple'; + } + }; + + return ( +
+ + {/* Hero Section */} +
+
+
+
+
+ +
+
+
+ + AI Bulk Content Generation +
+ +

+ Bulk Content Generation: + + Scale Your Content 10x Faster + +

+ +

+ Generate hundreds of social media posts, product descriptions, and marketing content in one click. + Scale your content production without scaling your team or workload. +

+ +
+ + + +
+ +
+
+ {[...Array(5)].map((_, i) => ( + + ))} +
+ 4.9/5 from 1,200+ enterprise teams +
+
+
+
+ + {/* Problem Section */} +
+
+
+

+ The Scaling Struggle is + + Real for Growing Teams + +

+
+ +
+ {problemItems.map((item: ProblemItem, index: number) => ( +
+
+ +
+

{item.title}

+

{item.description}

+
+

{item.stat}

+
+
+ ))} +
+ + {/* Stats */} +
+ {stats.map((stat: StatItem, index: number) => ( +
+
{stat.number}
+
{stat.label}
+
+ ))} +
+ +
+
+

+ What if you could generate 100 pieces of content in the time it takes to create one? +

+
+
+
+
+ + {/* AI Solution Section */} +
+
+
+

+ Enterprise-Grade Bulk Generation + + Built for Scale + +

+

+ PlanPost AI's bulk generation engine handles massive content volumes while maintaining quality, + brand consistency, and team coordination across your entire organization. +

+
+ +
+
+
+ +
+

Massive Scale Capacity

+

+ Generate thousands of content pieces simultaneously. Perfect for product catalogs, campaign launches, and content scaling. +

+
+ +
+
+ +
+

Campaign Coordination

+

+ Launch coordinated campaigns across multiple platforms with consistent messaging and automated scheduling. +

+
+ +
+
+ +
+

Team Workflow Management

+

+ Coordinate large teams with approval workflows, task assignments, and real-time collaboration tools. +

+
+
+ + {/* Comparison Section */} +
+

Traditional vs. Bulk Generation Workflow

+
+
+

Manual Content Creation

+
+
+
+ 1 piece at a time +
+
+
+ Manual team coordination +
+
+
+ Inconsistent quality +
+
+
+ Limited scaling capacity +
+
+
+
+

PlanPost AI Bulk Generation

+
+
+ + 100+ pieces simultaneously +
+
+ + Automated workflows +
+
+ + Consistent brand quality +
+
+ + Unlimited scaling +
+
+
+
+
+ + {/* Testimonial */} +
+ +

+ "We went from struggling to produce 50 social posts per month to generating 500+ high-quality pieces weekly. + The bulk generation feature transformed our content strategy and allowed us to scale without adding team members." +

+
+

Content Director

+

Global E-commerce Brand

+
+
+
+
+ + {/* Features Section */} +
+
+
+

+ Everything You Need for + + Massive Content Scaling + +

+
+ + {/* Feature Navigation */} +
+ {features.map((feature: Feature) => ( + + ))} +
+ + {/* Active Feature Detail */} + {features.map((feature: Feature) => ( +
+
+
+
+
+ +
+
+

{feature.title}

+

{feature.description}

+
+
+ +
+ {feature.highlights.map((highlight: string, index: number) => ( +
+
+ +
+ {highlight} +
+ ))} +
+
+ +
+ {feature.examples?.input && feature.examples.output && ( +
+

E-commerce Example

+
+
+
+
+

Input

+
+
+

{feature.examples.input}

+
+
+
+
+
+

Output

+
+
+

{feature.examples.output}

+
+
+
+
+ )} + + {feature.examples?.metrics && ( +
+

+ Enterprise Performance Metrics +

+
+ {feature.examples.metrics.map((metric: string, index: number) => ( +
+ + {metric} +
+ ))} +
+
+ )} +
+
+
+ ))} +
+
+ + {/* Industries Section */} +
+
+
+

+ Trusted by Enterprise Teams + + Across Industries + +

+
+ +
+ {industries.map((industry: Industry, index: number) => ( +
+
+ +
+

{industry.name}

+

{industry.description}

+ +
+ {industry.useCases.map((useCase: string, idx: number) => ( +
+ + {useCase} +
+ ))} +
+ +
+

{industry.results}

+
+
+ ))} +
+
+
+ + {/* Setup Process */} +
+
+
+

+ From Zero to Scale in Hours, + + Not Months + +

+
+ +
+ {[ + { + step: 1, + title: 'Upload Your Content Needs', + description: 'Import product catalogs, campaign briefs, or content calendars via CSV or our template system.', + content: '[Content upload interface]' + }, + { + step: 2, + title: 'Configure Bulk Settings', + description: 'Set brand guidelines, tone preferences, and scaling parameters for your content generation.', + content: '[Bulk configuration dashboard]' + }, + { + step: 3, + title: 'Generate & Review', + description: 'Generate hundreds of content pieces simultaneously and review using our batch editing tools.', + content: '[Batch review interface]' + }, + { + step: 4, + title: 'Deploy at Scale', + description: 'Publish across all platforms, assign to team members, or export for further processing.', + content: '[Deployment dashboard]' + } + ].map((item, index) => ( +
+
+ {item.step} +
+

{item.title}

+

{item.description}

+
+ {item.content} +
+
+ ))} +
+ +
+ +

+ No credit card required • Setup in 10 minutes • Generate your first batch today +

+
+
+
+ + {/* FAQ Section */} +
+
+
+

+ Frequently Asked + + Questions + +

+
+ +
+ {faqs.map((faq: FAQ, index: number) => ( +
+

{faq.question}

+

{faq.answer}

+
+ ))} +
+
+
+ + {/* Final CTA */} +
+
+
+
+
+ +
+

+ Stop Creating Content One Piece + at a Time +

+ +

+ Join 1,200+ enterprise teams scaling their content production 10x with bulk generation +

+ +
+ {[ + { title: 'Massive Scale', desc: 'Generate hundreds of content pieces simultaneously' }, + { title: 'Team Efficiency', desc: 'Coordinate large teams with automated workflows' }, + { title: 'Enterprise Security', desc: 'Enterprise-grade security and compliance' } + ].map((item, index) => ( +
+

{item.title}

+

{item.desc}

+
+ ))} +
+ +
+ {[ + 'Generate 100+ content pieces in minutes', + 'Coordinate unlimited team members', + 'Maintain brand consistency at scale', + 'Enterprise-grade security and compliance', + 'API access and custom integrations' + ].map((benefit: string, index: number) => ( +
+ + {benefit} +
+ ))} +
+ + + +

+ No credit card required • Generate your first batch today • 30-day money-back guarantee +

+
+
+
+ ); +}; + +export default BulkGeneration; \ No newline at end of file diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 5e34655..8ad415e 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,108 +1,68 @@ "use client"; import Link from "next/link"; import Image from "next/image"; -import { Menu, ChevronDown, ChevronUp, ArrowRight } from "lucide-react"; +import { Menu, ChevronDown, ChevronUp, ArrowRight, Sparkles, Zap, Palette, TrendingUp, FileText, Video, Megaphone, Calendar, BarChart } from "lucide-react"; import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "./ui/sheet"; import { useState } from "react"; -import { StickyNote } from 'lucide-react'; - -const megaMenuData = { - features: [ - { - category: "AI Design", - items: [ - { - icon: StickyNote, - title: "AI Social Media Content Generator", - description: "Create stunning slides in minutes with our AI tool", - route: "/ai-content-generator" - }, - { - icon: StickyNote, - title: "AI Thumbnail Maker", - description: "Craft eye-catching thumbnails fast", - route: "/ai-image-generator" - }, - { - icon: StickyNote, - title: "AI-Powered Meta Ads Optimization", - description: "Create high-converting ads in seconds", - route: "/ai-meta-ads-optimization" - } - ] - }, - { - category: "seo-geo-article-writer", - items: [ - { - icon: StickyNote, - title: "seo-geo-article-writer", - description: "Turn words into captivating videos", - route: "/seo-geo-article-writer" - }, - { - icon:StickyNote, - title: "ai-video-generator", - description: "Repurpose content from YouTube, TikTok", - route: "/ai-video-generator" - }, - { - icon:StickyNote, - title: "AI Text to Speech", - description: "Convert text to life-like speech", - route: "/aivideo-generation" - } - ] - }, - { - category: "AI Writer", - items: [ - { - icon: StickyNote, - title: "AI Blog Writer", - description: "Turn ideas into SEO-optimized posts", - route: "/ai-writer" - }, - { - icon: StickyNote, - title: "AI Essay Writer", - description: "Get top grades with smart AI help", - route: "/ai-writer" - }, - { - icon: StickyNote, - title: "AI Article Writer", - description: "Transform ideas into engaging stories", - route: "/ai-writer" - } - ] - }, - { - category: "Social Media AI", - items: [ - { - icon: StickyNote, - title: "Social Media Scheduler", - description: "Plan your success ahead of time", - route: "/social-media" - }, - { - icon: StickyNote, - title: "Social Media Post Generator", - description: "Craft captivating posts in seconds", - route: "/social-media" - }, - { - icon: StickyNote, - title: "Social Media Analytics", - description: "Unlock actionable insights", - route: "/social-media" - } - ] - } - ] -}; +const megaMenuData = [ + { + icon: Sparkles, + title: "AI Social Media Content Generator", + description: "Create stunning social media posts in minutes", + route: "/ai-content-generator", + badge: "Popular" + }, + { + icon: Palette, + title: "AI Image Generator", + description: "Craft eye-catching thumbnails instantly", + route: "/ai-image-generator", + badge: "New" + }, + { + icon: TrendingUp, + title: "AI-Powered Meta Ads Optimization", + description: "Create high-converting ads in seconds", + route: "/ai-meta-ads-optimization" + }, + { + icon: FileText, + title: "SEO Geo Article Writer", + description: "Location-optimized content that ranks", + route: "/seo-geo-article-writer" + }, + { + icon: Video, + title: "AI Video Generator", + description: "Turn text into engaging videos automatically", + route: "/ai-video-generator" + }, + { + icon: Zap, + title: "AI Bulk Content", + description: "SEO-optimized articles that drive traffic", + route: "/bulk-content" + }, + { + icon: Calendar, + title: "Social Media Scheduler", + description: "Plan and automate your content calendar", + route: "/social-media" + }, + { + icon: Megaphone, + title: "Social Media Post Generator", + description: "Captivate your audience with AI-powered posts", + route: "/social-media" + }, + { + icon: BarChart, + title: "Social Media Analytics", + description: "Data-driven insights to grow your presence", + route: "/social-media" + } +]; export default function Header() { const [isOpen, setIsOpen] = useState(false); @@ -125,7 +85,7 @@ export default function Header() { {/* Desktop Menu */}
- + Home @@ -134,8 +94,8 @@ export default function Header() { onMouseEnter={() => setActiveMenu('features')} onMouseLeave={() => setActiveMenu(null)} > - {activeMenu === 'features' && ( -
+
-
- {megaMenuData.features.map((category, idx) => ( -
-

- {category.category} -

-
- {category.items.map((item, itemIdx) => ( - -
- -
-
-

- {item.title} -

- -
-

- {item.description} -

-
-
- - ))} +
+ {megaMenuData.map((item, idx) => ( + +
+
-
+ +
+
+

+ {item.title} +

+ {item.badge && ( + + {item.badge} + + )} +
+

+ {item.description} +

+
+ Learn more + +
+
+ ))}
+ +
)}
- + Pricing - + Contact
@@ -196,12 +162,12 @@ export default function Header() { {/* Login & Sign Up Buttons */}
- - @@ -235,36 +201,37 @@ export default function Header() {
  • Home
  • -
    +

    Features

    - {megaMenuData.features.map((category, idx) => ( -
    -

    {category.category}

    - {category.items.map((item, itemIdx) => ( - - - - ))} -
    - ))} +
    + {megaMenuData.map((item, idx) => ( + + +
    +

    {item.title}

    +

    {item.description}

    +
    + + ))} +
  • Pricing @@ -273,7 +240,7 @@ export default function Header() {
  • Contact @@ -289,7 +256,7 @@ export default function Header() { className="w-full" onClick={handleClose} > - @@ -298,7 +265,7 @@ export default function Header() { className="w-full" onClick={handleClose} > -