Merge version_1 into main #3
264
src/app/page.tsx
264
src/app/page.tsx
@@ -26,168 +26,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="Claude2PDF"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="Claude2PDF"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Transform Claude Conversations into PDFs"
|
||||
description="Convert conversational data into beautifully formatted, real-text PDF documents. Anti-WAF engine ensures seamless extraction while client-side processing guarantees your privacy."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/task-management-app-interface_23-2148639060.jpg", alt: "Secure Tool Interface"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114664.jpg", alt: "Hand drawn mobile app concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114663.jpg", alt: "Hand drawn mobile app concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/web-design-concept_24877-52344.jpg", alt: "web design concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app_23-2148403501.jpg", alt: "Purchase online onboarding app"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Extract Conversation", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Secure PDF Generation", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Local Processing", icon: Lock,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Real-text Formatting", icon: FileText,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Instant Conversion", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Anti-WAF Protected", icon: AlertTriangle,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Transform Claude Conversations into PDFs"
|
||||
description="Convert conversational data into beautifully formatted, real-text PDF documents. Anti-WAF engine ensures seamless extraction while client-side processing guarantees your privacy."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-vector/task-management-app-interface_23-2148639060.jpg", alt: "Secure Tool Interface" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114664.jpg", alt: "Hand drawn mobile app concept" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114663.jpg", alt: "Hand drawn mobile app concept" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/web-design-concept_24877-52344.jpg", alt: "web design concept" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app_23-2148403501.jpg", alt: "Purchase online onboarding app" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Extract Conversation", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Secure PDF Generation", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Local Processing", icon: Lock },
|
||||
{ type: "text-icon", text: "Real-text Formatting", icon: FileText },
|
||||
{ type: "text-icon", text: "Instant Conversion", icon: Zap },
|
||||
{ type: "text-icon", text: "Anti-WAF Protected", icon: AlertTriangle },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Anti-WAF Engine", description: "Bypass restrictions and ensure reliable connectivity to your conversational data streams.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-futuristic-abstract-illuminate-line-dot-wireless-connection-wave-with-triangle-bright-blue-background-mobile-banking-shopping-online-concept-technology-future_493343-29987.jpg", imageAlt: "Security Shield"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-woman-with-security-lock_23-2151996999.jpg", imageAlt: "Security Shield"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Auto Extraction", description: "Intelligently archives threads and formats them with perfect document structure.", icon: FileText,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdaec4", imageAlt: "Extraction UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-dusty-lights-optical-fibers_23-2148241368.jpg", imageAlt: "Extraction UI"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Privacy First", description: "Everything happens on your local device. We never touch your conversation logs.", icon: Lock,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3957.jpg", imageAlt: "Secure Data"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-network-digital-security-data-protection_23-2151998477.jpg", imageAlt: "Secure Data"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Advanced Features"
|
||||
description="Powerful capabilities to make your archiving workflow seamless."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Anti-WAF Engine", description: "Bypass restrictions and ensure reliable connectivity to your conversational data streams.", icon: Shield,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-futuristic-abstract-illuminate-line-dot-wireless-connection-wave-with-triangle-bright-blue-background-mobile-banking-shopping-online-concept-technology-future_493343-29987.jpg", imageAlt: "Security Shield" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-woman-with-security-lock_23-2151996999.jpg", imageAlt: "Security Shield" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Auto Extraction", description: "Intelligently archives threads and formats them with perfect document structure.", icon: FileText,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdaec4", imageAlt: "Extraction UI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-dusty-lights-optical-fibers_23-2148241368.jpg", imageAlt: "Extraction UI" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Privacy First", description: "Everything happens on your local device. We never touch your conversation logs.", icon: Lock,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3957.jpg", imageAlt: "Secure Data" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-network-digital-security-data-protection_23-2151998477.jpg", imageAlt: "Secure Data" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Advanced Features"
|
||||
description="Powerful capabilities to make your archiving workflow seamless."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Key Benefits"
|
||||
description="Why users choose Claude2PDF for their archival needs."
|
||||
features={[
|
||||
{
|
||||
id: "f1", label: "Fast", title: "Speed", items: [
|
||||
"Instant processing", "Batch mode ready"],
|
||||
},
|
||||
{
|
||||
id: "f2", label: "Secure", title: "Security", items: [
|
||||
"Zero-knowledge storage", "Local-first architecture"],
|
||||
},
|
||||
{
|
||||
id: "f3", label: "Clean", title: "Quality", items: [
|
||||
"Perfect markdown rendering", "Consistent styling"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Key Benefits"
|
||||
description="Why users choose Claude2PDF for their archival needs."
|
||||
features={[
|
||||
{ id: "f1", label: "Fast", title: "Speed", items: ["Instant processing", "Batch mode ready"] },
|
||||
{ id: "f2", label: "Secure", title: "Security", items: ["Zero-knowledge storage", "Local-first architecture"] },
|
||||
{ id: "f3", label: "Clean", title: "Quality", items: ["Perfect markdown rendering", "Consistent styling"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="About Us"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="About Us"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Ready to Start"
|
||||
title="Extract Your Conversation"
|
||||
description="Paste your Claude public share link below and we'll instantly generate your PDF document."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3957.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Paste link (https://claude.ai/share/...)"
|
||||
buttonText="Generate PDF"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Start"
|
||||
title="Extract Your Conversation"
|
||||
description="Paste your Claude public share link below and we'll instantly generate your PDF document."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3957.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Paste link (https://claude.ai/share/...)"
|
||||
buttonText="Generate PDF"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Status", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Claude2PDF"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ items: [{ label: "Status", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Claude2PDF"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user