Merge version_2 into main #5
121
src/app/page.tsx
121
src/app/page.tsx
@@ -2,14 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { AlertTriangle, FileText, Lock, Shield, ShieldCheck, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,119 +22,28 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
navItems={[]}
|
||||
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="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?_wi=1", 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="about" data-section="about">
|
||||
<TextAbout
|
||||
title="About Us"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
<ContactCTA
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Paste link (https://claude.ai/share/...)"
|
||||
buttonText="Generate PDF"
|
||||
buttons={[
|
||||
{ text: "Generate PDF", onClick: () => console.log("Generating...") }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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 className="py-12 text-center text-sm opacity-60">
|
||||
<p>By clicking Sign Up you're confirming that you agree with our Terms and Conditions.</p>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user