bender/8a81a90d-4759-4827-b589-e6fbe5644e63
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-10 09:07:07 +00:00
parent c98d7eed8e
commit 31c84e4a04
1 changed files with 70 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

335
src/app/page.tsx
View File

@@ -33,96 +33,59 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Communities",
id: "products",
},
name: "Communities", id: "products"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Socius"
button={{
text: "Join Now",
href: "#contact",
}}
text: "Join Now", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="Connect & Thrive: Your Premium Social Experience"
description="Socius is more than just a social platform; it's a curated space designed for meaningful connections, content discovery, and community building. Experience social media reimagined, with privacy and engagement at its core."
kpis={[
{
value: "100M+",
label: "Active Users",
},
value: "100M+", label: "Active Users"},
{
value: "5M+",
label: "Communities",
},
value: "5M+", label: "Communities"},
{
value: "24/7",
label: "Support",
},
value: "24/7", label: "Support"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/lovely-cheerful-woman-with-combed-curly-hair-bites-lips-looks-gladfully-hesitates-about-something-stands-against-purple-background-looks-happily_273609-34172.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/lovely-cheerful-woman-with-combed-curly-hair-bites-lips-looks-gladfully-hesitates-about-something-stands-against-purple-background-looks-happily_273609-34172.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307065.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307065.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-smiling-confident-standing-park_839833-27191.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-smiling-confident-standing-park_839833-27191.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg", alt: "User 5"},
]}
avatarText="Join millions of passionate users today!"
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"
@@ -130,33 +93,23 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Intelligent Matchmaking",
icon: Sparkles,
type: "text-icon", text: "Intelligent Matchmaking", icon: Sparkles,
},
{
type: "text-icon",
text: "Private Group Chats",
icon: MessageCircle,
type: "text-icon", text: "Private Group Chats", icon: MessageCircle,
},
{
type: "text-icon",
text: "Diverse Global Communities",
icon: Users,
type: "text-icon", text: "Diverse Global Communities", icon: Users,
},
{
type: "text-icon",
text: "Global Network",
icon: Globe,
type: "text-icon", text: "Global Network", icon: Globe,
},
{
type: "text-icon",
text: "Advanced Privacy Controls",
icon: Shield,
type: "text-icon", text: "Advanced Privacy Controls", icon: Shield,
},
]}
speed={30}
showCard={true}
marqueeSpeed={30}
showMarqueeCard={true}
/>
</div>
@@ -180,29 +133,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Personalized Smart Feed",
description: "Our AI-powered algorithm learns your interests to deliver content that truly matters, ensuring you never miss a beat from your favorite communities and creators.",
imageSrc: "http://img.b2bpic.net/free-photo/thanksgiving-social-media-post-with-turkey-pumpkins-cart_187299-47158.jpg",
imageAlt: "Personalized social media feed on a mobile screen",
},
title: "Personalized Smart Feed", description: "Our AI-powered algorithm learns your interests to deliver content that truly matters, ensuring you never miss a beat from your favorite communities and creators.", imageSrc: "http://img.b2bpic.net/free-photo/thanksgiving-social-media-post-with-turkey-pumpkins-cart_187299-47158.jpg", imageAlt: "Personalized social media feed on a mobile screen"},
{
title: "Vibrant Communities",
description: "Join or create communities around any topic. Engage in lively discussions, share insights, and connect with like-minded individuals in spaces built for passion.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-twitch-logo-purple-background_23-2152000230.jpg",
imageAlt: "Digital illustration of interconnected online communities",
},
title: "Vibrant Communities", description: "Join or create communities around any topic. Engage in lively discussions, share insights, and connect with like-minded individuals in spaces built for passion.", imageSrc: "http://img.b2bpic.net/free-photo/3d-twitch-logo-purple-background_23-2152000230.jpg", imageAlt: "Digital illustration of interconnected online communities"},
{
title: "Secure Private Messaging",
description: "Communicate with confidence. Our end-to-end encrypted messaging ensures your conversations are always private and secure, giving you peace of mind.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-home-night_23-2149090996.jpg",
imageAlt: "Secure instant messaging interface on a smartphone screen",
},
title: "Secure Private Messaging", description: "Communicate with confidence. Our end-to-end encrypted messaging ensures your conversations are always private and secure, giving you peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-working-home-night_23-2149090996.jpg", imageAlt: "Secure instant messaging interface on a smartphone screen"},
{
title: "Intelligent Content Discovery",
description: "Uncover new interests and trending topics effortlessly. Our intuitive discovery tools help you find content, profiles, and communities you'll love.",
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-tablet_23-2150201863.jpg",
imageAlt: "Abstract visualization of a content discovery algorithm",
},
title: "Intelligent Content Discovery", description: "Uncover new interests and trending topics effortlessly. Our intuitive discovery tools help you find content, profiles, and communities you'll love.", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-tablet_23-2150201863.jpg", imageAlt: "Abstract visualization of a content discovery algorithm"},
]}
title="Seamless Features, Powerful Connections"
description="Explore the innovative tools designed to enhance your social media experience. From personalized feeds to secure messaging, Socius offers everything you need to connect and share."
@@ -217,65 +154,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Profiles",
name: "Customizable User Profiles",
price: "Free",
rating: 5,
reviewCount: "1.2K",
imageSrc: "http://img.b2bpic.net/free-photo/consult-advice-information-serveice-sharing-concept_53876-125587.jpg",
imageAlt: "Social media user profile screen",
},
id: "p1", brand: "Profiles", name: "Customizable User Profiles", price: "Free", rating: 5,
reviewCount: "1.2K", imageSrc: "http://img.b2bpic.net/free-photo/consult-advice-information-serveice-sharing-concept_53876-125587.jpg", imageAlt: "Social media user profile screen"},
{
id: "p2",
brand: "Connect",
name: "Engaging Group Chats",
price: "Free",
rating: 5,
reviewCount: "800",
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163439.jpg",
imageAlt: "Dynamic group chat interface on a tablet",
},
id: "p2", brand: "Connect", name: "Engaging Group Chats", price: "Free", rating: 5,
reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163439.jpg", imageAlt: "Dynamic group chat interface on a tablet"},
{
id: "p3",
brand: "Events",
name: "Virtual & Local Events",
price: "Free",
rating: 5,
reviewCount: "1.5K",
imageSrc: "http://img.b2bpic.net/free-photo/recruitment-process-continues-as-job-seeker-participates-online-interview-answering_482257-136478.jpg",
imageAlt: "Social media event page on a desktop interface",
},
id: "p3", brand: "Events", name: "Virtual & Local Events", price: "Free", rating: 5,
reviewCount: "1.5K", imageSrc: "http://img.b2bpic.net/free-photo/recruitment-process-continues-as-job-seeker-participates-online-interview-answering_482257-136478.jpg", imageAlt: "Social media event page on a desktop interface"},
{
id: "p4",
brand: "Discover",
name: "Trending Content Explore",
price: "Free",
rating: 5,
reviewCount: "950",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-smartphone-sits-front-laptop-late-night_169016-27154.jpg",
imageAlt: "Captivating 'Explore' page UI on a smartphone",
},
id: "p4", brand: "Discover", name: "Trending Content Explore", price: "Free", rating: 5,
reviewCount: "950", imageSrc: "http://img.b2bpic.net/free-photo/man-with-smartphone-sits-front-laptop-late-night_169016-27154.jpg", imageAlt: "Captivating 'Explore' page UI on a smartphone"},
{
id: "p5",
brand: "Share",
name: "Viral Trending Posts",
price: "Free",
rating: 5,
reviewCount: "2.1K",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-room-with-red-light_250224-287.jpg",
imageAlt: "Detailed view of a trending social media post",
},
id: "p5", brand: "Share", name: "Viral Trending Posts", price: "Free", rating: 5,
reviewCount: "2.1K", imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-room-with-red-light_250224-287.jpg", imageAlt: "Detailed view of a trending social media post"},
{
id: "p6",
brand: "Live",
name: "Interactive Livestreaming",
price: "Free",
rating: 5,
reviewCount: "720",
imageSrc: "http://img.b2bpic.net/free-photo/communication-conference-sharing-conversation-meeting_53876-21363.jpg",
imageAlt: "Dynamic livestreaming interface on a tablet",
},
id: "p6", brand: "Live", name: "Interactive Livestreaming", price: "Free", rating: 5,
reviewCount: "720", imageSrc: "http://img.b2bpic.net/free-photo/communication-conference-sharing-conversation-meeting_53876-21363.jpg", imageAlt: "Dynamic livestreaming interface on a tablet"},
]}
title="Explore Our Diverse Communities"
description="Dive into a world of shared interests. From niche hobbies to global movements, Socius hosts communities for every passion. Find your tribe or start one today!"
@@ -287,16 +182,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"InnovateHub",
"GlobalConnect",
"TrendSpotters",
"PrivacyFirst",
"CommunityBuilders",
"DigitalCreators",
"EthicalTech",
"FutureNet",
"UnityLink",
]}
"InnovateHub", "GlobalConnect", "TrendSpotters", "PrivacyFirst", "CommunityBuilders", "DigitalCreators", "EthicalTech", "FutureNet", "UnityLink"]}
title="Trusted by a Global Community"
description="Our platform has quickly become a favorite for diverse groups and individuals seeking a premium and secure social experience."
speed={30}
@@ -310,50 +196,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Finally, a social platform that respects my privacy!",
quote: "Socius is a breath of fresh air. The focus on privacy and genuine connection is exactly what I've been looking for. It's truly a premium experience without the noise.",
name: "Sarah J.",
role: "Content Creator",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184847.jpg",
imageAlt: "Portrait of Sarah J.",
},
id: "t1", title: "Finally, a social platform that respects my privacy!", quote: "Socius is a breath of fresh air. The focus on privacy and genuine connection is exactly what I've been looking for. It's truly a premium experience without the noise.", name: "Sarah J.", role: "Content Creator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184847.jpg", imageAlt: "Portrait of Sarah J."},
{
id: "t2",
title: "The community features are incredibly engaging.",
quote: "I've joined several communities on Socius, and the level of engagement and quality of discussion is unparalleled. It's easy to find my people here.",
name: "Mark D.",
role: "Community Manager",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916346.jpg",
imageAlt: "Portrait of Mark D.",
},
id: "t2", title: "The community features are incredibly engaging.", quote: "I've joined several communities on Socius, and the level of engagement and quality of discussion is unparalleled. It's easy to find my people here.", name: "Mark D.", role: "Community Manager", imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916346.jpg", imageAlt: "Portrait of Mark D."},
{
id: "t3",
title: "Intuitive design and powerful tools.",
quote: "As a developer, I appreciate the seamless UI and robust features. Socius has clearly put thought into every aspect of user experience.",
name: "Emily R.",
role: "Software Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-holding-tablet_23-2148594482.jpg",
imageAlt: "Portrait of Emily R.",
},
id: "t3", title: "Intuitive design and powerful tools.", quote: "As a developer, I appreciate the seamless UI and robust features. Socius has clearly put thought into every aspect of user experience.", name: "Emily R.", role: "Software Engineer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-holding-tablet_23-2148594482.jpg", imageAlt: "Portrait of Emily R."},
{
id: "t4",
title: "My favorite platform for content discovery.",
quote: "The personalized feed is spot-on. I constantly discover new creators and topics that align with my interests. It's a goldmine!",
name: "David L.",
role: "Digital Marketer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-using-touch-screen-mobile-phone-reading-article-online-magazine-browsing-internet-while-waiting-cappuccino-having-rest-restaurant-alone-selective-focus-face_273609-546.jpg",
imageAlt: "Portrait of David L.",
},
id: "t4", title: "My favorite platform for content discovery.", quote: "The personalized feed is spot-on. I constantly discover new creators and topics that align with my interests. It's a goldmine!", name: "David L.", role: "Digital Marketer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-using-touch-screen-mobile-phone-reading-article-online-magazine-browsing-internet-while-waiting-cappuccino-having-rest-restaurant-alone-selective-focus-face_273609-546.jpg", imageAlt: "Portrait of David L."},
{
id: "t5",
title: "A truly premium social experience.",
quote: "From the design to the features, everything about Socius feels premium. It's a refreshing change from other platforms and a joy to use daily.",
name: "Jessica T.",
role: "Entrepreneur",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-standing-outside_23-2147654969.jpg",
imageAlt: "Portrait of Jessica T.",
},
id: "t5", title: "A truly premium social experience.", quote: "From the design to the features, everything about Socius feels premium. It's a refreshing change from other platforms and a joy to use daily.", name: "Jessica T.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-standing-outside_23-2147654969.jpg", imageAlt: "Portrait of Jessica T."},
]}
title="What Our Community Says"
description="Hear directly from the users who have transformed their social experience with Socius. Their stories speak volumes about our commitment to a better platform."
@@ -366,35 +217,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What makes Socius different from other social platforms?",
content: "Socius prioritizes privacy, genuine connection, and curated content. We utilize advanced AI for a personalized experience while ensuring user data is protected with end-to-end encryption for messaging and strong community moderation.",
},
id: "q1", title: "What makes Socius different from other social platforms?", content: "Socius prioritizes privacy, genuine connection, and curated content. We utilize advanced AI for a personalized experience while ensuring user data is protected with end-to-end encryption for messaging and strong community moderation."},
{
id: "q2",
title: "Is Socius free to use?",
content: "Yes, Socius offers a comprehensive free experience with access to all core features. We also offer optional premium features and subscriptions for enhanced functionalities and exclusive content.",
},
id: "q2", title: "Is Socius free to use?", content: "Yes, Socius offers a comprehensive free experience with access to all core features. We also offer optional premium features and subscriptions for enhanced functionalities and exclusive content."},
{
id: "q3",
title: "How does Socius protect my privacy?",
content: "Your privacy is our top priority. We employ end-to-end encryption for all private messages, offer robust privacy settings for profiles and content, and adhere to strict data protection protocols. We never sell your data to third parties.",
},
id: "q3", title: "How does Socius protect my privacy?", content: "Your privacy is our top priority. We employ end-to-end encryption for all private messages, offer robust privacy settings for profiles and content, and adhere to strict data protection protocols. We never sell your data to third parties."},
{
id: "q4",
title: "Can I create my own community on Socius?",
content: "Absolutely! Socius empowers users to create and manage their own communities around any topic of interest. We provide powerful moderation tools and resources to help you build and grow an engaging space.",
},
id: "q4", title: "Can I create my own community on Socius?", content: "Absolutely! Socius empowers users to create and manage their own communities around any topic of interest. We provide powerful moderation tools and resources to help you build and grow an engaging space."},
{
id: "q5",
title: "What kind of content can I share?",
content: "Socius supports various content formats, including photos, videos, text posts, articles, and live streams. We encourage diverse and creative expression while maintaining community guidelines for a respectful environment.",
},
id: "q5", title: "What kind of content can I share?", content: "Socius supports various content formats, including photos, videos, text posts, articles, and live streams. We encourage diverse and creative expression while maintaining community guidelines for a respectful environment."},
{
id: "q6",
title: "How can I report inappropriate content or behavior?",
content: "We have a dedicated moderation team and easy-to-use reporting tools within the platform. Simply click on the 'Report' option next to any content or user profile, and our team will review it promptly.",
},
id: "q6", title: "How can I report inappropriate content or behavior?", content: "We have a dedicated moderation team and easy-to-use reporting tools within the platform. Simply click on the 'Report' option next to any content or user profile, and our team will review it promptly."},
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about Socius, our features, privacy, and community guidelines."
@@ -406,18 +239,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
text="Ready to join a new era of social connection? Connect with us!"
buttons={[
{
text: "Get in Touch",
href: "mailto:support@socius.com",
},
text: "Get in Touch", href: "mailto:support@socius.com"},
{
text: "Visit Help Center",
href: "#faq",
},
text: "Visit Help Center", href: "#faq"},
]}
/>
</div>
@@ -429,58 +257,35 @@ export default function LandingPage() {
logoText="Socius"
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Communities",
href: "#products",
},
label: "Communities", href: "#products"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}