From 4e8901cb14cf79b567674edae429e56f3e385b95 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 20:04:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 264 +++++++++++++++++++----------------------------
 1 file changed, 108 insertions(+), 156 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a4239c3..3145d42 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-- 
2.49.1