Update src/app/page.tsx
This commit is contained in:
251
src/app/page.tsx
251
src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="Lens"
|
||||
/>
|
||||
@@ -50,42 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Capture and Share Your Life"
|
||||
description="Lens brings people closer through the power of visual storytelling. Discover, create, and engage with the world in real-time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-merry-christmas-happy-new-year-close-up_169016-43483.jpg",
|
||||
imageAlt: "social media app interface dark mode",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-with-gradient-style_23-2147864515.jpg",
|
||||
imageAlt: "mobile app user profile design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dating-app-interface-collection_23-2148509362.jpg",
|
||||
imageAlt: "floating mobile UI elements app",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-geometric-shapes-connect-modern-abstract-design-generated-by-ai_188544-26829.jpg",
|
||||
imageAlt: "abstract digital connection background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-using-reels_23-2150038622.jpg",
|
||||
imageAlt: "social media stories mockup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-photo-woman-outdoors_23-2148795493.jpg",
|
||||
imageAlt: "photo editing app tools UI",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-merry-christmas-happy-new-year-close-up_169016-43483.jpg", imageAlt: "social media app interface dark mode" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-with-gradient-style_23-2147864515.jpg", imageAlt: "mobile app user profile design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/dating-app-interface-collection_23-2148509362.jpg", imageAlt: "floating mobile UI elements app" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-geometric-shapes-connect-modern-abstract-design-generated-by-ai_188544-26829.jpg", imageAlt: "abstract digital connection background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-people-using-reels_23-2150038622.jpg", imageAlt: "social media stories mockup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-taking-photo-woman-outdoors_23-2148795493.jpg", imageAlt: "photo editing app tools UI" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,12 +60,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Connection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -108,36 +69,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Live Stories",
|
||||
description: "Share moments as they happen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-room-with-red-light_250224-287.jpg",
|
||||
imageAlt: "Laptop screen in room with red light",
|
||||
},
|
||||
{
|
||||
title: "Smart Filters",
|
||||
description: "AI-powered edits in one tap.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg",
|
||||
imageAlt: "High angle hands holding smartphone",
|
||||
},
|
||||
{
|
||||
title: "Private Spaces",
|
||||
description: "Connect with friends securely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-smartphone_23-2149445822.jpg",
|
||||
imageAlt: "Front view woman holding smartphone",
|
||||
},
|
||||
{
|
||||
title: "Smart Home Sync",
|
||||
description: "Control your environment via Lens.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg",
|
||||
imageAlt: "Person controlling house light using smart home application touching screen to turn it on by mobile ...",
|
||||
},
|
||||
{
|
||||
title: "Music Integration",
|
||||
description: "Add trending tracks to your posts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/music-player-app-interface_23-2148518371.jpg",
|
||||
imageAlt: "Music player app interface",
|
||||
},
|
||||
{ title: "Live Stories", description: "Share moments as they happen.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-room-with-red-light_250224-287.jpg", imageAlt: "Laptop screen in room with red light" },
|
||||
{ title: "Smart Filters", description: "AI-powered edits in one tap.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg", imageAlt: "High angle hands holding smartphone" },
|
||||
{ title: "Private Spaces", description: "Connect with friends securely.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-smartphone_23-2149445822.jpg", imageAlt: "Front view woman holding smartphone" },
|
||||
{ title: "Smart Home Sync", description: "Control your environment via Lens.", imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg", imageAlt: "Person controlling house light using smart home application" },
|
||||
{ title: "Music Integration", description: "Add trending tracks to your posts.", imageSrc: "http://img.b2bpic.net/free-vector/music-player-app-interface_23-2148518371.jpg", imageAlt: "Music player app interface" },
|
||||
]}
|
||||
title="Creative Features"
|
||||
description="Unlock a world of tools designed to elevate your visual content effortlessly."
|
||||
@@ -151,41 +87,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50M+",
|
||||
title: "Users",
|
||||
description: "Active daily members",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1B+",
|
||||
title: "Photos",
|
||||
description: "Uploaded globally",
|
||||
icon: Camera,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Activity",
|
||||
description: "Always connected",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "150+",
|
||||
title: "Countries",
|
||||
description: "Communities bridged",
|
||||
icon: Map,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Always there for you",
|
||||
icon: Zap,
|
||||
},
|
||||
{ id: "1", value: "50M+", title: "Users", description: "Active daily members", icon: Users },
|
||||
{ id: "2", value: "1B+", title: "Photos", description: "Uploaded globally", icon: Camera },
|
||||
{ id: "3", value: "24/7", title: "Activity", description: "Always connected", icon: Globe },
|
||||
{ id: "4", value: "150+", title: "Countries", description: "Communities bridged", icon: Map },
|
||||
{ id: "5", value: "99.9%", title: "Uptime", description: "Always there for you", icon: Zap },
|
||||
]}
|
||||
title="Global Community"
|
||||
description="Millions of moments shared every single day."
|
||||
@@ -198,52 +104,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
description="What our community says about their experience with Lens."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Photographer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-african-american-woman-with-dark-curly-hair-smiling-camera-near-with-copy-space-your-advertisement-colorful-background-space-text_574295-4835.jpg",
|
||||
imageAlt: "portrait happy creative professional",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
role: "Designer",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg",
|
||||
imageAlt: "professional portrait headshot",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily T.",
|
||||
role: "Influencer",
|
||||
company: "Creator",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
imageAlt: "professional woman smiling",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Developer",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-male-model-with-dark-skin-expressing-positive-emotions-outdoor-photo-adorable-black-man-walking-with-headphones-weekend_197531-21783.jpg",
|
||||
imageAlt: "relaxed person portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe B.",
|
||||
role: "Artist",
|
||||
company: "Gallery",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-handsome-redhead-model-man-flannel-shirt-gray-background_613910-19110.jpg",
|
||||
imageAlt: "friendly man portrait",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Photographer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-african-american-woman-with-dark-curly-hair-smiling-camera-near-with-copy-space-your-advertisement-colorful-background-space-text_574295-4835.jpg", imageAlt: "portrait happy creative professional" },
|
||||
{ id: "2", name: "Mark R.", role: "Designer", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg", imageAlt: "professional portrait headshot" },
|
||||
{ id: "3", name: "Emily T.", role: "Influencer", company: "Creator", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", imageAlt: "professional woman smiling" },
|
||||
{ id: "4", name: "David W.", role: "Developer", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-male-model-with-dark-skin-expressing-positive-emotions-outdoor-photo-adorable-black-man-walking-with-headphones-weekend_197531-21783.jpg", imageAlt: "relaxed person portrait" },
|
||||
{ id: "5", name: "Chloe B.", role: "Artist", company: "Gallery", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-handsome-redhead-model-man-flannel-shirt-gray-background_613910-19110.jpg", imageAlt: "friendly man portrait" },
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
/>
|
||||
@@ -254,31 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is Lens free?",
|
||||
content: "Yes, standard access is free for all users.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How to verify?",
|
||||
content: "Follow the in-app settings verification guide.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Privacy settings?",
|
||||
content: "Manage data privacy directly in your profile.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I hide ads?",
|
||||
content: "Yes, Lens+ subscription removes all ads.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "How to export?",
|
||||
content: "Use the Data Download tool in account settings.",
|
||||
},
|
||||
{ id: "1", title: "Is Lens free?", content: "Yes, standard access is free for all users." },
|
||||
{ id: "2", title: "How to verify?", content: "Follow the in-app settings verification guide." },
|
||||
{ id: "3", title: "Privacy settings?", content: "Manage data privacy directly in your profile." },
|
||||
{ id: "4", title: "Can I hide ads?", content: "Yes, Lens+ subscription removes all ads." },
|
||||
{ id: "5", title: "How to export?", content: "Use the Data Download tool in account settings." },
|
||||
]}
|
||||
title="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -289,9 +136,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Join the Beta"
|
||||
description="Sign up to receive early access updates and feature releases."
|
||||
@@ -305,32 +150,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Lens"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user