Merge version_2 into main #2
177
src/app/page.tsx
177
src/app/page.tsx
@@ -30,8 +30,7 @@ const navItems = [
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "How It Works", href: "/#about" },
|
||||
@@ -39,8 +38,7 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Contact", href: "mailto:hello@postpilot.ai" },
|
||||
@@ -48,8 +46,7 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
@@ -57,8 +54,7 @@ const footerColumns = [
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{ label: "Twitter", href: "https://twitter.com/postpilotai" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/postpilotai" },
|
||||
{ label: "Instagram", href: "https://instagram.com/postpilotai" },
|
||||
@@ -104,32 +100,16 @@ export default function HomePage() {
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Generate Content in Seconds",
|
||||
stats: [
|
||||
title: "Generate Content in Seconds", stats: [
|
||||
{
|
||||
title: "Posts Generated",
|
||||
values: [0, 30, 365],
|
||||
valuePrefix: "",
|
||||
valueSuffix: "+",
|
||||
description: "30-day content calendar per URL",
|
||||
titleMobile: "Posts",
|
||||
},
|
||||
title: "Posts Generated", values: [0, 30, 365],
|
||||
valuePrefix: "", valueSuffix: "+", description: "30-day content calendar per URL", titleMobile: "Posts"},
|
||||
{
|
||||
title: "Platforms Supported",
|
||||
values: [0, 4, 10],
|
||||
valuePrefix: "",
|
||||
valueSuffix: "",
|
||||
description: "Instagram, LinkedIn, Facebook, X, and more",
|
||||
titleMobile: "Platforms",
|
||||
},
|
||||
title: "Platforms Supported", values: [0, 4, 10],
|
||||
valuePrefix: "", valueSuffix: "", description: "Instagram, LinkedIn, Facebook, X, and more", titleMobile: "Platforms"},
|
||||
{
|
||||
title: "Time Saved",
|
||||
values: [0, 20, 40],
|
||||
valuePrefix: "",
|
||||
valueSuffix: "hrs/month",
|
||||
description: "Automated content strategy and scheduling",
|
||||
titleMobile: "Time Saved",
|
||||
},
|
||||
title: "Time Saved", values: [0, 20, 40],
|
||||
valuePrefix: "", valueSuffix: "hrs/month", description: "Automated content strategy and scheduling", titleMobile: "Time Saved"},
|
||||
],
|
||||
logoIcon: Hexagon,
|
||||
sidebarItems: [
|
||||
@@ -143,19 +123,14 @@ export default function HomePage() {
|
||||
{ icon: ArrowLeftRight, title: "Multi-Platform Export", status: "Active" },
|
||||
{ icon: Send, title: "Scheduled Distribution", status: "Ready" },
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/a-sleek-modern-saas-dashboard-interface--1774061881119-e4cf7c12.png",
|
||||
imageAlt: "PostPilot AI Dashboard Interface",
|
||||
searchPlaceholder: "Enter your website URL",
|
||||
chartTitle: "Content Performance",
|
||||
chartData: [
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/a-sleek-modern-saas-dashboard-interface--1774061881119-e4cf7c12.png", imageAlt: "PostPilot AI Dashboard Interface", searchPlaceholder: "Enter your website URL", chartTitle: "Content Performance", chartData: [
|
||||
{ value: 85 },
|
||||
{ value: 120 },
|
||||
{ value: 95 },
|
||||
{ value: 140 },
|
||||
{ value: 110 },
|
||||
],
|
||||
listTitle: "Generation Status",
|
||||
}}
|
||||
listTitle: "Generation Status"}}
|
||||
ariaLabel="PostPilot AI Hero Section"
|
||||
/>
|
||||
</div>
|
||||
@@ -172,20 +147,14 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Website Analysis",
|
||||
description: "AI-powered web scraping analyzes your site's content, tone, and brand voice to generate authentic posts",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Website Analysis", description: "AI-powered web scraping analyzes your site's content, tone, and brand voice to generate authentic posts", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Hexagon, label: "Content Deep Dive", value: "Full Analysis" },
|
||||
{ icon: MessageSquareText, label: "Tone Detection", value: "Automatic" },
|
||||
{ icon: Settings, label: "Customization", value: "Advanced" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Multi-Platform Posts",
|
||||
description: "Generates platform-optimized content for Instagram, LinkedIn, Facebook, X with hashtags and best times",
|
||||
bentoComponent: "3d-card-grid",
|
||||
items: [
|
||||
title: "Multi-Platform Posts", description: "Generates platform-optimized content for Instagram, LinkedIn, Facebook, X with hashtags and best times", bentoComponent: "3d-card-grid", items: [
|
||||
{ name: "Instagram", icon: MessageSquareText },
|
||||
{ name: "LinkedIn", icon: Hexagon },
|
||||
{ name: "Facebook", icon: House },
|
||||
@@ -194,23 +163,14 @@ export default function HomePage() {
|
||||
centerIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "30-Day Calendar",
|
||||
description: "Complete content calendar with optimal posting times, captions, and hashtags for maximum engagement",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Content Schedule",
|
||||
subheading: "30 consecutive days",
|
||||
items: [
|
||||
title: "30-Day Calendar", description: "Complete content calendar with optimal posting times, captions, and hashtags for maximum engagement", bentoComponent: "timeline", heading: "Content Schedule", subheading: "30 consecutive days", items: [
|
||||
{ label: "Week 1", detail: "Foundation posts establishing brand voice" },
|
||||
{ label: "Week 2", detail: "Educational and value-driven content" },
|
||||
{ label: "Week 3-4", detail: "Promotional and engagement content" },
|
||||
],
|
||||
completedLabel: "Optimized",
|
||||
},
|
||||
completedLabel: "Optimized"},
|
||||
{
|
||||
title: "Copy & Schedule",
|
||||
description: "One-click copy to clipboard and direct integration with major scheduling platforms like Buffer and Later",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: CircleDollarSign,
|
||||
title: "Copy & Schedule", description: "One-click copy to clipboard and direct integration with major scheduling platforms like Buffer and Later", bentoComponent: "orbiting-icons", centerIcon: CircleDollarSign,
|
||||
items: [
|
||||
{ icon: ArrowLeftRight, ring: 1, duration: 20 },
|
||||
{ icon: Send, ring: 2, duration: 25 },
|
||||
@@ -254,58 +214,22 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahchenco",
|
||||
testimonial: "PostPilot AI cut my content creation time in half. The generated posts feel authentic and get 3x more engagement. Worth every penny.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-portrait-of-a-conf-1774061880336-34fad2cb.png",
|
||||
imageAlt: "Sarah Chen",
|
||||
icon: Sparkles,
|
||||
id: "1", name: "Sarah Chen", handle: "@sarahchenco", testimonial: "PostPilot AI cut my content creation time in half. The generated posts feel authentic and get 3x more engagement. Worth every penny.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-portrait-of-a-conf-1774061880336-34fad2cb.png", imageAlt: "Sarah Chen", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thompson",
|
||||
handle: "@mthompson_digital",
|
||||
testimonial: "As a founder, I didn't have time for social media. PostPilot AI let me maintain a consistent presence without hiring an agency.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-of-a-confident-bla-1774061881920-821755ed.png",
|
||||
imageAlt: "Marcus Thompson",
|
||||
icon: Sparkles,
|
||||
id: "2", name: "Marcus Thompson", handle: "@mthompson_digital", testimonial: "As a founder, I didn't have time for social media. PostPilot AI let me maintain a consistent presence without hiring an agency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-of-a-confident-bla-1774061881920-821755ed.png", imageAlt: "Marcus Thompson", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya Patel",
|
||||
handle: "@priyadesigns",
|
||||
testimonial: "The AI understands my brand voice perfectly. Each post looks like I spent hours crafting it, but it takes minutes.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-of-a-creative-woma-1774061880142-d3657d8b.png",
|
||||
imageAlt: "Priya Patel",
|
||||
icon: Sparkles,
|
||||
id: "3", name: "Priya Patel", handle: "@priyadesigns", testimonial: "The AI understands my brand voice perfectly. Each post looks like I spent hours crafting it, but it takes minutes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-of-a-creative-woma-1774061880142-d3657d8b.png", imageAlt: "Priya Patel", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
handle: "@jameswilson_io",
|
||||
testimonial: "Finally, a tool that integrates with my existing workflow. The copy-paste feature saves me constant context switching.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-of-a-focused-man-i-1774061882166-f7a74e93.png",
|
||||
imageAlt: "James Wilson",
|
||||
icon: Sparkles,
|
||||
id: "4", name: "James Wilson", handle: "@jameswilson_io", testimonial: "Finally, a tool that integrates with my existing workflow. The copy-paste feature saves me constant context switching.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-of-a-focused-man-i-1774061882166-f7a74e93.png", imageAlt: "James Wilson", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenarodriguez",
|
||||
testimonial: "Our engagement rates went up 250% in the first month. PostPilot AI is now essential to our marketing stack.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-of-a-dynamic-latin-1774061880511-13746568.png",
|
||||
imageAlt: "Elena Rodriguez",
|
||||
icon: Sparkles,
|
||||
id: "5", name: "Elena Rodriguez", handle: "@elenarodriguez", testimonial: "Our engagement rates went up 250% in the first month. PostPilot AI is now essential to our marketing stack.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-of-a-dynamic-latin-1774061880511-13746568.png", imageAlt: "Elena Rodriguez", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Kim",
|
||||
handle: "@davidkim_tech",
|
||||
testimonial: "Best $50 I've spent on a tool. The ROI is immediate. Our team is obsessed.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-of-an-approachable-1774061880159-0689de14.png",
|
||||
imageAlt: "David Kim",
|
||||
icon: Sparkles,
|
||||
id: "6", name: "David Kim", handle: "@davidkim_tech", testimonial: "Best $50 I've spent on a tool. The ROI is immediate. Our team is obsessed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BE1jwGJXXXY5efJbnu4DUxNFub/professional-headshot-of-an-approachable-1774061880159-0689de14.png", imageAlt: "David Kim", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
speed={40}
|
||||
@@ -316,7 +240,7 @@ export default function HomePage() {
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Simple, Transparent Pricing"
|
||||
description="One flat rate. No subscriptions. No hidden fees. Generate unlimited content from multiple URLs. One-time payment unlocks lifetime access."
|
||||
description="Save $1,000+ in freelancer costs per month. One flat rate. No subscriptions. No hidden fees. Generate unlimited content from multiple URLs. One-time payment unlocks lifetime access."
|
||||
tag="Pricing"
|
||||
tagIcon={CircleDollarSign}
|
||||
tagAnimation="slide-up"
|
||||
@@ -325,55 +249,20 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$50",
|
||||
name: "Full Access",
|
||||
buttons: [{ text: "Get Started", href: "/checkout" }],
|
||||
id: "starter", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$50", name: "Full Access", buttons: [{ text: "Get Started", href: "/checkout" }],
|
||||
features: [
|
||||
"Generate 30-day content calendars",
|
||||
"Support for 4 platforms (Instagram, LinkedIn, Facebook, X)",
|
||||
"Platform-specific optimization",
|
||||
"Hashtag generation",
|
||||
"Optimal posting time recommendations",
|
||||
"Copy-to-clipboard functionality",
|
||||
"Lifetime updates",
|
||||
"Email support",
|
||||
"Use on unlimited URLs",
|
||||
],
|
||||
"Generate 30-day content calendars", "Support for 4 platforms (Instagram, LinkedIn, Facebook, X)", "Platform-specific optimization", "Hashtag generation", "Optimal posting time recommendations", "Copy-to-clipboard functionality", "Lifetime updates", "Email support", "Use on unlimited URLs"],
|
||||
},
|
||||
{
|
||||
id: "team",
|
||||
price: "$199",
|
||||
name: "Team License",
|
||||
buttons: [{ text: "Contact Sales", href: "mailto:sales@postpilot.ai" }],
|
||||
id: "team", price: "$199", name: "Team License", buttons: [{ text: "Contact Sales", href: "mailto:sales@postpilot.ai" }],
|
||||
features: [
|
||||
"Everything in Full Access",
|
||||
"Up to 5 team members",
|
||||
"Priority email support",
|
||||
"API access for integrations",
|
||||
"Advanced analytics dashboard",
|
||||
"Quarterly strategy calls",
|
||||
"Custom brand voice fine-tuning",
|
||||
"Bulk URL processing",
|
||||
],
|
||||
"Everything in Full Access", "Up to 5 team members", "Priority email support", "API access for integrations", "Advanced analytics dashboard", "Quarterly strategy calls", "Custom brand voice fine-tuning", "Bulk URL processing"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "Custom",
|
||||
name: "Enterprise",
|
||||
buttons: [{ text: "Request Demo", href: "mailto:enterprise@postpilot.ai" }],
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [{ text: "Request Demo", href: "mailto:enterprise@postpilot.ai" }],
|
||||
features: [
|
||||
"Unlimited team members",
|
||||
"24/7 phone support",
|
||||
"Dedicated account manager",
|
||||
"White-label solution",
|
||||
"Custom integrations",
|
||||
"On-premise deployment option",
|
||||
"Advanced security features",
|
||||
"SLA guarantee",
|
||||
],
|
||||
"Unlimited team members", "24/7 phone support", "Dedicated account manager", "White-label solution", "Custom integrations", "On-premise deployment option", "Advanced security features", "SLA guarantee"],
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
@@ -406,4 +295,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user