From afa295285186be9f46cac459d8ab3f788d61d84f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 10 Apr 2026 06:34:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 137 +++++++++--------------------------------------
 1 file changed, 26 insertions(+), 111 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7ae14b8..4606a6d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,14 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Create Profile",          id: "profile"},
-        {
-          name: "Demo",          id: "demo"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Profile", id: "profile" },
+        { name: "Demo", id: "demo" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="LifePass"
     />
@@ -44,27 +40,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       title="Fill Forms Once. Use Everywhere."
       description="Your identity, powered by AI. Seamless, intelligent autofill for any form on the web."
-      buttons={[
-        {
-          text: "Get Started",          href: "#profile"},
-      ]}
+      buttons={[{ text: "Get Started", href: "#profile" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-design_1048-13796.jpg?_wi=1",          imageAlt: "AI Intelligence"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-design_1048-13796.jpg?_wi=2",          imageAlt: "Seamless Autofill"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-design_1048-13796.jpg?_wi=3",          imageAlt: "Cross-Platform AI"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-design_1048-13796.jpg?_wi=4",          imageAlt: "Speedy Performance"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-design_1048-13796.jpg?_wi=5",          imageAlt: "Secure Data"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-design_1048-13796.jpg?_wi=6",          imageAlt: "Time Saving Solution"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-design_1048-13796.jpg?_wi=1", imageAlt: "AI Intelligence" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-design_1048-13796.jpg?_wi=2", imageAlt: "Seamless Autofill" }
       ]}
     />
   </div>
@@ -72,8 +54,8 @@ export default function LandingPage() {
   <div id="profile" data-section="profile">
       <MediaAbout
       useInvertedBackground={false}
-      title="Create Your Digital Identity"
-      description="Enter your details once. LifePass uses advanced AI to learn your profile and securely map your information to any form layout imaginable. Save 5+ minutes per session."
+      title="Your Personal Data Vault"
+      description="Create a secure, centralized profile. LifePass stores your standard information and intelligently maps it to any form field, ensuring you never type the same data twice."
       imageSrc="http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg?_wi=1"
     />
   </div>
@@ -81,106 +63,39 @@ export default function LandingPage() {
   <div id="demo" data-section="demo">
       <FeatureCardTwentyThree
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={true}
+      title="See AI Autofill in Action"
+      description="Compare how two different forms handle the same user profile data in real-time."
       features={[
         {
-          id: "1",          title: "Semantic Mapping",          tags: [
-            "AI",            "Gemini"],
-          imageSrc: "http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg?_wi=2"},
+          id: "form-1",          title: "Standard Registration Form",          tags: ["AI Mapped", "Fast"],
+          imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg?_wi=1"
+        },
         {
-          id: "2",          title: "Synonym Understanding",          tags: [
-            "NLP",            "Fast"],
-          imageSrc: "http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg?_wi=3"},
-        {
-          id: "3",          title: "Secure Encryption",          tags: [
-            "Encrypted",            "Safety"],
-          imageSrc: "http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg?_wi=4"},
+          id: "form-2",          title: "Complex Checkout Flow",          tags: ["Deep Learning", "Predictive"],
+          imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg?_wi=2"
+        }
       ]}
-      title="Intelligent AI Mapping"
-      description="LifePass maps synonyms like 'surname' to 'last name' or 'mobile' to 'phone' with surgical precision."
-    />
-  </div>
-
-  <div id="product" data-section="product">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",          name: "Form A",          price: "⏱ 2m",          variant: "Dynamic",          imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg?_wi=1"},
-        {
-          id: "2",          name: "Form B",          price: "⏱ 3m",          variant: "Complex",          imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg?_wi=2"},
-        {
-          id: "3",          name: "Multi-Fill",          price: "⏱ 5m",          variant: "Global",          imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg?_wi=3"},
-        {
-          id: "4",          name: "Auto-Review",          price: "⏱ 1m",          variant: "Safety",          imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg?_wi=4"},
-        {
-          id: "5",          name: "Error Check",          price: "⏱ 0m",          variant: "Alert",          imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg?_wi=5"},
-        {
-          id: "6",          name: "History",          price: "⏱ 0m",          variant: "Logging",          imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg?_wi=6"},
-      ]}
-      title="Hackathon Demo"
-      description="Experience side-by-side multi-form autofill capability. See AI in action across different field naming conventions."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "The AI mapping for different field names is magic. Time saved: 5 minutes!",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg"},
-        {
-          id: "2",          name: "Michael C.",          handle: "@mchen",          testimonial: "Incredible hackathon project. The multi-form autofill is flawless.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-adult-woman-portrait_23-2149069158.jpg"},
-        {
-          id: "3",          name: "Emily R.",          handle: "@erod",          testimonial: "Error prevention features are a lifesaver.",          imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg"},
-        {
-          id: "4",          name: "David K.",          handle: "@dkim",          testimonial: "Fast response times and clean UI.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-artist-looking-camera-holding-paintbrush_23-2148188290.jpg"},
-        {
-          id: "5",          name: "Lisa M.",          handle: "@lisam",          testimonial: "The error mismatches are detected instantly.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
-      ]}
-      title="Loved by Developers"
-      description="Join 500+ testers who save time daily with LifePass."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
+      background={{ variant: "radial-gradient" }}
       tag="Ready to launch?"
-      title="Get Started with LifePass"
-      description="Ready to save 5 minutes on every single form you fill? Start your identity engine today."
-      buttons={[
-        {
-          text: "Contact Us",          href: "#"},
-      ]}
+      title="Automate Your Forms Today"
+      description="Stop wasting time on redundant data entry. Get started with the smartest autofill engine."
+      buttons={[{ text: "Contact Us", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Platform",          items: [
-            {
-              label: "About",              href: "#"},
-            {
-              label: "Features",              href: "#"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
+        { title: "Platform", items: [{ label: "Features", href: "#demo" }, { label: "Security", href: "#" }] },
+        { title: "Company", items: [{ label: "Contact", href: "#contact" }] }
       ]}
       logoText="LifePass"
       copyrightText="© 2025 LifePass AI"
@@ -189,4 +104,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file