Update src/app/page.tsx
This commit is contained in:
184
src/app/page.tsx
184
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Create Profile",
|
||||
id: "profile",
|
||||
},
|
||||
name: "Create Profile", id: "profile"},
|
||||
{
|
||||
name: "Demo",
|
||||
id: "demo",
|
||||
},
|
||||
name: "Demo", id: "demo"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LifePass"
|
||||
/>
|
||||
@@ -53,41 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
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", 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", 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", 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", 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", 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", imageAlt: "Time Saving Solution"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,7 +74,7 @@ export default function LandingPage() {
|
||||
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."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -108,32 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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: "1", title: "Semantic Mapping", tags: [
|
||||
"AI", "Gemini"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Synonym Understanding",
|
||||
tags: [
|
||||
"NLP",
|
||||
"Fast",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg?_wi=3",
|
||||
},
|
||||
id: "2", title: "Synonym Understanding", tags: [
|
||||
"NLP", "Fast"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Secure Encryption",
|
||||
tags: [
|
||||
"Encrypted",
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg?_wi=4",
|
||||
},
|
||||
id: "3", title: "Secure Encryption", tags: [
|
||||
"Encrypted", "Safety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coloful-business-icons_1284-1164.jpg"},
|
||||
]}
|
||||
title="Intelligent AI Mapping"
|
||||
description="LifePass maps synonyms like 'surname' to 'last name' or 'mobile' to 'phone' with surgical precision."
|
||||
@@ -148,47 +110,17 @@ export default function LandingPage() {
|
||||
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: "1", name: "Form A", price: "⏱ 2m", variant: "Dynamic", imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg"},
|
||||
{
|
||||
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: "2", name: "Form B", price: "⏱ 3m", variant: "Complex", imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg"},
|
||||
{
|
||||
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: "3", name: "Multi-Fill", price: "⏱ 5m", variant: "Global", imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg"},
|
||||
{
|
||||
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: "4", name: "Auto-Review", price: "⏱ 1m", variant: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg"},
|
||||
{
|
||||
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: "5", name: "Error Check", price: "⏱ 0m", variant: "Alert", imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
id: "6", name: "History", price: "⏱ 0m", variant: "Logging", imageSrc: "http://img.b2bpic.net/free-photo/design-space-computer-laptop-screen_53876-14487.jpg"},
|
||||
]}
|
||||
title="Hackathon Demo"
|
||||
description="Experience side-by-side multi-form autofill capability. See AI in action across different field naming conventions."
|
||||
@@ -202,40 +134,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -246,16 +153,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
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: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -264,25 +168,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
label: "Features", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user