bender/b31e96c4-d4fa-4c6b-93bd-d4e75ed66f4a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-16 14:47:49 +00:00
Conversation 0 Commits 1 Files Changed 1 +33 -187
1 changed files with 33 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
src/app/page.tsx
View File

@@ -32,18 +32,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Features",
id: "#features",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "FAQ",
id: "#faq",
},
{ name: "Features", id: "#features" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
]}
brandName="ChatFlow"
/>
@@ -53,29 +44,14 @@ export default function LandingPage() {
<HeroOverlay
title="Real-Time Connections, Redefined"
description="Experience seamless, secure, and lightning-fast messaging. Designed for modern teams, built for scale."
imageSrc="http://img.b2bpic.net/free-photo/excited-fan-watching-live-sports-event-tv-rooting-favorite-team_482257-120010.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/excited-fan-watching-live-sports-event-tv-rooting-favorite-team_482257-120010.jpg"
imageAlt="Chat application interface mockup"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100205.jpg",
alt: "Androgynous avatar of non-binary queer person",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-handsome-man-posing_23-2148911841.jpg",
alt: "Smiley handsome man posing",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-mechanic-cartoon-style_23-2151134215.jpg",
alt: "Portrait of mechanic in cartoon style",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-sticking-out-tongue_23-2150171207.jpg",
alt: "Medium shot man sticking out the tongue",
},
{
src: "http://img.b2bpic.net/free-photo/user-front-side-with-white-background_187299-40007.jpg",
alt: "User Front Side With White Background",
},
{ src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100205.jpg", alt: "Androgynous avatar of non-binary queer person" },
{ src: "http://img.b2bpic.net/free-photo/smiley-handsome-man-posing_23-2148911841.jpg", alt: "Smiley handsome man posing" },
{ src: "http://img.b2bpic.net/free-photo/portrait-mechanic-cartoon-style_23-2151134215.jpg", alt: "Portrait of mechanic in cartoon style" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-sticking-out-tongue_23-2150171207.jpg", alt: "Medium shot man sticking out the tongue" },
{ src: "http://img.b2bpic.net/free-photo/user-front-side-with-white-background_187299-40007.jpg", alt: "User Front Side With White Background" },
]}
avatarText="Join 50k+ daily users"
/>
@@ -89,7 +65,7 @@ export default function LandingPage() {
description="Our chat platform integrates state-of-the-art WebSockets to ensure your messages arrive exactly when they are sent."
subdescription="With end-to-end security and a mobile-first philosophy, we make connecting as natural as breathing."
icon={MessageSquare}
imageSrc="http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162569.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162569.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -101,41 +77,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Instant Messaging",
description: "Real-time communication with delivery status.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/pink-speech-bubble-icon-isolated_53876-144709.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/seniors-with-newspaper_1098-13891.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/excited-fan-watching-live-sports-event-tv-rooting-favorite-team_482257-120010.jpg?_wi=2",
imageAlt: "bubble message",
title: "Instant Messaging", description: "Real-time communication with delivery status.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pink-speech-bubble-icon-isolated_53876-144709.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/seniors-with-newspaper_1098-13891.jpg" }
},
{
title: "Group Chat",
description: "Collaborate with teams seamlessly.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-photos-lunch_23-2148451620.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162569.jpg?_wi=2",
imageAlt: "bubble message",
title: "Group Chat", description: "Collaborate with teams seamlessly.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-photos-lunch_23-2148451620.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg" }
},
{
title: "Secure Encryption",
description: "Messages secured end-to-end.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-security-digital-lock-icon-screen_23-2152001149.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/padlock-with-keyhole-icon_53876-75050.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-guy-with-narrow-dark-eyes-fluffy-hair-dressed-elegant-white-shirt_273609-14082.jpg?_wi=1",
imageAlt: "bubble message",
},
title: "Secure Encryption", description: "Messages secured end-to-end.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-security-digital-lock-icon-screen_23-2152001149.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/padlock-with-keyhole-icon_53876-75050.jpg" }
}
]}
showStepNumbers={false}
title="Feature-Rich Experience"
@@ -149,41 +101,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarahj",
testimonial: "The best chat API I have integrated.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-guy-with-narrow-dark-eyes-fluffy-hair-dressed-elegant-white-shirt_273609-14082.jpg?_wi=2",
},
{
id: "2",
name: "Mike D.",
handle: "@miked",
testimonial: "Incredibly fast and reliable.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
},
{
id: "3",
name: "Emma R.",
handle: "@emmar",
testimonial: "Perfect for our remote team.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg",
},
{
id: "4",
name: "Alex K.",
handle: "@alexk",
testimonial: "The dark mode looks amazing.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
},
{
id: "5",
name: "Chris B.",
handle: "@chrisb",
testimonial: "Excellent documentation.",
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
},
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best chat API I have integrated.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-guy-with-narrow-dark-eyes-fluffy-hair-dressed-elegant-white-shirt_273609-14082.jpg" },
{ id: "2", name: "Mike D.", handle: "@miked", testimonial: "Incredibly fast and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
{ id: "3", name: "Emma R.", handle: "@emmar", testimonial: "Perfect for our remote team.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg" },
{ id: "4", name: "Alex K.", handle: "@alexk", testimonial: "The dark mode looks amazing.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg" },
{ id: "5", name: "Chris B.", handle: "@chrisb", testimonial: "Excellent documentation.", imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg" }
]}
title="Loved by Developers"
description="Join thousands of users who rely on our platform daily."
@@ -194,15 +116,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Google",
"Slack",
"Discord",
"GitHub",
"Vercel",
"Microsoft",
"Stripe",
]}
names={["Google", "Slack", "Discord", "GitHub", "Vercel", "Microsoft", "Stripe"]}
title="Trusted by Leaders"
description="Industry leaders rely on our robust infrastructure."
/>
@@ -212,21 +126,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is it secure?",
content: "Yes, we use E2EE.",
},
{
id: "q2",
title: "How to start?",
content: "Sign up and create a room.",
},
{
id: "q3",
title: "Does it support files?",
content: "Supports images and docs.",
},
{ id: "q1", title: "Is it secure?", content: "Yes, we use E2EE." },
{ id: "q2", title: "How to start?", content: "Sign up and create a room." },
{ id: "q3", title: "Does it support files?", content: "Supports images and docs." },
]}
sideTitle="Questions?"
faqsAnimation="slide-up"
@@ -240,36 +142,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Recent Updates"
blogs={[
{
id: "b1",
category: "Dev",
title: "Scaling WebSockets",
excerpt: "Lessons on performance.",
imageSrc: "http://img.b2bpic.net/free-photo/programming-language-code-editor-software-ui-computer-display_482257-124942.jpg",
authorName: "Dev Team",
authorAvatar: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100237.jpg",
date: "Oct 1",
},
{
id: "b2",
category: "UI",
title: "Dark Mode Patterns",
excerpt: "Designing for high contrast.",
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10062.jpg",
authorName: "Design Team",
authorAvatar: "http://img.b2bpic.net/free-photo/user-profile-front-side-with-white-background_187299-40009.jpg",
date: "Oct 2",
},
{
id: "b3",
category: "Security",
title: "The Future of Privacy",
excerpt: "Encryption beyond messages.",
imageSrc: "http://img.b2bpic.net/free-photo/internet-security-system_53876-167125.jpg",
authorName: "Sec Team",
authorAvatar: "http://img.b2bpic.net/free-photo/working-with-apps-cup-coffee_1134-93.jpg",
date: "Oct 3",
},
{ id: "b1", category: "Dev", title: "Scaling WebSockets", excerpt: "Lessons on performance.", imageSrc: "http://img.b2bpic.net/free-photo/programming-language-code-editor-software-ui-computer-display_482257-124942.jpg", authorName: "Dev Team", authorAvatar: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100237.jpg", date: "Oct 1" },
{ id: "b2", category: "UI", title: "Dark Mode Patterns", excerpt: "Designing for high contrast.", imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10062.jpg", authorName: "Design Team", authorAvatar: "http://img.b2bpic.net/free-photo/user-profile-front-side-with-white-background_187299-40009.jpg", date: "Oct 2" },
{ id: "b3", category: "Security", title: "The Future of Privacy", excerpt: "Encryption beyond messages.", imageSrc: "http://img.b2bpic.net/free-photo/internet-security-system_53876-167125.jpg", authorName: "Sec Team", authorAvatar: "http://img.b2bpic.net/free-photo/working-with-apps-cup-coffee_1134-93.jpg", date: "Oct 3" },
]}
description="Insights from our engineering and design teams."
/>
@@ -278,46 +153,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
text="Ready to build your own chat?"
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
buttons={[{ text: "Contact Support", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Docs",
href: "#",
},
{
label: "Status",
href: "#",
},
],
},
{
items: [
{
label: "Security",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
{ items: [{ label: "Docs", href: "#" }, { label: "Status", href: "#" }] },
{ items: [{ label: "Security", href: "#" }, { label: "Privacy", href: "#" }] },
]}
logoText="ChatFlow"
/>