bender/396f2dad-66d3-498f-bde3-85de4f6ca29f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

4 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
cd8053a95b Update src/app/page.tsx 2026-05-12 16:10:30 +00:00
bender
4b2dfdd364 Update src/app/styles/variables.css 2026-05-12 16:10:02 +00:00
bender
6bf3b0636e Update src/app/page.tsx 2026-05-12 16:10:02 +00:00
bender
fdbe8cf8bf Merge version_1 into main 
Merge version_1 into main
 2026-05-12 16:09:42 +00:00
2 changed files with 64 additions and 131 deletions
Expand all files Collapse all files

183
src/app/page.tsx
View File

@@ -2,16 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
export default function LandingPage() {
return (
@@ -31,46 +31,32 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Features", id: "features"},
{
name: "Community", id: "testimonials"},
{
name: "Insights", id: "blog"},
{
name: "Contact", id: "contact"},
{ name: "Features", id: "features" },
{ name: "Community", id: "testimonials" },
{ name: "Insights", id: "blog" },
{ name: "Contact", id: "contact" },
]}
brandName="Nexus"
button={{
text: "Join Waitlist", href: "#contact"}}
button={{ text: "Join Waitlist", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="The Future of Connection."
description="Experience an exclusive, premium networking ecosystem designed for visionaries, leaders, and creators."
buttons={[
{
text: "Join Now", href: "#contact"},
{
text: "Learn More", href: "#about"},
{ text: "Join Now", href: "#contact" },
{ text: "Learn More", href: "#about" },
]}
carouselItems={[
{
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-cyber-particles-background-with-shallow-depth-field_1048-13249.jpg", imageAlt: "Abstract connectivity"},
{
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/traveller-browsing-tablet-lobby_482257-76754.jpg", imageAlt: "Premium socializing"},
{
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-merry-christmas-happy-new-year-close-up_169016-43483.jpg", imageAlt: "Nexus App interface"},
{
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg", imageAlt: "Global connection"},
{
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg", imageAlt: "Collaboration interface"},
{
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/attractive-elegant-businesman-sunglasses-is-sitting-cafe-outside-while-chatting-mobile-phone_613910-20835.jpg", imageAlt: "Membership circle"},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-cyber-particles-background-with-shallow-depth-field_1048-13249.jpg", imageAlt: "Abstract connectivity" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/traveller-browsing-tablet-lobby_482257-76754.jpg", imageAlt: "Premium socializing" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-merry-christmas-happy-new-year-close-up_169016-43483.jpg", imageAlt: "Nexus App interface" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg", imageAlt: "Global connection" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-laptop-mouse-coffee_23-2152003802.jpg", imageAlt: "Collaboration interface" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/attractive-elegant-businesman-sunglasses-is-sitting-cafe-outside-while-chatting-mobile-phone_613910-20835.jpg", imageAlt: "Membership circle" },
]}
/>
</div>
@@ -91,18 +77,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1", label: "Security", title: "Verified Profiles", items: [
"End-to-end encryption", "Identity verification", "Secure communication"],
},
{
id: "f2", label: "Growth", title: "Curated Insights", items: [
"Real-time trend analysis", "Personalized recommendations", "Industry reports"],
},
{
id: "f3", label: "Community", title: "Exclusive Forums", items: [
"Private discussion circles", "Elite mastermind groups", "Global summits"],
},
{ id: "f1", label: "Security", title: "Verified Profiles", items: ["End-to-end encryption", "Identity verification", "Secure communication"] },
{ id: "f2", label: "Growth", title: "Curated Insights", items: ["Real-time trend analysis", "Personalized recommendations", "Industry reports"] },
{ id: "f3", label: "Community", title: "Exclusive Forums", items: ["Private discussion circles", "Elite mastermind groups", "Global summits"] },
]}
title="Designed for Excellence"
description="Advanced tools to scale your network and influence."
@@ -110,127 +87,83 @@ export default function LandingPage() {
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
<MetricCardSeven
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "150K+", title: "Members", description: "Global visionaries.", imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20802.jpg"},
{
id: "m2", value: "99.9%", title: "Satisfaction", description: "Of verified users.", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg"},
{
id: "m3", value: "500+", title: "Partnerships", description: "Global brands onboard.", imageSrc: "http://img.b2bpic.net/free-photo/business-strategy-corporation-enterprise-startup-concept_53876-121255.jpg"},
]}
title="Global Impact"
description="Our community is growing rapidly across the globe."
metrics={[
{ id: "m1", value: "150K+", title: "Members", items: ["Global visionaries", "Active connections"] },
{ id: "m2", value: "99.9%", title: "Satisfaction", items: ["Verified users", "Expert feedback"] },
{ id: "m3", value: "500+", title: "Partnerships", items: ["Global brands", "Strategic alliances"] },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
<TestimonialCardTwo
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
title="Member Perspectives"
description="Hear from our global network of visionaries."
testimonials={[
{
id: "1", name: "Alexandra V.", imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg"},
{
id: "2", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg"},
{
id: "3", name: "Elena K.", imageSrc: "http://img.b2bpic.net/free-photo/mysterious-woman-transparent-eye-bondage_23-2147695043.jpg"},
{
id: "4", name: "Julian D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
{
id: "5", name: "Sophie L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg"},
{ id: "1", name: "Alexandra V.", role: "Founder", testimonial: "A truly premium ecosystem." },
{ id: "2", name: "Marcus R.", role: "Investor", testimonial: "Networking at a new level." },
{ id: "3", name: "Elena K.", role: "Leader", testimonial: "The connections are invaluable." },
]}
cardTitle="Member Perspectives"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
<FaqBase
faqsAnimation="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Is Nexus free to join?", content: "Nexus is an invite-only premium social networking platform."},
{
id: "q2", title: "How are members verified?", content: "We use multi-factor identity verification to ensure professional authenticity."},
{
id: "q3", title: "What makes Nexus different?", content: "Our exclusive community and data-driven insights offer unparalleled value."},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-social-media-icons_1048-8398.jpg"
mediaAnimation="opacity"
title="Frequently Asked Questions"
description="Everything you need to know about Nexus."
faqsAnimation="blur-reveal"
faqs={[
{ id: "q1", title: "Is Nexus free to join?", content: "Nexus is an invite-only premium social networking platform." },
{ id: "q2", title: "How are members verified?", content: "We use multi-factor identity verification to ensure professional authenticity." },
{ id: "q3", title: "What makes Nexus different?", content: "Our exclusive community and data-driven insights offer unparalleled value." },
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardThree
<BlogCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Insights & Trends"
description="Keep up with the future of premium networking."
blogs={[
{
id: "b1", category: "Growth", title: "Modern Networking Strategies", excerpt: "How to scale your professional footprint effectively.", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-camera-cover_23-2148300493.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Oct 12, 2023"},
{
id: "b2", category: "Technology", title: "AI in Digital Communities", excerpt: "The future of community-driven platforms.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-photo-camera_23-2149893849.jpg", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg", date: "Oct 15, 2023"},
{
id: "b3", category: "Business", title: "Networking Masterclass", excerpt: "Developing elite mastermind groups.", imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg", authorName: "Sarah Jones", authorAvatar: "http://img.b2bpic.net/free-photo/digital-art-style-portrait-adult-woman_23-2151122585.jpg", date: "Oct 20, 2023"},
{ id: "b1", category: "Growth", title: "Modern Networking Strategies", excerpt: "How to scale your professional footprint effectively.", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-camera-cover_23-2148300493.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Oct 12, 2023" },
{ id: "b2", category: "Technology", title: "AI in Digital Communities", excerpt: "The future of community-driven platforms.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-photo-camera_23-2149893849.jpg", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg", date: "Oct 15, 2023" },
{ id: "b3", category: "Business", title: "Networking Masterclass", excerpt: "Developing elite mastermind groups.", imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg", authorName: "Sarah Jones", authorAvatar: "http://img.b2bpic.net/free-photo/digital-art-style-portrait-adult-woman_23-2151122585.jpg", date: "Oct 20, 2023" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
<ContactSplit
tag="Waitlist"
title="Join the Waitlist"
description="Apply for access to the Nexus elite network."
inputs={[
{
name: "name", type: "text", placeholder: "Full Name", required: true,
},
{
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
textarea={{
name: "bio", placeholder: "Tell us about your professional background...", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/female-advisor-conducting-financial-planning-goal-setting-with-mockup_482257-123582.jpg"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About", href: "#about"},
{
label: "Features", href: "#features"},
{
label: "Careers", href: "#"},
],
},
{
items: [
{
label: "Privacy", href: "#"},
{
label: "Terms", href: "#"},
{
label: "Contact", href: "#contact"},
],
},
]}
<FooterBaseReveal
logoText="Nexus"
columns={[
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "About", href: "#about" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>
</ReactLenis>

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #efebe5;
--card: #f7f2ea;
--foreground: #000000;
--primary-cta: #000000;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #ffffff;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--background-accent: #e1b875;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);