bender/f43e38d0-1995-4b8b-a027-61ff10139364
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 23:54:52 +00:00
parent af49a22be4
commit 2843d5af6a
1 changed files with 61 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

268
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { AlertCircle, CheckCircle, Globe, Lock, Shield, ShieldCheck, Smartphone, Zap } from "lucide-react";
import { AlertCircle, CheckCircle, Globe, Lock, Shield, ShieldCheck, Smartphone, Zap, Fingerprint } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,17 +33,11 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="LanternAuth"
/>
@@ -52,37 +46,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Secure Access, Illuminated."
description="Lantern provides a seamless, secure, and beautiful authentication experience for your modern enterprise applications."
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292840.jpg?_wi=1",
imageAlt: "modern login interface soft red accents",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292840.jpg", imageAlt: "modern login interface soft red accents"},
{
imageSrc: "http://img.b2bpic.net/free-psd/gradient-data-privacy-design-template_23-2149316852.jpg",
imageAlt: "modern login interface soft red accents",
},
imageSrc: "http://img.b2bpic.net/free-psd/gradient-data-privacy-design-template_23-2149316852.jpg", imageAlt: "modern login interface soft red accents"},
{
imageSrc: "http://img.b2bpic.net/free-photo/website-account-access-registration-form_107791-16450.jpg",
imageAlt: "modern login interface soft red accents",
},
imageSrc: "http://img.b2bpic.net/free-photo/website-account-access-registration-form_107791-16450.jpg", imageAlt: "modern login interface soft red accents"},
{
imageSrc: "http://img.b2bpic.net/free-vector/vr-virtual-reality-isometric-man-stay-platform-choosing-options-data-analysis-concept_39422-891.jpg",
imageAlt: "modern login interface soft red accents",
},
imageSrc: "http://img.b2bpic.net/free-vector/vr-virtual-reality-isometric-man-stay-platform-choosing-options-data-analysis-concept_39422-891.jpg", imageAlt: "modern login interface soft red accents"},
{
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-template-theme_23-2148447379.jpg",
imageAlt: "modern login interface soft red accents",
},
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-template-theme_23-2148447379.jpg", imageAlt: "modern login interface soft red accents"},
]}
mediaAnimation="blur-reveal"
/>
@@ -96,19 +77,13 @@ export default function LandingPage() {
description="We believe authentication shouldn't be a friction point for your users. Lantern brings enterprise-grade security with an elegant, human-centric design."
bulletPoints={[
{
title: "Zero-Trust Ready",
description: "Built for modern infrastructure with end-to-end encryption.",
},
title: "Zero-Trust Ready", description: "Built for modern infrastructure with end-to-end encryption."},
{
title: "Biometric Support",
description: "Seamless integration with FIDO2 and platform biometrics.",
},
title: "Biometric Support", description: "Seamless integration with FIDO2 and platform biometrics."},
{
title: "Instant Onboarding",
description: "Reduce drop-off rates with our streamlined user flows.",
},
title: "Instant Onboarding", description: "Reduce drop-off rates with our streamlined user flows."},
]}
imageSrc="http://img.b2bpic.net/free-vector/cyber-security-concept-with-neon-padlock_23-2148544052.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-vector/cyber-security-concept-with-neon-padlock_23-2148544052.jpg"
imageAlt="digital security 3d icon soft red"
mediaAnimation="slide-up"
/>
@@ -121,76 +96,40 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Dashboard Logs",
description: "Comprehensive security activity tracking.",
bentoComponent: "media-stack",
items: [
title: "Dashboard Logs", description: "Comprehensive security activity tracking.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/analyst-monitoring-data-screen_23-2152001538.jpg",
imageAlt: "auth dashboard data secure",
},
imageSrc: "http://img.b2bpic.net/free-photo/analyst-monitoring-data-screen_23-2152001538.jpg", imageAlt: "auth dashboard data secure"},
{
imageSrc: "http://img.b2bpic.net/free-photo/glowing-abstract-computer-network-symbol-illuminates-dark-night-generated-by-ai_188544-30304.jpg",
imageAlt: "mfa steps interface design",
},
imageSrc: "http://img.b2bpic.net/free-photo/glowing-abstract-computer-network-symbol-illuminates-dark-night-generated-by-ai_188544-30304.jpg", imageAlt: "mfa steps interface design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
imageAlt: "system log viewer interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg", imageAlt: "system log viewer interface"},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292840.jpg?_wi=2",
imageAlt: "auth dashboard data secure",
},
{
title: "MFA Verification",
description: "Multi-factor authentication made simple.",
bentoComponent: "3d-stack-cards",
items: [
title: "MFA Verification", description: "Multi-factor authentication made simple.", bentoComponent: "3d-stack-cards", items: [
{
icon: Shield,
title: "Standard MFA",
subtitle: "TOTP support",
detail: "Reliable security",
},
title: "Standard MFA", subtitle: "TOTP support", detail: "Reliable security"},
{
icon: Fingerprint,
title: "Biometric",
subtitle: "Fast login",
detail: "Touch/Face auth",
},
title: "Biometric", subtitle: "Fast login", detail: "Touch/Face auth"},
{
icon: Smartphone,
title: "App Push",
subtitle: "One tap",
detail: "Instant approval",
},
title: "App Push", subtitle: "One tap", detail: "Instant approval"},
],
imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-concept-with-neon-padlock_23-2148544052.jpg?_wi=2",
imageAlt: "auth dashboard data secure",
},
{
title: "Security Events",
description: "Proactive protection for user accounts.",
bentoComponent: "3d-task-list",
items: [
title: "Security Events", description: "Proactive protection for user accounts.", bentoComponent: "3d-task-list", items: [
{
icon: AlertCircle,
label: "Suspicious login attempt",
time: "2 mins ago",
},
label: "Suspicious login attempt", time: "2 mins ago"},
{
icon: CheckCircle,
label: "User verification success",
time: "1 hr ago",
},
label: "User verification success", time: "1 hr ago"},
{
icon: Lock,
label: "Auth service updated",
time: "3 hrs ago",
},
label: "Auth service updated", time: "3 hrs ago"},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg?_wi=1",
imageAlt: "auth dashboard data secure",
},
]}
title="Powerful Security Features"
@@ -205,23 +144,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: ShieldCheck,
title: "Verified Identities",
value: "50M+",
},
id: "m1", icon: ShieldCheck,
title: "Verified Identities", value: "50M+"},
{
id: "m2",
icon: Zap,
title: "Auth Latency",
value: "<50ms",
},
id: "m2", icon: Zap,
title: "Auth Latency", value: "<50ms"},
{
id: "m3",
icon: Globe,
title: "Global Uptime",
value: "99.99%",
},
id: "m3", icon: Globe,
title: "Global Uptime", value: "99.99%"},
]}
title="Trusted by Millions"
description="Our platform handles billions of authentication requests monthly."
@@ -235,52 +165,28 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "p1",
price: "$0",
name: "Developer",
buttons: [
id: "p1", price: "$0", name: "Developer", buttons: [
{
text: "Get Started",
href: "#",
},
text: "Get Started", href: "#"},
],
features: [
"1,000 active users",
"Basic support",
"Standard MFA",
],
"1,000 active users", "Basic support", "Standard MFA"],
},
{
id: "p2",
price: "$199",
name: "Pro",
buttons: [
id: "p2", price: "$199", name: "Pro", buttons: [
{
text: "Buy Pro",
href: "#",
},
text: "Buy Pro", href: "#"},
],
features: [
"100,000 active users",
"Priority support",
"Advanced MFA",
],
"100,000 active users", "Priority support", "Advanced MFA"],
},
{
id: "p3",
price: "Custom",
name: "Enterprise",
buttons: [
id: "p3", price: "Custom", name: "Enterprise", buttons: [
{
text: "Contact Sales",
href: "#",
},
text: "Contact Sales", href: "#"},
],
features: [
"Unlimited users",
"24/7 Support",
"SSO integration",
],
"Unlimited users", "24/7 Support", "SSO integration"],
},
]}
title="Transparent Pricing"
@@ -295,40 +201,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Chen",
role: "CTO",
testimonial: "Lantern replaced our complex legacy auth system in just one weekend.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg?_wi=2",
},
id: "t1", name: "Sarah Chen", role: "CTO", testimonial: "Lantern replaced our complex legacy auth system in just one weekend.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg"},
{
id: "t2",
name: "David Miller",
role: "Lead Dev",
testimonial: "The security logs provide deep visibility we didn't have before.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
},
id: "t2", name: "David Miller", role: "Lead Dev", testimonial: "The security logs provide deep visibility we didn't have before.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg"},
{
id: "t3",
name: "Emma Wilson",
role: "Product Manager",
testimonial: "My users love the biometric login options. It's so smooth.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
},
id: "t3", name: "Emma Wilson", role: "Product Manager", testimonial: "My users love the biometric login options. It's so smooth.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
{
id: "t4",
name: "James Smith",
role: "Engineer",
testimonial: "Excellent documentation made integration completely stress-free.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
},
id: "t4", name: "James Smith", role: "Engineer", testimonial: "Excellent documentation made integration completely stress-free.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
{
id: "t5",
name: "Lisa Wang",
role: "Security Lead",
testimonial: "Compliance became so much easier with Lantern's audit tools.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-unshaven-worker-smiling_1098-3509.jpg",
},
id: "t5", name: "Lisa Wang", role: "Security Lead", testimonial: "Compliance became so much easier with Lantern's audit tools.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-unshaven-worker-smiling_1098-3509.jpg"},
]}
title="Trusted by Leaders"
description="See why top developers choose Lantern for identity management."
@@ -341,20 +222,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Is Lantern GDPR compliant?",
content: "Yes, all our systems are designed to fully comply with GDPR.",
},
id: "f1", title: "Is Lantern GDPR compliant?", content: "Yes, all our systems are designed to fully comply with GDPR."},
{
id: "f2",
title: "Does it support custom branding?",
content: "Absolutely, our UI components are fully customizable.",
},
id: "f2", title: "Does it support custom branding?", content: "Absolutely, our UI components are fully customizable."},
{
id: "f3",
title: "Can I migrate users?",
content: "Yes, we provide tools to import users securely.",
},
id: "f3", title: "Can I migrate users?", content: "Yes, we provide tools to import users securely."},
]}
title="Common Questions"
description="We've compiled answers to the most frequent inquiries."
@@ -366,16 +238,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
tag="Get Started"
title="Ready to Secure Your App?"
description="Start your free 14-day trial today with zero setup configuration."
buttons={[
{
text: "Schedule Demo",
href: "#",
},
text: "Schedule Demo", href: "#"},
]}
/>
</div>
@@ -384,42 +253,27 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#",
},
label: "About", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Docs",
href: "#",
},
label: "Docs", href: "#"},
{
label: "Contact",
href: "#",
},
label: "Contact", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}