Merge version_1_1781785640001 into main
Merge version_1_1781785640001 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -13,255 +13,147 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitMediaGrid
|
||||
tag="Streamlined Editorial"
|
||||
title="Your newsroom, organized and streamlined"
|
||||
description="Manage drafts, submissions, and published articles in one unified workspace. Track revisions, upload images, and publish faster."
|
||||
primaryButton={{
|
||||
text: "Enter Dashboard",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/compliance-officer-aids-investors-assessing-laws-compliance-videocall_482257-123413.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-correcting-grammar-mistakes_23-2150171076.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Streamlined Editorial"
|
||||
title="Your newsroom, organized and streamlined"
|
||||
description="Manage drafts, submissions, and published articles in one unified workspace. Track revisions, upload images, and publish faster."
|
||||
primaryButton={{ text: "Enter Dashboard", href: "#contact" }}
|
||||
secondaryButton={{ text: "Learn More", href: "#about" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/compliance-officer-aids-investors-assessing-laws-compliance-videocall_482257-123413.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-correcting-grammar-mistakes_23-2150171076.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="About Us"
|
||||
title="Efficiency for the modern newsroom"
|
||||
description="We built this platform to solve the complex editorial challenges reporters face daily. By centralizing the workflow, we empower your team to focus on storytelling rather than administrative overhead."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-overseeing-server-room-with-mockup-device-reading-documentation_482257-120756.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="About Us"
|
||||
title="Efficiency for the modern newsroom"
|
||||
description="We built this platform to solve the complex editorial challenges reporters face daily. By centralizing the workflow, we empower your team to focus on storytelling rather than administrative overhead."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-overseeing-server-room-with-mockup-device-reading-documentation_482257-120756.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Dashboard Stats"
|
||||
title="Real-time Editorial Visibility"
|
||||
description="Stay on top of your publishing schedule and workload."
|
||||
metrics={[
|
||||
{
|
||||
value: "12",
|
||||
description: "Active Drafts",
|
||||
},
|
||||
{
|
||||
value: "5",
|
||||
description: "Pending Submissions",
|
||||
},
|
||||
{
|
||||
value: "3",
|
||||
description: "Needs Revision",
|
||||
},
|
||||
{
|
||||
value: "48",
|
||||
description: "Articles Published",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Dashboard Stats"
|
||||
title="Real-time Editorial Visibility"
|
||||
description="Stay on top of your publishing schedule and workload."
|
||||
metrics={[
|
||||
{ value: "12", description: "Active Drafts" },
|
||||
{ value: "5", description: "Pending Submissions" },
|
||||
{ value: "3", description: "Needs Revision" },
|
||||
{ value: "48", description: "Articles Published" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBorderGlow
|
||||
tag="Workflow Features"
|
||||
title="Tools for every step of the process"
|
||||
description="Manage your content lifecycle with precision tools designed for speed and clarity."
|
||||
features={[
|
||||
{
|
||||
icon: PenTool,
|
||||
title: "Rich Text Editing",
|
||||
description: "Powerful editor with formatting tools.",
|
||||
},
|
||||
{
|
||||
icon: Cloud,
|
||||
title: "Media Management",
|
||||
description: "Easy uploads for all article assets.",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Status Tracking",
|
||||
description: "Live status updates for every draft.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Workflow Features"
|
||||
title="Tools for every step of the process"
|
||||
description="Manage your content lifecycle with precision tools designed for speed and clarity."
|
||||
features={[
|
||||
{ icon: PenTool, title: "Rich Text Editing", description: "Powerful editor with formatting tools." },
|
||||
{ icon: Cloud, title: "Media Management", description: "Easy uploads for all article assets." },
|
||||
{ icon: CheckCircle, title: "Status Tracking", description: "Live status updates for every draft." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="The Workspace"
|
||||
title="Complete content control"
|
||||
description="Explore the full suite of tools available in your unified newsroom workspace."
|
||||
items={[
|
||||
{
|
||||
title: "Article Drafting",
|
||||
description: "Focus on your writing in a clean space.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-texture-bananas-yellow-red-background-image-design-project-postcard-ripe-fruits-colorful-paper_166373-2024.jpg",
|
||||
},
|
||||
{
|
||||
title: "Performance Tracking",
|
||||
description: "See engagement metrics instantly.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg",
|
||||
},
|
||||
{
|
||||
title: "Team Collaboration",
|
||||
description: "Coordinate with editors seamlessly.",
|
||||
href: "#",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ezoeb1",
|
||||
},
|
||||
{
|
||||
title: "Digital Asset Hub",
|
||||
description: "Organize your images and media.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-laptop_23-2148016271.jpg",
|
||||
},
|
||||
{
|
||||
title: "Editorial Schedule",
|
||||
description: "Manage deadlines and publish dates.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248165.jpg",
|
||||
},
|
||||
{
|
||||
title: "Alert System",
|
||||
description: "Get notified on revision requests.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919545.jpg",
|
||||
},
|
||||
{
|
||||
title: "Account Settings",
|
||||
description: "Manage your profile and permissions.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/buyer-persona-infographics-flat-design_23-2148659314.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="The Workspace"
|
||||
title="Complete content control"
|
||||
description="Explore the full suite of tools available in your unified newsroom workspace."
|
||||
items={[
|
||||
{ title: "Article Drafting", description: "Focus on your writing in a clean space.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-texture-bananas-yellow-red-background-image-design-project-postcard-ripe-fruits-colorful-paper_166373-2024.jpg" },
|
||||
{ title: "Performance Tracking", description: "See engagement metrics instantly.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg" },
|
||||
{ title: "Team Collaboration", description: "Coordinate with editors seamlessly.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ezoeb1" },
|
||||
{ title: "Digital Asset Hub", description: "Organize your images and media.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-laptop_23-2148016271.jpg" },
|
||||
{ title: "Editorial Schedule", description: "Manage deadlines and publish dates.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248165.jpg" },
|
||||
{ title: "Alert System", description: "Get notified on revision requests.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919545.jpg" },
|
||||
{ title: "Account Settings", description: "Manage your profile and permissions.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/buyer-persona-infographics-flat-design_23-2148659314.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamListCards
|
||||
tag="Editorial Leadership"
|
||||
title="Meet your newsroom managers"
|
||||
description="The editorial team overseeing your submissions and ensuring publication quality."
|
||||
groups={[
|
||||
{
|
||||
title: "Management",
|
||||
members: [
|
||||
{
|
||||
name: "Elena Ross",
|
||||
role: "Head of Editorial",
|
||||
detail: "15 years of industry experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Sterling",
|
||||
role: "Editor-in-Chief",
|
||||
detail: "Driving quality storytelling forward.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-being-interviewed_23-2148524077.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/compliance-officer-aids-investors-assessing-laws-compliance-videocall_482257-123413.jpg?_wi=2",
|
||||
imageAlt: "professional woman editor headshot",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Editorial Leadership"
|
||||
title="Meet your newsroom managers"
|
||||
description="The editorial team overseeing your submissions and ensuring publication quality."
|
||||
groups={[
|
||||
{
|
||||
title: "Management", members: [
|
||||
{
|
||||
name: "Elena Ross", role: "Head of Editorial", detail: "15 years of industry experience.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"
|
||||
},
|
||||
{
|
||||
name: "Mark Sterling", role: "Editor-in-Chief", detail: "Driving quality storytelling forward.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-being-interviewed_23-2148524077.jpg"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialTrustCard
|
||||
quote="This platform transformed our editorial workflow. The clarity and organizational tools have cut our publication time in half."
|
||||
rating={5}
|
||||
author="Sarah Miller, Senior Reporter"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/journalist-man-working_23-2148524088.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anna S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-photo-smiling-african-young-man-big-hat-posing-close-up-portrait-chilling-guy-black-headphones-spending-time-park_197531-21896.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-q-session-with-mobile-phone-answering-questions_482257-116712.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-turtleneck-with-flower_23-2149020760.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="This platform transformed our editorial workflow. The clarity and organizational tools have cut our publication time in half."
|
||||
rating={5}
|
||||
author="Sarah Miller, Senior Reporter"
|
||||
avatars={[
|
||||
{ name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg" },
|
||||
{ name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/journalist-man-working_23-2148524088.jpg" },
|
||||
{ name: "Anna S.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-photo-smiling-african-young-man-big-hat-posing-close-up-portrait-chilling-guy-black-headphones-spending-time-park_197531-21896.jpg" },
|
||||
{ name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-q-session-with-mobile-phone-answering-questions_482257-116712.jpg" },
|
||||
{ name: "Maria K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-turtleneck-with-flower_23-2149020760.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Frequently Asked"
|
||||
title="Editorial workflow questions"
|
||||
description="Answers to common questions about using the platform."
|
||||
items={[
|
||||
{
|
||||
question: "How do I submit an article for review?",
|
||||
answer: "Click the submit button in the New Article section once your draft is complete.",
|
||||
},
|
||||
{
|
||||
question: "Can I save partial drafts?",
|
||||
answer: "Yes, everything saves automatically as you type in the editor.",
|
||||
},
|
||||
{
|
||||
question: "Who can see my drafts?",
|
||||
answer: "Only you and your assigned editors can access your draft workspace.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Frequently Asked"
|
||||
title="Editorial workflow questions"
|
||||
description="Answers to common questions about using the platform."
|
||||
items={[
|
||||
{ question: "How do I submit an article for review?", answer: "Click the submit button in the New Article section once your draft is complete." },
|
||||
{ question: "Can I save partial drafts?", answer: "Yes, everything saves automatically as you type in the editor." },
|
||||
{ question: "Who can see my drafts?", answer: "Only you and your assigned editors can access your draft workspace." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Ready to streamline your newsroom workflow today?"
|
||||
primaryButton={{
|
||||
text: "Enter Dashboard",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Request Demo",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get Started"
|
||||
text="Ready to streamline your newsroom workflow today?"
|
||||
primaryButton={{ text: "Enter Dashboard", href: "#" }}
|
||||
secondaryButton={{ text: "Request Demo", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user