Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
256
src/app/page.tsx
256
src/app/page.tsx
@@ -31,71 +31,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="The Lens"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Master Your Material with AI Intelligence"
|
||||
description="The Lens condenses complex PDFs, hours of video, and dense articles into precise, actionable summaries. Save time, learn faster."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Free",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started Free", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-neon-sale_23-2152027235.jpg",
|
||||
imageAlt: "saas dashboard interface dark neon",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2290.jpg",
|
||||
imageAlt: "ai timeline analysis visualization",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg",
|
||||
imageAlt: "ai news analysis abstract tech",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cross-with-bright-lights_23-2151004896.jpg",
|
||||
imageAlt: "high tech background neon",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-analyst-command-center_23-2152000892.jpg",
|
||||
imageAlt: "code data flow background",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg",
|
||||
imageAlt: "ai software ui dark theme",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-neon-sale_23-2152027235.jpg", imageAlt: "saas dashboard interface dark neon" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2290.jpg", imageAlt: "ai timeline analysis visualization" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg", imageAlt: "ai news analysis abstract tech" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-cross-with-bright-lights_23-2151004896.jpg", imageAlt: "high tech background neon" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-analyst-command-center_23-2152000892.jpg", imageAlt: "code data flow background" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-working-data-center-facility-housing-storage-hardware-close-up_482257-90136.jpg", imageAlt: "ai software ui dark theme" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,23 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "PDF Analysis",
|
||||
description: "Upload academic papers or business reports for instant, structured insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-eyeglasses_169016-33914.jpg",
|
||||
imageAlt: "saas dashboard interface dark neon",
|
||||
},
|
||||
title: "PDF Analysis", description: "Upload academic papers or business reports for instant, structured insights.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-eyeglasses_169016-33914.jpg", imageAlt: "saas dashboard interface dark neon"},
|
||||
{
|
||||
title: "Video Timelines",
|
||||
description: "Don't watch the full lecture. Get chapter-wise summaries and key takeaways automatically.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg",
|
||||
imageAlt: "ai timeline analysis visualization",
|
||||
},
|
||||
title: "Video Timelines", description: "Don't watch the full lecture. Get chapter-wise summaries and key takeaways automatically.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg", imageAlt: "ai timeline analysis visualization"},
|
||||
{
|
||||
title: "News Bias Check",
|
||||
description: "Detect partisan language and factual gaps in news coverage to verify the source instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-digital-wave-particle-background_1048-12583.jpg",
|
||||
imageAlt: "ai news analysis abstract tech",
|
||||
},
|
||||
title: "News Bias Check", description: "Detect partisan language and factual gaps in news coverage to verify the source instantly.", imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-digital-wave-particle-background_1048-12583.jpg", imageAlt: "ai news analysis abstract tech"},
|
||||
]}
|
||||
title="Powerful Analysis Capabilities"
|
||||
description="Unlock deep insights from any media type with our proprietary AI architecture."
|
||||
@@ -147,23 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "1. Upload Content",
|
||||
description: "Drag and drop any file or paste a URL link directly into the platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-beams-with-warm-edge-glow-neon-depth_169016-71500.jpg",
|
||||
imageAlt: "high tech background neon",
|
||||
},
|
||||
title: "1. Upload Content", description: "Drag and drop any file or paste a URL link directly into the platform.", imageSrc: "http://img.b2bpic.net/free-photo/blue-beams-with-warm-edge-glow-neon-depth_169016-71500.jpg", imageAlt: "high tech background neon"},
|
||||
{
|
||||
title: "2. AI Processing",
|
||||
description: "Our neural networks parse the material, filtering out noise and summarizing key points.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glow-digital-blue-community-enjoying_1134-1373.jpg",
|
||||
imageAlt: "code data flow background",
|
||||
},
|
||||
title: "2. AI Processing", description: "Our neural networks parse the material, filtering out noise and summarizing key points.", imageSrc: "http://img.b2bpic.net/free-photo/glow-digital-blue-community-enjoying_1134-1373.jpg", imageAlt: "code data flow background"},
|
||||
{
|
||||
title: "3. Instant Summary",
|
||||
description: "Get a structured summary delivered to your feed ready for quick review.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-connecting-lines-dots_1048-14046.jpg",
|
||||
imageAlt: "ai software ui dark theme",
|
||||
},
|
||||
title: "3. Instant Summary", description: "Get a structured summary delivered to your feed ready for quick review.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-connecting-lines-dots_1048-14046.jpg", imageAlt: "ai software ui dark theme"},
|
||||
]}
|
||||
title="Three Steps to Clarity"
|
||||
description="Experience efficient information consumption without the stress."
|
||||
@@ -177,39 +116,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "student",
|
||||
badge: "Popular",
|
||||
price: "$9/mo",
|
||||
subtitle: "Perfect for academic success",
|
||||
buttons: [
|
||||
id: "student", badge: "Popular", price: "$9/mo", subtitle: "Perfect for academic success", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"10 Doc Summaries/mo",
|
||||
"YouTube Timelines",
|
||||
"Email Support",
|
||||
],
|
||||
"10 Doc Summaries/mo", "YouTube Timelines", "Email Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Recommended",
|
||||
price: "$29/mo",
|
||||
subtitle: "Built for professionals",
|
||||
buttons: [
|
||||
id: "pro", badge: "Recommended", price: "$29/mo", subtitle: "Built for professionals", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Summaries",
|
||||
"Priority Processing",
|
||||
"Bias Detection AI",
|
||||
"Team Sharing",
|
||||
],
|
||||
"Unlimited Summaries", "Priority Processing", "Bias Detection AI", "Team Sharing"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Lens"
|
||||
@@ -224,31 +144,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
title: "Time Saved per Article",
|
||||
items: [
|
||||
"Faster research",
|
||||
"Quicker reading",
|
||||
],
|
||||
id: "m1", value: "85%", title: "Time Saved per Article", items: [
|
||||
"Faster research", "Quicker reading"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2M+",
|
||||
title: "Videos Summarized",
|
||||
items: [
|
||||
"Lectures handled",
|
||||
"Media analyzed",
|
||||
],
|
||||
id: "m2", value: "2M+", title: "Videos Summarized", items: [
|
||||
"Lectures handled", "Media analyzed"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Summary Accuracy",
|
||||
items: [
|
||||
"Context preserved",
|
||||
"Precision AI",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Summary Accuracy", items: [
|
||||
"Context preserved", "Precision AI"],
|
||||
},
|
||||
]}
|
||||
title="Proven Efficiency"
|
||||
@@ -260,53 +165,24 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "PhD Candidate",
|
||||
company: "University of Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-digital-particles_1048-15686.jpg",
|
||||
imageAlt: "saas dashboard interface dark neon",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", role: "PhD Candidate", company: "University of Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-digital-particles_1048-15686.jpg", imageAlt: "saas dashboard interface dark neon"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Data Analyst",
|
||||
company: "Global Analytics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-low-poly-plexus-design_1048-18244.jpg",
|
||||
imageAlt: "ai timeline analysis visualization",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", role: "Data Analyst", company: "Global Analytics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-low-poly-plexus-design_1048-18244.jpg", imageAlt: "ai timeline analysis visualization"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Strategist",
|
||||
company: "Marketing Edge",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-programmer-uses-neural-networks-node-tree-program-identify-issues_482257-126729.jpg",
|
||||
imageAlt: "ai news analysis abstract tech",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Strategist", company: "Marketing Edge", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-programmer-uses-neural-networks-node-tree-program-identify-issues_482257-126729.jpg", imageAlt: "ai news analysis abstract tech"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Consultant",
|
||||
company: "Strategy Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-glowing-cube-with-laser-light-beams-dark-futuristic-space_84443-91356.jpg",
|
||||
imageAlt: "high tech background neon",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "Consultant", company: "Strategy Labs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-glowing-cube-with-laser-light-beams-dark-futuristic-space_84443-91356.jpg", imageAlt: "high tech background neon"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Wong",
|
||||
role: "Professor",
|
||||
company: "Global Studies",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-balloon-letters-forming-word-tech_53876-165235.jpg",
|
||||
imageAlt: "code data flow background",
|
||||
},
|
||||
id: "t5", name: "Alice Wong", role: "Professor", company: "Global Studies", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-balloon-letters-forming-word-tech_53876-165235.jpg", imageAlt: "code data flow background"},
|
||||
]}
|
||||
title="What Users Say"
|
||||
description="Trusted by researchers and students worldwide."
|
||||
@@ -319,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Does it support long YouTube videos?",
|
||||
content: "Yes, it supports videos of any length and provides chapter timestamps.",
|
||||
},
|
||||
id: "f1", title: "Does it support long YouTube videos?", content: "Yes, it supports videos of any length and provides chapter timestamps."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How is bias checked?",
|
||||
content: "Our AI compares content against verified factual datasets to detect language cues.",
|
||||
},
|
||||
id: "f2", title: "How is bias checked?", content: "Our AI compares content against verified factual datasets to detect language cues."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is my data private?",
|
||||
content: "Your uploads are encrypted and processed in secure, isolated environments.",
|
||||
},
|
||||
id: "f3", title: "Is my data private?", content: "Your uploads are encrypted and processed in secure, isolated environments."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-vertical-background-with-abstract-style_23-2150641326.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -347,52 +214,37 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Ready to save hours of reading and research every day?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-3d-background_23-2150505324.jpg"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-flowing-cyber-particles_1048-12671.jpg"
|
||||
logoText="The Lens"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
imageAlt="modern tech logo minimal blue"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-flowing-cyber-particles_1048-12671.jpg"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user