From 1462d35121ddda785f251162fe17017e4b24eda8 Mon Sep 17 00:00:00 2001 From: Adspillar Date: Sat, 25 Oct 2025 16:05:53 +0600 Subject: [PATCH] update fatures landing page --- .../ai-content-generator/layout.tsx | 19 +++++++++++++++++ .../ai-content-generator/page.tsx | 10 ++++----- .../ai-image-generator/layout.tsx | 19 +++++++++++++++++ .../ai-image-generator/page.tsx | 11 ++++------ .../ai-meta-ads-optimization/layout.tsx | 19 +++++++++++++++++ .../ai-meta-ads-optimization/page.tsx | 12 ++++------- .../ai-video-generator/layout.tsx | 19 +++++++++++++++++ .../ai-video-generator/page.tsx | 12 ++++------- .../bulk-content/layout.tsx | 19 +++++++++++++++++ .../(features-landing)/bulk-content/page.tsx | 13 +++++------- .../seo-geo-article-writer/layout.tsx | 19 +++++++++++++++++ .../seo-geo-article-writer/page.tsx | 13 ++++-------- src/components/Header.tsx | 21 ++----------------- 13 files changed, 141 insertions(+), 65 deletions(-) create mode 100644 src/app/(features-landing)/ai-content-generator/layout.tsx create mode 100644 src/app/(features-landing)/ai-image-generator/layout.tsx create mode 100644 src/app/(features-landing)/ai-meta-ads-optimization/layout.tsx create mode 100644 src/app/(features-landing)/ai-video-generator/layout.tsx create mode 100644 src/app/(features-landing)/bulk-content/layout.tsx create mode 100644 src/app/(features-landing)/seo-geo-article-writer/layout.tsx diff --git a/src/app/(features-landing)/ai-content-generator/layout.tsx b/src/app/(features-landing)/ai-content-generator/layout.tsx new file mode 100644 index 0000000..6f67577 --- /dev/null +++ b/src/app/(features-landing)/ai-content-generator/layout.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +export const metadata = { + title: "AI Social Media Post Generator – Captions, Hashtags & Graphics in 20 Seconds", + description: "Create social media posts instantly with AI. Generate captions, hashtags, images, and graphics in under 20 seconds. Try the free AI social media post generator today.", +}; + +export default function AIContentLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( +
+ + {children} +
+ ); +} diff --git a/src/app/(features-landing)/ai-content-generator/page.tsx b/src/app/(features-landing)/ai-content-generator/page.tsx index 7e424d6..d83071e 100644 --- a/src/app/(features-landing)/ai-content-generator/page.tsx +++ b/src/app/(features-landing)/ai-content-generator/page.tsx @@ -19,6 +19,7 @@ import { Quote, Video } from 'lucide-react'; +import Link from 'next/link'; const SocialMediaPost = () => { const [activeFeature, setActiveFeature] = useState('ideation'); @@ -211,14 +212,11 @@ const SocialMediaPost = () => {

- - + +
diff --git a/src/app/(features-landing)/ai-image-generator/layout.tsx b/src/app/(features-landing)/ai-image-generator/layout.tsx new file mode 100644 index 0000000..768b649 --- /dev/null +++ b/src/app/(features-landing)/ai-image-generator/layout.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +export const metadata = { + title: "AI Image Generator: Create, Transform, Perfect - PlanPost AI", + description: "Create stunning images from text, transform existing photos, and generate professional product backgrounds with AI. Generate social media graphics and product photos without design skills. Start Free Trial!", +}; + +export default function ImageLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( +
+ + {children} +
+ ); +} diff --git a/src/app/(features-landing)/ai-image-generator/page.tsx b/src/app/(features-landing)/ai-image-generator/page.tsx index 540decd..6b67ec2 100644 --- a/src/app/(features-landing)/ai-image-generator/page.tsx +++ b/src/app/(features-landing)/ai-image-generator/page.tsx @@ -15,7 +15,6 @@ import { ArrowRight, Star, Quote, - Video, Palette, Wand2, Settings, @@ -29,6 +28,7 @@ import { Edit3, LucideProps } from 'lucide-react'; +import Link from 'next/link'; // TypeScript Interfaces interface Feature { @@ -294,18 +294,15 @@ const AIImageGenerator: React.FC = () => {

+ + + -
diff --git a/src/app/(features-landing)/ai-meta-ads-optimization/layout.tsx b/src/app/(features-landing)/ai-meta-ads-optimization/layout.tsx new file mode 100644 index 0000000..8bb3acd --- /dev/null +++ b/src/app/(features-landing)/ai-meta-ads-optimization/layout.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +export const metadata = { + title: "AI-Powered Meta Ads Optimization | Maximize FB ROAS & Reduce CPA - PlanPost AI", + description: "Automate Facebook & Instagram ads with AI. Increase ROAS by 40-200%, reduce CPA by 30-60%, and save 10+ hours weekly. Perfect for e-commerce, agencies, and local businesses. Start Free Trial!", +}; + +export default function AdsLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( +
+ + {children} +
+ ); +} diff --git a/src/app/(features-landing)/ai-meta-ads-optimization/page.tsx b/src/app/(features-landing)/ai-meta-ads-optimization/page.tsx index e8448cf..2e1d11f 100644 --- a/src/app/(features-landing)/ai-meta-ads-optimization/page.tsx +++ b/src/app/(features-landing)/ai-meta-ads-optimization/page.tsx @@ -3,7 +3,6 @@ import React, { useState } from 'react'; import { Check, - Play, Clock, Zap, TrendingUp, @@ -13,7 +12,6 @@ import { ArrowRight, Star, Quote, - Video, Sparkle, Rocket, ShoppingCart, @@ -23,6 +21,7 @@ import { PieChart, LucideProps } from 'lucide-react'; +import Link from 'next/link'; // TypeScript Interfaces interface Feature { @@ -295,18 +294,15 @@ const MetaAdsOptimization: React.FC = () => {

+ + + -
{/* Stats Grid */} diff --git a/src/app/(features-landing)/ai-video-generator/layout.tsx b/src/app/(features-landing)/ai-video-generator/layout.tsx new file mode 100644 index 0000000..baea971 --- /dev/null +++ b/src/app/(features-landing)/ai-video-generator/layout.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +export const metadata = { + title: "AI Video Generator: Create Professional Videos from Text & Images - PlanPost AI", + description: "Generate stunning videos from text and images with AI. Create marketing videos, social media content, and product demos in minutes. No editing skills needed. Start free trial.", +}; + +export default function VideoLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( +
+ + {children} +
+ ); +} diff --git a/src/app/(features-landing)/ai-video-generator/page.tsx b/src/app/(features-landing)/ai-video-generator/page.tsx index 8ac1819..8e75c4e 100644 --- a/src/app/(features-landing)/ai-video-generator/page.tsx +++ b/src/app/(features-landing)/ai-video-generator/page.tsx @@ -3,7 +3,6 @@ import React, { useState } from 'react'; import { Check, - Play, Clock, Zap, Video, @@ -21,6 +20,7 @@ import { Palette, LucideProps } from 'lucide-react'; +import Link from 'next/link'; // TypeScript Interfaces interface Feature { @@ -266,18 +266,14 @@ const AIVideoGenerator: React.FC = () => {

- + + -
diff --git a/src/app/(features-landing)/bulk-content/layout.tsx b/src/app/(features-landing)/bulk-content/layout.tsx new file mode 100644 index 0000000..1e009b7 --- /dev/null +++ b/src/app/(features-landing)/bulk-content/layout.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +export const metadata = { + title: "AI Social Media Content Generator | Create Posts Fast - PlanPost AI", + description: "Struggling with social media content? PlanPost AI's content generator creates engaging captions, ideas, and images in seconds. Save 10+ hours weekly, grow your audience, and post consistently. Start Your Free Trial!", +}; + +export default function BulkLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( +
+ + {children} +
+ ); +} diff --git a/src/app/(features-landing)/bulk-content/page.tsx b/src/app/(features-landing)/bulk-content/page.tsx index ab90175..f31eecf 100644 --- a/src/app/(features-landing)/bulk-content/page.tsx +++ b/src/app/(features-landing)/bulk-content/page.tsx @@ -3,14 +3,13 @@ import React, { useState } from 'react'; import { Check, - Play, Clock, TrendingUp, Target, ArrowRight, Star, Quote, - Video, + Sparkle, Rocket, @@ -24,6 +23,7 @@ import { BarChart3, LucideProps } from 'lucide-react'; +import Link from 'next/link'; // TypeScript Interfaces interface Feature { @@ -292,18 +292,15 @@ const BulkGeneration: React.FC = () => {

+ + + -
diff --git a/src/app/(features-landing)/seo-geo-article-writer/layout.tsx b/src/app/(features-landing)/seo-geo-article-writer/layout.tsx new file mode 100644 index 0000000..2fdef51 --- /dev/null +++ b/src/app/(features-landing)/seo-geo-article-writer/layout.tsx @@ -0,0 +1,19 @@ +import React from "react"; + +export const metadata = { + title: "Create Optimized Articles That Rank Higher - PlanPost AI", + description: "Generate SEO & GEO optimized articles with AI. Create content that ranks higher, targets local audiences, and saves 10+ hours weekly. Perfect for agencies, local businesses, and content teams.", +}; + +export default function SeoLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( +
+ + {children} +
+ ); +} diff --git a/src/app/(features-landing)/seo-geo-article-writer/page.tsx b/src/app/(features-landing)/seo-geo-article-writer/page.tsx index dcd56c1..cd51780 100644 --- a/src/app/(features-landing)/seo-geo-article-writer/page.tsx +++ b/src/app/(features-landing)/seo-geo-article-writer/page.tsx @@ -3,14 +3,12 @@ import React, { useState } from 'react'; import { Check, - Play, Clock, TrendingUp, Target, ArrowRight, Star, Quote, - Video, Sparkle, Rocket, Search, @@ -21,6 +19,7 @@ import { Heart, LucideProps } from 'lucide-react'; +import Link from 'next/link'; // TypeScript Interfaces interface Feature { @@ -288,18 +287,14 @@ const SEOWriter: React.FC = () => {

- + + -
diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 8ad415e..0800415 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,7 +1,7 @@ "use client"; import Link from "next/link"; import Image from "next/image"; -import { Menu, ChevronDown, ChevronUp, ArrowRight, Sparkles, Zap, Palette, TrendingUp, FileText, Video, Megaphone, Calendar, BarChart } from "lucide-react"; +import { Menu, ChevronDown, ChevronUp, ArrowRight, Sparkles, Zap, Palette, TrendingUp, FileText, Video} from "lucide-react"; import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "./ui/sheet"; import { useState } from "react"; @@ -43,25 +43,8 @@ const megaMenuData = [ 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() {