Merge version_1 into main #1
264
src/app/page.tsx
264
src/app/page.tsx
@@ -34,29 +34,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Platform",
|
||||
id: "#platform",
|
||||
},
|
||||
name: "Platform", id: "#platform"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/design-artwork-logo-template_23-2149507456.jpg"
|
||||
logoAlt="PublishPro Logo"
|
||||
@@ -67,42 +55,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="All your publishing work, one platform"
|
||||
description="Centralize projects, clients, and deadlines. Eliminate tool chaos. Ship faster."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free Trial", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-126438.jpg",
|
||||
imageAlt: "Futuristic Digital Dashboard UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-126438.jpg", imageAlt: "Futuristic Digital Dashboard UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-is-sitting-table-reading-piece-paper-with-plant-nearby_1258-296363.jpg",
|
||||
imageAlt: "Holographic Freelance Workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-is-sitting-table-reading-piece-paper-with-plant-nearby_1258-296363.jpg", imageAlt: "Holographic Freelance Workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-dimensional-rendered-abstract-geometric-background_181624-58570.jpg",
|
||||
imageAlt: "Interconnected Digital Workflows",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-dimensional-rendered-abstract-geometric-background_181624-58570.jpg", imageAlt: "Interconnected Digital Workflows"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cashless-payment-holographic-smartwatch-future-technology_53876-105384.jpg",
|
||||
imageAlt: "Hand Interacting with Transparent Touchscreen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cashless-payment-holographic-smartwatch-future-technology_53876-105384.jpg", imageAlt: "Hand Interacting with Transparent Touchscreen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-with-headphones-listening-music-having-fun_482257-77652.jpg",
|
||||
imageAlt: "Modern Open Office with Glowing Screens",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-with-headphones-listening-music-having-fun_482257-77652.jpg", imageAlt: "Modern Open Office with Glowing Screens"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-fixing-errors-affecting-servers-performance_482257-115381.jpg",
|
||||
imageAlt: "Stylized 3D Secure Data Vault",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-fixing-errors-affecting-servers-performance_482257-115381.jpg", imageAlt: "Stylized 3D Secure Data Vault"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,19 +87,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Gauge,
|
||||
label: "Increased Efficiency",
|
||||
value: "30%",
|
||||
},
|
||||
label: "Increased Efficiency", value: "30%"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Client Satisfaction",
|
||||
value: "95%",
|
||||
},
|
||||
label: "Client Satisfaction", value: "95%"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "2X Faster",
|
||||
},
|
||||
label: "Projects Completed", value: "2X Faster"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -140,19 +107,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
title: "Centralized Project Hub",
|
||||
description: "Manage all your content projects, tasks, and deadlines from a single, intuitive dashboard.",
|
||||
},
|
||||
title: "Centralized Project Hub", description: "Manage all your content projects, tasks, and deadlines from a single, intuitive dashboard."},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Seamless Client Management",
|
||||
description: "Consolidate client communication, contracts, and feedback in one place for smoother collaboration.",
|
||||
},
|
||||
title: "Seamless Client Management", description: "Consolidate client communication, contracts, and feedback in one place for smoother collaboration."},
|
||||
{
|
||||
icon: CalendarCheck,
|
||||
title: "Automated Workflow Planning",
|
||||
description: "Set up automated reminders, approvals, and content pipelines to eliminate manual chaos.",
|
||||
},
|
||||
title: "Automated Workflow Planning", description: "Set up automated reminders, approvals, and content pipelines to eliminate manual chaos."},
|
||||
]}
|
||||
title="Streamlined Workflow, Powerful Results"
|
||||
description="Unlock unprecedented efficiency with our integrated toolset, designed to keep your projects on track and your clients happy."
|
||||
@@ -167,26 +128,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: TrendingUp,
|
||||
value: "95%",
|
||||
title: "Productivity Boost",
|
||||
description: "Users report significant increases in overall productivity.",
|
||||
},
|
||||
id: "1", icon: TrendingUp,
|
||||
value: "95%", title: "Productivity Boost", description: "Users report significant increases in overall productivity."},
|
||||
{
|
||||
id: "2",
|
||||
icon: Clock,
|
||||
value: "20 hrs",
|
||||
title: "Time Saved/Month",
|
||||
description: "Average time saved per month on administrative tasks.",
|
||||
},
|
||||
id: "2", icon: Clock,
|
||||
value: "20 hrs", title: "Time Saved/Month", description: "Average time saved per month on administrative tasks."},
|
||||
{
|
||||
id: "3",
|
||||
icon: Star,
|
||||
value: "5/5",
|
||||
title: "User Satisfaction",
|
||||
description: "Our community rates the platform's ease of use and impact.",
|
||||
},
|
||||
id: "3", icon: Star,
|
||||
value: "5/5", title: "User Satisfaction", description: "Our community rates the platform's ease of use and impact."},
|
||||
]}
|
||||
title="Achieve More, Stress Less"
|
||||
description="See how freelance publishers are transforming their operations with our platform."
|
||||
@@ -198,14 +147,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"ContentCraft",
|
||||
"WordFlow Studios",
|
||||
"Narrative Labs",
|
||||
"PageTurner Collective",
|
||||
"Inkwell Digital",
|
||||
"StoryForge Media",
|
||||
"LexiGen Publishing",
|
||||
]}
|
||||
"ContentCraft", "WordFlow Studios", "Narrative Labs", "PageTurner Collective", "Inkwell Digital", "StoryForge Media", "LexiGen Publishing"]}
|
||||
title="Trusted by Leading Freelance Publishers"
|
||||
description="Our platform is the secret weapon for top content creators worldwide."
|
||||
/>
|
||||
@@ -218,63 +160,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Individual",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$19/mo",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "starter", badge: "Individual", badgeIcon: Sparkles,
|
||||
price: "$19/mo", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Up to 5 Projects",
|
||||
"Basic Client CRM",
|
||||
"Standard Workflow Templates",
|
||||
"Email Support",
|
||||
],
|
||||
"Up to 5 Projects", "Basic Client CRM", "Standard Workflow Templates", "Email Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
badgeIcon: Crown,
|
||||
price: "$49/mo",
|
||||
name: "Pro",
|
||||
buttons: [
|
||||
id: "pro", badge: "Popular", badgeIcon: Crown,
|
||||
price: "$49/mo", name: "Pro", buttons: [
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free Trial", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Projects",
|
||||
"Advanced Client CRM",
|
||||
"Custom Workflow Builder",
|
||||
"Priority Support",
|
||||
"Team Collaboration (up to 3 users)",
|
||||
],
|
||||
"Unlimited Projects", "Advanced Client CRM", "Custom Workflow Builder", "Priority Support", "Team Collaboration (up to 3 users)"],
|
||||
},
|
||||
{
|
||||
id: "agency",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Users,
|
||||
price: "Custom",
|
||||
name: "Agency",
|
||||
buttons: [
|
||||
id: "agency", badge: "Enterprise", badgeIcon: Users,
|
||||
price: "Custom", name: "Agency", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Pro Features",
|
||||
"Unlimited Team Users",
|
||||
"Dedicated Account Manager",
|
||||
"API Access & Integrations",
|
||||
"Custom Onboarding",
|
||||
],
|
||||
"All Pro Features", "Unlimited Team Users", "Dedicated Account Manager", "API Access & Integrations", "Custom Onboarding"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Plans for Every Publisher"
|
||||
@@ -285,30 +195,20 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="\"PublishPro has revolutionized my freelance business. Projects are organized, clients are happier, and I'm finally shipping content faster than ever before!\""
|
||||
testimonial="PublishPro has revolutionized my freelance business. Projects are organized, clients are happier, and I'm finally shipping content faster than ever before!"
|
||||
rating={5}
|
||||
author="Sarah Chen, Freelance Journalist"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414125.jpg",
|
||||
alt: "Sarah Chen Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414125.jpg", alt: "Sarah Chen Avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-13090.jpg",
|
||||
alt: "futuristic male marketing avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-13090.jpg", alt: "futuristic male marketing avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-short-hair-covered-neon-light_250224-149.jpg",
|
||||
alt: "futuristic non-binary designer avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-short-hair-covered-neon-light_250224-149.jpg", alt: "futuristic non-binary designer avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-blonde-woman-working-home_23-2148471023.jpg",
|
||||
alt: "futuristic female editor avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-blonde-woman-working-home_23-2148471023.jpg", alt: "futuristic female editor avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-his-laptop_23-2148542715.jpg",
|
||||
alt: "futuristic male blogger avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-his-laptop_23-2148542715.jpg", alt: "futuristic male blogger avatar"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -321,20 +221,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What kind of publishers is PublishPro for?",
|
||||
content: "PublishPro is designed for freelance publishers, content creators, authors, bloggers, and small publishing agencies looking to streamline their work management processes.",
|
||||
},
|
||||
id: "faq1", title: "What kind of publishers is PublishPro for?", content: "PublishPro is designed for freelance publishers, content creators, authors, bloggers, and small publishing agencies looking to streamline their work management processes."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I integrate with other tools?",
|
||||
content: "Yes, PublishPro offers integrations with popular tools like Google Drive, Slack, and various CRM platforms. Our Agency plan also includes API access for custom integrations.",
|
||||
},
|
||||
id: "faq2", title: "Can I integrate with other tools?", content: "Yes, PublishPro offers integrations with popular tools like Google Drive, Slack, and various CRM platforms. Our Agency plan also includes API access for custom integrations."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Is my client data secure?",
|
||||
content: "Absolutely. We employ industry-leading encryption and security protocols to ensure all your project and client data is protected. Your privacy is our top priority.",
|
||||
},
|
||||
id: "faq3", title: "Is my client data secure?", content: "Absolutely. We employ industry-leading encryption and security protocols to ensure all your project and client data is protected. Your privacy is our top priority."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to the most common questions about our work management platform."
|
||||
@@ -349,22 +240,14 @@ export default function LandingPage() {
|
||||
description="Reach out to our team for a personalized demo or to learn more about how we can empower your publishing workflow."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645568.jpg"
|
||||
@@ -382,54 +265,33 @@ export default function LandingPage() {
|
||||
logoText="PublishPro"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Platform",
|
||||
href: "#platform",
|
||||
},
|
||||
label: "Platform", href: "#platform"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#platform",
|
||||
},
|
||||
label: "About Us", href: "#platform"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user