Merge version_1 into main #2
146
src/app/page.tsx
146
src/app/page.tsx
@@ -30,13 +30,9 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="Claude2PDF"
|
||||
/>
|
||||
@@ -45,64 +41,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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/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-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/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/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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
text: "Extract Conversation", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure PDF Generation",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Secure PDF Generation", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Processing",
|
||||
icon: Lock,
|
||||
type: "text-icon", text: "Local Processing", icon: Lock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-text Formatting",
|
||||
icon: FileText,
|
||||
type: "text-icon", text: "Real-text Formatting", icon: FileText,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Instant Conversion",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Instant Conversion", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Anti-WAF Protected",
|
||||
icon: AlertTriangle,
|
||||
type: "text-icon", text: "Anti-WAF Protected", icon: AlertTriangle,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -114,55 +87,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Anti-WAF Engine",
|
||||
description: "Bypass restrictions and ensure reliable connectivity to your conversational data streams.",
|
||||
icon: Shield,
|
||||
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/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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-woman-with-security-lock_23-2151996999.jpg", imageAlt: "Security Shield"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/task-management-app-interface_23-2148639060.jpg",
|
||||
imageAlt: "data security tech background",
|
||||
},
|
||||
{
|
||||
title: "Auto Extraction",
|
||||
description: "Intelligently archives threads and formats them with perfect document structure.",
|
||||
icon: FileText,
|
||||
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: "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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-dusty-lights-optical-fibers_23-2148241368.jpg", imageAlt: "Extraction UI"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572142.jpg",
|
||||
imageAlt: "data security tech background",
|
||||
},
|
||||
{
|
||||
title: "Privacy First",
|
||||
description: "Everything happens on your local device. We never touch your conversation logs.",
|
||||
icon: Lock,
|
||||
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?_wi=1",
|
||||
imageAlt: "Secure Data",
|
||||
},
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-network-digital-security-data-protection_23-2151998477.jpg", imageAlt: "Secure Data"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-concept_23-2148114664.jpg",
|
||||
imageAlt: "data security tech background",
|
||||
},
|
||||
]}
|
||||
title="Advanced Features"
|
||||
@@ -179,31 +128,16 @@ export default function LandingPage() {
|
||||
description="Why users choose Claude2PDF for their archival needs."
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Fast",
|
||||
title: "Speed",
|
||||
items: [
|
||||
"Instant processing",
|
||||
"Batch mode ready",
|
||||
],
|
||||
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: "f2", label: "Secure", title: "Security", items: [
|
||||
"Zero-knowledge storage", "Local-first architecture"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Clean",
|
||||
title: "Quality",
|
||||
items: [
|
||||
"Perfect markdown rendering",
|
||||
"Consistent styling",
|
||||
],
|
||||
id: "f3", label: "Clean", title: "Quality", items: [
|
||||
"Perfect markdown rendering", "Consistent styling"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -211,6 +145,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="About Us"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -219,12 +154,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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?_wi=2"
|
||||
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"
|
||||
@@ -237,25 +171,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Status",
|
||||
href: "#",
|
||||
},
|
||||
label: "Status", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user