277 lines
16 KiB
TypeScript
277 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Crown, Feather, Shield, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Features", id: "#features"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Metrics", id: "#metrics"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="PublishPro"
|
|
button={{
|
|
text: "Schedule a Private Demo", href: "#contact"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
logoText="PublishPro"
|
|
description="Collaborate seamlessly from manuscript to publication. One platform for editing, design coordination, and author management—built for professionals who demand excellence."
|
|
buttons={[
|
|
{
|
|
text: "Explore the Platform", href: "#features"},
|
|
{
|
|
text: "Schedule a Private Demo", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/female-photographer-models-looking-photos_23-2148565569.jpg"
|
|
imageAlt="PublishPro workspace dashboard"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Real-time Editing & Version Control", description: "Collaborate on manuscripts with multiple editors simultaneously, track changes, and revert to any previous version with ease. Ensure every edit is precise and accounted for.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/old-person-learning-use-technology_23-2149366870.jpg", imageAlt: "Real-time editing interface on a phone"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063006.jpg", imageAlt: "Project management dashboard on a phone"}
|
|
},
|
|
{
|
|
title: "Integrated Design Workflow", description: "Seamlessly hand off manuscripts to designers, provide feedback directly on layouts, and approve proofs within the platform. Keep creative processes perfectly synchronized.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/illustrators-tools-arrangement-still-life_23-2150163117.jpg", imageAlt: "Integrated design coordination on a phone"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-using-computer-laptop-with-screen-showing-analysis-data_53876-23014.jpg", imageAlt: "Publishing analytics on a phone"}
|
|
},
|
|
{
|
|
title: "Author & Client Management", description: "Manage all your author and client relationships in one place. Streamline communication, track project milestones, and maintain a clear overview of every partnership.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", imageAlt: "Author and client management interface on a phone"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg?_wi=1", imageAlt: "Secure file sharing and asset management on a phone"}
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Your Collaborative Publishing Hub"
|
|
description="Streamline your editorial workflows, design coordination, and author communications within a single intuitive platform. Experience efficiency redefined."
|
|
tag="Unified Workspace"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Anya Sharma", handle: "@AnyaWrites", testimonial: "PublishPro has revolutionized my self-publishing journey. The collaborative tools are unmatched, making edits and design approvals smoother than ever. A truly premium experience.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-with-eyeglasses_23-2148452693.jpg?_wi=2", imageAlt: "Anya Sharma, Independent Author"},
|
|
{
|
|
id: "2", name: "Dr. Ben Carter", handle: "@EditorBen", testimonial: "As a publishing consultant, efficient workflow is key. PublishPro allows me to manage multiple client projects with real-time feedback and unparalleled organization. Highly recommended for professionals.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-confident-with-his-arm_1298-403.jpg", imageAlt: "Dr. Ben Carter, Publishing Consultant"},
|
|
{
|
|
id: "3", name: "Chloe Davies", handle: "@TheLitEditor", testimonial: "The integrated design coordination within PublishPro is a game-changer. No more endless email chains—everything from manuscript to proofs is handled elegantly in one platform.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg", imageAlt: "Chloe Davies, Professional Editor"},
|
|
{
|
|
id: "4", name: "Mark Jenkins", handle: "@InkwellPress", testimonial: "Our small press team thrives on PublishPro. It's scaled with our needs, consolidating communication and project tracking, elevating our output and reducing friction significantly.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-reading-book-front-view_23-2148399471.jpg", imageAlt: "Mark Jenkins, Director at Inkwell Press"},
|
|
{
|
|
id: "5", name: "Sofia Rossi", handle: "@StoryWeaver", testimonial: "Finally, a platform built for writers who demand excellence. PublishPro's aesthetic quality and robust features make managing my novels a joy, not a chore.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg", imageAlt: "Sofia Rossi, Freelance Writer"},
|
|
{
|
|
id: "6", name: "Liam O'Connell", handle: "@LiteraryLink", testimonial: "Managing author relations has never been easier. PublishPro keeps me connected with clients and allows me to oversee every step of their publishing journey efficiently.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-with-book-cafe_23-2147737550.jpg", imageAlt: "Liam O'Connell, Literary Agent"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Professionals Say"
|
|
description="Hear from leading authors, editors, and agencies who've transformed their publishing process with PublishPro."
|
|
tag="Trusted Voices"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "150K+", description: "Books Published Annually"},
|
|
{
|
|
id: "2", value: "95%", description: "Customer Satisfaction"},
|
|
{
|
|
id: "3", value: "20%", description: "Average Time Saved Per Project"},
|
|
{
|
|
id: "4", value: "50+", description: "Countries Served"},
|
|
]}
|
|
title="Elevating Publishing Worldwide"
|
|
description="Our platform empowers professionals to achieve more, faster. See the numbers that speak for themselves, reflecting our commitment to efficiency and quality."
|
|
tag="Proven Impact"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Mission"
|
|
title="Designed for Publishing Excellence"
|
|
description="PublishPro is built on the philosophy that professional content creation deserves professional tools. We consolidate your entire workflow, empowering you to focus on craft, not complexity."
|
|
subdescription="From initial manuscript to final distribution, our integrated suite ensures every step is seamless, collaborative, and impeccably managed. Elevate your output with a platform that understands your needs."
|
|
icon={Sparkles}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-studying-library_23-2148727828.jpg"
|
|
imageAlt="Modern office workspace with PublishPro on screen"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic", badge: "Starter", badgeIcon: Feather,
|
|
price: "$49/month", subtitle: "Ideal for independent authors", buttons: [
|
|
{
|
|
text: "Get Started", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Unified Workspace Access", "Real-time Editor Collaboration", "Basic Project Tracking", "10 GB Cloud Storage", "Standard Support"],
|
|
},
|
|
{
|
|
id: "pro", badge: "Most Popular", badgeIcon: Crown,
|
|
price: "$99/month", subtitle: "Perfect for professional editors & agencies", buttons: [
|
|
{
|
|
text: "Choose Pro", href: "#contact"},
|
|
],
|
|
features: [
|
|
"All Starter Features", "Integrated Design Workflow", "Advanced Author Management", "50 GB Cloud Storage", "Priority Support", "Customizable Templates"],
|
|
},
|
|
{
|
|
id: "enterprise", badge: "Enterprise", badgeIcon: Shield,
|
|
price: "Custom", subtitle: "For large publishing teams & organizations", buttons: [
|
|
{
|
|
text: "Contact Sales", href: "#contact"},
|
|
],
|
|
features: [
|
|
"All Pro Features", "Dedicated Account Manager", "Unlimited Cloud Storage", "Custom Integrations", "Advanced Security & Analytics", "Onboarding & Training"],
|
|
},
|
|
]}
|
|
title="Plans Crafted for Your Ambition"
|
|
description="Choose a PublishPro plan that scales with your publishing aspirations. Invest in unparalleled efficiency and professional-grade capabilities."
|
|
tag="Transparent Investment"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What makes PublishPro different from other platforms?", content: "PublishPro offers a truly unified workspace for writing, editing, design, and author management, specifically tailored for the publishing industry. Our premium interactive design and collaborative features set us apart."},
|
|
{
|
|
id: "2", title: "Is PublishPro suitable for both independent authors and large agencies?", content: "Yes, PublishPro is designed to scale. Our flexible plans cater to independent authors seeking streamlined tools, as well as large publishing agencies needing robust workflow management and team collaboration features."},
|
|
{
|
|
id: "3", title: "Can I integrate PublishPro with my existing tools?", content: "PublishPro offers various integration options, especially with our Pro and Enterprise plans. We aim to consolidate your workflow, but also provide API access and custom integrations to ensure compatibility with your essential existing tools."},
|
|
{
|
|
id: "4", title: "What kind of support can I expect with PublishPro?", content: "We offer standard support for our Starter plan users, with priority support available for Pro and Enterprise subscribers. Enterprise clients also benefit from a dedicated account manager and specialized onboarding assistance."},
|
|
]}
|
|
sideTitle="Answers to Your Questions"
|
|
sideDescription="Find quick solutions to common inquiries about PublishPro's features, pricing, and support. Our comprehensive FAQ ensures you're always informed."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Connect with Our Experts"
|
|
description="Ready to elevate your publishing workflow? Reach out to schedule a personalized demo or discuss how PublishPro can revolutionize your creative process."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message", rows: 5,
|
|
required: false,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/team-brainstorming-session-modern-office_23-2152013694.jpg"
|
|
imageAlt="Illustration of hands collaborating on a digital document"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="PublishPro"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|