bender/322dff5a-ced6-4776-8085-ad4cc67b1cfd
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-06-02 21:05:50 +00:00
parent b17c685d6c
commit 969d43321c
1 changed files with 74 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

310
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Activity, Code, Compass, EyeOff, Film, Globe, Home, Image, Layers, Link, Lock, MessageSquare, Palette, Shield, ShieldCheck, Sparkles, Users } from "lucide-react";
import { Activity, Code, Compass, EyeOff, Film, Globe, Home, Image, Layers, Link, Lock, MessageSquare, Palette, Shield, ShieldCheck, Sparkles, Users, FileLock } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,38 +33,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Metrics",
id: "#metrics",
},
name: "Metrics", id: "#metrics"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Join Paradigm",
href: "#contact",
}}
text: "Join Paradigm", href: "#contact"}}
logoSrc="http://img.b2bpic.net/free-vector/black-white-logo-with-black-background_698780-944.jpg"
logoAlt="Project Paradigm Logo"
brandName="Paradigm"
@@ -74,94 +58,61 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "canvas-reveal",
}}
variant: "canvas-reveal"}}
title="Project Paradigm: Reclaim Your Digital Home"
description="Experience the future of social media, where radical privacy meets unparalleled personalization. Connect, create, and explore in a truly secure and immersive environment."
kpis={[
{
value: "100%",
label: "Privacy-Focused",
},
value: "100%", label: "Privacy-Focused"},
{
value: "E2E",
label: "Encryption",
},
value: "E2E", label: "Encryption"},
{
value: "Zero",
label: "Data Selling",
},
value: "Zero", label: "Data Selling"},
]}
enableKpiAnimation={true}
tag="Next-Gen Social Media"
tagIcon={Sparkles}
buttons={[
{
text: "Join the Waitlist",
href: "#contact",
},
text: "Join the Waitlist", href: "#contact"},
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/close-up-man-nighttime_23-2149005428.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/close-up-man-nighttime_23-2149005428.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-guy-looking-someone_23-2148311252.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/close-up-smiley-guy-looking-someone_23-2148311252.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/sudio-shot-surprised-handsome-male-student-with-mustache-wears-round-glasses-formal-clothes_273609-8675.jpg",
alt: "Sudio shot of surprised handsome male student with mustache, wears round glasses and formal clothes",
},
src: "http://img.b2bpic.net/free-photo/sudio-shot-surprised-handsome-male-student-with-mustache-wears-round-glasses-formal-clothes_273609-8675.jpg", alt: "Sudio shot of surprised handsome male student with mustache, wears round glasses and formal clothes"},
]}
avatarText="Join thousands reclaiming their privacy."
imageSrc="http://img.b2bpic.net/free-photo/password-lock-phone-screen_1387-85.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/password-lock-phone-screen_1387-85.jpg"
imageAlt="Futuristic social media dashboard"
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
icon: Lock,
text: "End-to-End Encryption",
},
type: "text-icon", icon: Lock,
text: "End-to-End Encryption"},
{
type: "text-icon",
icon: Link,
text: "Decentralized Architecture",
},
type: "text-icon", icon: Link,
text: "Decentralized Architecture"},
{
type: "text-icon",
icon: EyeOff,
text: "Zero-Knowledge Protocols",
},
type: "text-icon", icon: EyeOff,
text: "Zero-Knowledge Protocols"},
{
type: "text-icon",
icon: Home,
text: "Immersive Profiles",
},
type: "text-icon", icon: Home,
text: "Immersive Profiles"},
{
type: "text-icon",
icon: Compass,
text: "Algorithmic Discovery",
},
type: "text-icon", icon: Compass,
text: "Algorithmic Discovery"},
{
type: "text-icon",
icon: Film,
text: "Multimedia Richness",
},
type: "text-icon", icon: Film,
text: "Multimedia Richness"},
]}
/>
</div>
@@ -176,7 +127,6 @@ export default function LandingPage() {
icon={Shield}
imageSrc="http://img.b2bpic.net/free-photo/business-woman-vr-headset-shocked-scared_74855-1505.jpg"
imageAlt="Abstract representation of secure digital space"
videoAriaLabel="Secure digital space overview"
mediaAnimation="opacity"
/>
</div>
@@ -188,79 +138,52 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Immersive Profile Customization",
description: "Design your digital home with unparalleled freedom. Upload custom HTML/CSS, integrate widgets, and express yourself like never before, all within a secure sandbox.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165610.jpg",
imageAlt: "Customizable profile interface",
},
title: "Immersive Profile Customization", description: "Design your digital home with unparalleled freedom. Upload custom HTML/CSS, integrate widgets, and express yourself like never before, all within a secure sandbox.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165610.jpg", imageAlt: "Customizable profile interface"},
items: [
{
icon: Code,
text: "Custom HTML/CSS",
},
text: "Custom HTML/CSS"},
{
icon: Palette,
text: "Rich ThEMING Options",
},
text: "Rich ThEMING Options"},
{
icon: Layers,
text: "Widget Integration",
},
text: "Widget Integration"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-vector/black-white-logo-with-black-background_698780-944.jpg",
imageAlt: "customizable user profile 3d",
},
{
title: "Military-Grade Private Messaging",
description: "Communicate with confidence using end-to-end encryption and zero-knowledge protocols. Your conversations are secure, private, and inaccessible to any third party.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/business-administrator-uses-mockup-display-ai-neural-network-system_482257-126534.jpg",
imageAlt: "Encrypted messaging interface",
},
title: "Military-Grade Private Messaging", description: "Communicate with confidence using end-to-end encryption and zero-knowledge protocols. Your conversations are secure, private, and inaccessible to any third party.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/business-administrator-uses-mockup-display-ai-neural-network-system_482257-126534.jpg", imageAlt: "Encrypted messaging interface"},
items: [
{
icon: MessageSquare,
text: "E2E Encrypted Chats",
},
text: "E2E Encrypted Chats"},
{
icon: ShieldCheck,
text: "Zero-Knowledge Proofs",
},
text: "Zero-Knowledge Proofs"},
{
icon: FileLock,
text: "Secure File Sharing",
},
text: "Secure File Sharing"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/password-lock-phone-screen_1387-85.jpg?_wi=2",
imageAlt: "customizable user profile 3d",
},
{
title: "Algorithmic Discovery & Rich Multimedia",
description: "Explore content tailored to your interests through advanced algorithms, while enjoying a diverse array of multimedia formats. Experience dynamic feeds without compromise.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-with-his-mobile-phone-working-network-connection_1134-50.jpg",
imageAlt: "Decentralized content feed visualization",
},
title: "Algorithmic Discovery & Rich Multimedia", description: "Explore content tailored to your interests through advanced algorithms, while enjoying a diverse array of multimedia formats. Experience dynamic feeds without compromise.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-with-his-mobile-phone-working-network-connection_1134-50.jpg", imageAlt: "Decentralized content feed visualization"},
items: [
{
icon: Compass,
text: "Personalized Content Feed",
},
text: "Personalized Content Feed"},
{
icon: Image,
text: "Rich Photo & Video Support",
},
text: "Rich Photo & Video Support"},
{
icon: Globe,
text: "Decentralized Content Flow",
},
text: "Decentralized Content Flow"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
imageAlt: "customizable user profile 3d",
},
]}
title="Unlock a New Era of Digital Interaction"
@@ -277,32 +200,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "200K+",
title: "Active Users",
description: "Our community is rapidly expanding, driven by trust and innovation.",
icon: Users,
id: "m1", value: "200K+", title: "Active Users", description: "Our community is rapidly expanding, driven by trust and innovation.", icon: Users,
},
{
id: "m2",
value: "99.9%",
title: "Uptime Reliability",
description: "Ensuring a seamless and constant connection for all your interactions.",
icon: Activity,
id: "m2", value: "99.9%", title: "Uptime Reliability", description: "Ensuring a seamless and constant connection for all your interactions.", icon: Activity,
},
{
id: "m3",
value: "1B+",
title: "Encrypted Messages",
description: "Billions of secure messages exchanged, protected by our advanced cryptography.",
icon: Lock,
id: "m3", value: "1B+", title: "Encrypted Messages", description: "Billions of secure messages exchanged, protected by our advanced cryptography.", icon: Lock,
},
{
id: "m4",
value: "100%",
title: "Data Ownership",
description: "You retain full control over your personal data and digital identity.",
icon: Lock,
id: "m4", value: "100%", title: "Data Ownership", description: "You retain full control over your personal data and digital identity.", icon: Lock,
},
]}
title="A Growing Ecosystem of Trust"
@@ -318,45 +225,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Digital Artist",
testimonial: "Paradigm is a game-changer. I finally feel safe expressing myself online, and the profile customization is truly next level!",
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328340.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "Digital Artist", testimonial: "Paradigm is a game-changer. I finally feel safe expressing myself online, and the profile customization is truly next level!", imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328340.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Software Developer",
testimonial: "The decentralized architecture and encryption are incredibly robust. This is the future of secure social platforms, built with integrity.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-headphones_23-2148937643.jpg",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Software Developer", testimonial: "The decentralized architecture and encryption are incredibly robust. This is the future of secure social platforms, built with integrity.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-headphones_23-2148937643.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Content Creator",
testimonial: "My creative work finally gets the spotlight it deserves, without worrying about data exploitation. The immersive profiles are amazing!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-brunette-caucasian-girl-looks-up_141793-103526.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "Content Creator", testimonial: "My creative work finally gets the spotlight it deserves, without worrying about data exploitation. The immersive profiles are amazing!", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-brunette-caucasian-girl-looks-up_141793-103526.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Privacy Advocate",
testimonial: "Paradigm delivers on its promise of privacy. It's refreshing to see a platform truly prioritize user control and anonymity.",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-ginger-man-sitting-cafe_273609-15617.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Privacy Advocate", testimonial: "Paradigm delivers on its promise of privacy. It's refreshing to see a platform truly prioritize user control and anonymity.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-ginger-man-sitting-cafe_273609-15617.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
role: "Community Organizer",
testimonial: "Connecting with my community is more meaningful here. The customization lets us create truly unique group spaces, fostering stronger bonds.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", role: "Community Organizer", testimonial: "Connecting with my community is more meaningful here. The customization lets us create truly unique group spaces, fostering stronger bonds.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg", imageAlt: "Jessica Lee"},
]}
title="What Our Early Adopters Are Saying"
description="Hear directly from users who are experiencing the Paradigm shift in social media."
@@ -369,14 +246,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"PrivacyTech Solutions",
"Decentralized Innovations Inc.",
"CipherGuard Security",
"Digital Rights Advocates",
"Metaverse Builders Co.",
"FutureNet Ventures",
"OpenSource Foundation",
]}
"PrivacyTech Solutions", "Decentralized Innovations Inc.", "CipherGuard Security", "Digital Rights Advocates", "Metaverse Builders Co.", "FutureNet Ventures", "OpenSource Foundation"]}
title="Trusted by Innovators & Early Adopters"
description="Our vision is supported by leading voices in technology and digital rights."
tag="Our Ecosystem"
@@ -389,25 +259,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "What makes Project Paradigm unique?",
content: "Project Paradigm stands out by combining deep personalization (MySpace-era customization) with military-grade privacy (end-to-end encryption, decentralized architecture, zero-knowledge protocols). We offer an immersive, secure, and user-owned digital experience.",
},
id: "faq1", title: "What makes Project Paradigm unique?", content: "Project Paradigm stands out by combining deep personalization (MySpace-era customization) with military-grade privacy (end-to-end encryption, decentralized architecture, zero-knowledge protocols). We offer an immersive, secure, and user-owned digital experience."},
{
id: "faq2",
title: "How is my data protected on Paradigm?",
content: "Your data is protected through multi-layered security: end-to-end encryption for all communications, a decentralized data architecture meaning no single point of failure or control, and zero-knowledge protocols to verify interactions without revealing sensitive information. We never sell your data.",
},
id: "faq2", title: "How is my data protected on Paradigm?", content: "Your data is protected through multi-layered security: end-to-end encryption for all communications, a decentralized data architecture meaning no single point of failure or control, and zero-knowledge protocols to verify interactions without revealing sensitive information. We never sell your data."},
{
id: "faq3",
title: "Can I truly customize my profile?",
content: "Absolutely! Our unique sandboxed iframe system allows you to upload custom HTML/CSS, and even limited JavaScript, to design your profile space as a 'digital home.' You have unprecedented creative control while ensuring platform stability and security.",
},
id: "faq3", title: "Can I truly customize my profile?", content: "Absolutely! Our unique sandboxed iframe system allows you to upload custom HTML/CSS, and even limited JavaScript, to design your profile space as a 'digital home.' You have unprecedented creative control while ensuring platform stability and security."},
{
id: "faq4",
title: "Is Paradigm free to use?",
content: "Project Paradigm offers a robust free tier with core privacy and customization features. We may introduce premium features or optional subscriptions in the future to enhance your experience and support ongoing development, always transparently.",
},
id: "faq4", title: "Is Paradigm free to use?", content: "Project Paradigm offers a robust free tier with core privacy and customization features. We may introduce premium features or optional subscriptions in the future to enhance your experience and support ongoing development, always transparently."},
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about Project Paradigm's features and philosophy."
@@ -420,8 +278,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
tag="Join the Movement"
title="Ready to Reclaim Your Digital Identity?"
description="Sign up for our exclusive waitlist to be among the first to experience Project Paradigm and receive updates on our launch."
@@ -442,50 +299,31 @@ export default function LandingPage() {
logoText="Paradigm"
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Support",
href: "#contact",
},
label: "Contact Support", href: "#contact"},
],
},
]}