bender/8ab5ae32-6b00-4198-8780-061744d662e2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-18 09:21:31 +00:00
Conversation 0 Commits 2 Files Changed 2 +76 -113
2 changed files with 76 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
src/app/page.tsx
View File

@@ -31,14 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Feed", id: "feed"},
{
name: "Profile", id: "profile"},
{
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
{ name: "Feed", id: "feed" },
{ name: "Profile", id: "profile" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="ConnectHub"
/>
@@ -46,56 +42,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "plain"}}
background={{ variant: "plain" }}
title="Connect with the World"
description="The minimalist social media platform designed for real engagement. Join millions of creators sharing their journey."
testimonials={[
{
name: "Alex Rivera", handle: "@alextech", testimonial: "The best social experience I've had. Purely focus on the content I love.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-athlete-downloading-music-smartphone_1262-5747.jpg"},
{
name: "Jordan Smith", handle: "@jsmith", testimonial: "Incredible feed system. So intuitive and clean.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-cheerful-female-scientist-wears-protective-suit-respirator-around-neck-tries-liquidate-agent-smiles-gladfully-looks-away-isolated-white-background-copy-space-text_273609-61940.jpg"},
{
name: "Casey Lee", handle: "@caseylee", testimonial: "ConnectHub is where I grow my audience every single day.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-with-digital-data-interface_23-2151964662.jpg"},
{
name: "Morgan Taylor", handle: "@mtaylor", testimonial: "Simple, fast, and beautiful. What more can I ask for?", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-slavic-student-girl-wearing-backpack-looks-camera_141793-99734.jpg"},
{
name: "Taylor Reed", handle: "@treed", testimonial: "Real-time updates and seamless chat are game changers.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-ipad-medium-shot_23-2150040113.jpg"},
]}
buttons={[
{
text: "Get Started", href: "#contact"},
{ name: "Alex Rivera", handle: "@alextech", testimonial: "The best social experience I've had. Purely focus on the content I love.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-athlete-downloading-music-smartphone_1262-5747.jpg" },
{ name: "Jordan Smith", handle: "@jsmith", testimonial: "Incredible feed system. So intuitive and clean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-cheerful-female-scientist-wears-protective-suit-respirator-around-neck-tries-liquidate-agent-smiles-gladfully-looks-away-isolated-white-background-copy-space-text_273609-61940.jpg" },
{ name: "Casey Lee", handle: "@caseylee", testimonial: "ConnectHub is where I grow my audience every single day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-with-digital-data-interface_23-2151964662.jpg" },
{ name: "Morgan Taylor", handle: "@mtaylor", testimonial: "Simple, fast, and beautiful. What more can I ask for?", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-slavic-student-girl-wearing-backpack-looks-camera_141793-99734.jpg" },
{ name: "Taylor Reed", handle: "@treed", testimonial: "Real-time updates and seamless chat are game changers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-ipad-medium-shot_23-2150040113.jpg" },
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/location-map-direction-right-side_187299-45230.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/history-sign-left-side_187299-46052.jpg", alt: "User avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/filter-icon-front-side_187299-45145.jpg", alt: "User avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/colorized-glass-phone-16-pro-max_187299-45929.jpg", alt: "User avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/floating-screen-colorized-glass-phone-16-pro-max_187299-46639.jpg", alt: "User avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459498.jpg", alt: "User avatar 5"},
]}
marqueeItems={[
{
type: "text", text: "Connect"},
{
type: "text", text: "Discover"},
{
type: "text", text: "Engage"},
{
type: "text", text: "Share"},
{
type: "text", text: "Grow"},
{ src: "http://img.b2bpic.net/free-photo/history-sign-left-side_187299-46052.jpg", alt: "User avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/filter-icon-front-side_187299-45145.jpg", alt: "User avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/colorized-glass-phone-16-pro-max_187299-45929.jpg", alt: "User avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/floating-screen-colorized-glass-phone-16-pro-max_187299-46639.jpg", alt: "User avatar 4" },
{ src: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459498.jpg", alt: "User avatar 5" },
]}
marqueeItems={[{ type: "text", text: "Connect" }, { type: "text", text: "Discover" }, { type: "text", text: "Engage" }, { type: "text", text: "Share" }, { type: "text", text: "Grow" }]}
/>
</div>
@@ -104,18 +70,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Discovery Feed", description: "See the world through a clean, algorithm-friendly scrolling feed.", imageSrc: "http://img.b2bpic.net/free-vector/instagram-profile-interface-template_23-2148432991.jpg", buttonIcon: Zap,
},
{
title: "User Profile", description: "Curate your bio and showcase your aesthetic through a beautiful grid.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-colorless-apps_52683-54285.jpg", buttonIcon: User,
},
{
title: "Live Messenger", description: "Chat with friends in real-time with Socket.io integration.", imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459508.jpg", buttonIcon: MessageCircle,
},
{
title: "24h Stories", description: "Share disappearing moments with your community.", imageSrc: "http://img.b2bpic.net/free-psd/gradient-marketing-instagram-stories_23-2150133922.jpg", buttonIcon: Clock,
},
{ title: "Discovery Feed", description: "See the world through a clean, algorithm-friendly scrolling feed.", imageSrc: "http://img.b2bpic.net/free-vector/instagram-profile-interface-template_23-2148432991.jpg", buttonIcon: Zap },
{ title: "User Profile", description: "Curate your bio and showcase your aesthetic through a beautiful grid.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-colorless-apps_52683-54285.jpg", buttonIcon: User },
{ title: "Live Messenger", description: "Chat with friends in real-time with Socket.io integration.", imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459508.jpg", buttonIcon: MessageCircle },
{ title: "24h Stories", description: "Share disappearing moments with your community.", imageSrc: "http://img.b2bpic.net/free-psd/gradient-marketing-instagram-stories_23-2150133922.jpg", buttonIcon: Clock },
]}
title="Core Features Built for You"
description="Everything you need to grow your social footprint in one place."
@@ -129,15 +87,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "1M+", title: "Active Users", description: "People sharing daily", icon: Users,
},
{
id: "m2", value: "5M+", title: "Daily Posts", description: "Created and shared", icon: Image,
},
{
id: "m3", value: "100ms", title: "Latency", description: "Real-time response", icon: Zap,
},
{ id: "m1", value: "1M+", title: "Active Users", description: "People sharing daily", icon: Users },
{ id: "m2", value: "5M+", title: "Daily Posts", description: "Created and shared", icon: Image },
{ id: "m3", value: "100ms", title: "Latency", description: "Real-time response", icon: Zap },
]}
title="Global Engagement"
description="Growing community statistics"
@@ -151,12 +103,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{
id: "t1", name: "Sarah Chen", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg"},
{
id: "t2", name: "Marcus Doe", role: "Lead Dev", imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3044.jpg"},
{
id: "t3", name: "Elena Rossi", role: "UI Lead", imageSrc: "http://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg"},
{ id: "t1", name: "Sarah Chen", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg" },
{ id: "t2", name: "Marcus Doe", role: "Lead Dev", imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3044.jpg" },
{ id: "t3", name: "Elena Rossi", role: "UI Lead", imageSrc: "http://img.b2bpic.net/free-photo/software-developer-agency-office-coding-her-computer_482257-126122.jpg" },
]}
title="Built by Visionaries"
description="The team behind ConnectHub."
@@ -169,16 +118,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Johnson", handle: "@sarah", testimonial: "Fantastic experience!", imageSrc: "http://img.b2bpic.net/free-photo/business-young-woman-with-smartphone-blurred-background-city_169016-22096.jpg"},
{
id: "2", name: "Michael Chen", handle: "@mike", testimonial: "So intuitive.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-park_23-2148162600.jpg"},
{
id: "3", name: "Emily Rodriguez", handle: "@emily", testimonial: "I love the UI.", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"},
{
id: "4", name: "David Kim", handle: "@david", testimonial: "Fast and smooth.", imageSrc: "http://img.b2bpic.net/free-photo/redhead-girl-red-hat-sits-stairs-uses-mobile-phone-modern-woman-holding-smartphone-texting_1258-196245.jpg"},
{
id: "5", name: "Ana Silva", handle: "@ana", testimonial: "Best social platform.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150152290.jpg"},
{ id: "1", name: "Sarah Johnson", handle: "@sarah", testimonial: "Fantastic experience!", imageSrc: "http://img.b2bpic.net/free-photo/business-young-woman-with-smartphone-blurred-background-city_169016-22096.jpg" },
{ id: "2", name: "Michael Chen", handle: "@mike", testimonial: "So intuitive.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-park_23-2148162600.jpg" },
{ id: "3", name: "Emily Rodriguez", handle: "@emily", testimonial: "I love the UI.", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg" },
{ id: "4", name: "David Kim", handle: "@david", testimonial: "Fast and smooth.", imageSrc: "http://img.b2bpic.net/free-photo/redhead-girl-red-hat-sits-stairs-uses-mobile-phone-modern-woman-holding-smartphone-texting_1258-196245.jpg" },
{ id: "5", name: "Ana Silva", handle: "@ana", testimonial: "Best social platform.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150152290.jpg" },
]}
title="Loved by Creators"
description="Join our community today"
@@ -189,12 +133,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1", title: "How to register?", content: "Sign up with email/JWT."},
{
id: "f2", title: "Is chat real-time?", content: "Yes, powered by socket.io."},
{
id: "f3", title: "How to post?", content: "Use the create button in the feed."},
{ id: "f1", title: "How to register?", content: "Sign up with email/JWT." },
{ id: "f2", title: "Is chat real-time?", content: "Yes, powered by socket.io." },
{ id: "f3", title: "How to post?", content: "Use the create button in the feed." },
]}
sideTitle="Questions?"
faqsAnimation="slide-up"
@@ -204,15 +145,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
tag="Get Started"
title="Ready to Connect?"
description="Join the community now."
buttons={[
{
text: "Sign Up Now", href: "#"},
]}
buttons={[{ text: "Sign Up Now", href: "#" }]}
/>
</div>
@@ -221,20 +158,10 @@ export default function LandingPage() {
logoText="ConnectHub"
columns={[
{
title: "Company", items: [
{
label: "About", href: "#"},
{
label: "Careers", href: "#"},
],
title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }],
},
{
title: "Resources", items: [
{
label: "Help", href: "#"},
{
label: "Privacy", href: "#"},
],
title: "Resources", items: [{ label: "Help", href: "#" }, { label: "Privacy", href: "#" }],
},
]}
/>
@@ -242,4 +169,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

36
src/app/profile/page.tsx Normal file
View File

@@ -0,0 +1,36 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ReactLenis from "lenis/react";
export default function ProfilePage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleApple
navItems={[
{ name: "Feed", id: "/" },
{ name: "Profile", id: "/profile" },
]}
brandName="ConnectHub"
/>
<main className="pt-24 pb-12 px-6 max-w-5xl mx-auto space-y-12">
<section className="flex items-center gap-8 bg-card p-8 rounded-lg">
<img src="http://img.b2bpic.net/free-photo/businessman-using-tablet-with-digital-data-interface_23-2151964662.jpg" alt="Profile" className="w-32 h-32 rounded-full object-cover" />
<div>
<h1 className="text-3xl font-bold">Alex Rivera</h1>
<p className="text-muted-foreground">@alextech | Digital Creator</p>
<button className="mt-4 px-4 py-2 bg-primary text-primary-foreground rounded">Edit Profile</button>
</div>
</section>
<section className="grid grid-cols-3 gap-4">
{[1, 2, 3, 4, 5, 6].map(i => (
<div key={i} className="aspect-square bg-muted rounded-lg"></div>
))}
</section>
</main>
</ReactLenis>
</ThemeProvider>
);
}