bender/7a89bddc-bf54-4f75-b94b-99beb40f6658
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-12 07:36:18 +00:00
Conversation 0 Commits 3 Files Changed 3 +61 -181
3 changed files with 61 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/about/page.tsx
View File

@@ -24,7 +24,7 @@ export default function AboutPage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLarge"
background="floatingGradient"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
@@ -60,21 +60,9 @@ export default function AboutPage() {
tag="Results"
metrics={[
{
id: "1",
value: "500+",
title: "Enterprise Clients",
description: "Companies trusting ConnectHub for their teams",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/an-illustration-showing-a-growing-commun-1773300871438-7f029914.png?_wi=2",
imageAlt: "Growing client base",
},
id: "1", value: "500+", title: "Enterprise Clients", description: "Companies trusting ConnectHub for their teams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/an-illustration-showing-a-growing-commun-1773300871438-7f029914.png", imageAlt: "Growing client base"},
{
id: "2",
value: "10M+",
title: "Connections Made",
description: "Relationships established through platform linking",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-calendar-or-timeline-visualization-sho-1773300872137-37cf3f65.png?_wi=2",
imageAlt: "Connection statistics",
},
id: "2", value: "10M+", title: "Connections Made", description: "Relationships established through platform linking", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-calendar-or-timeline-visualization-sho-1773300872137-37cf3f65.png", imageAlt: "Connection statistics"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -92,7 +80,7 @@ export default function AboutPage() {
{ text: "Start Free Trial", href: "/signup" },
{ text: "Learn More", href: "/" },
]}
background={{ variant: "floatingGradient" }}
background={{ variant: "plain" }}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
@@ -105,19 +93,13 @@ export default function AboutPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/connecthub",
ariaLabel: "Follow us on Twitter",
},
href: "https://twitter.com/connecthub", ariaLabel: "Follow us on Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/connecthub",
ariaLabel: "Connect on LinkedIn",
},
href: "https://linkedin.com/company/connecthub", ariaLabel: "Connect on LinkedIn"},
{
icon: Github,
href: "https://github.com/connecthub",
ariaLabel: "View on GitHub",
},
href: "https://github.com/connecthub", ariaLabel: "View on GitHub"},
]}
/>
</footer>

151
src/app/page.tsx
View File

@@ -29,7 +29,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLarge"
background="floatingGradient"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
@@ -51,7 +51,7 @@ export default function HomePage() {
{ text: "Start Free Trial", href: "/signup" },
{ text: "Watch Demo", href: "#features" },
]}
background={{ variant: "floatingGradient" }}
background={{ variant: "plain" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-modern-collaborative-workspace-dashboa-1773300872708-d738a7f2.png"
imageAlt="ConnectHub collaborative workspace dashboard"
mediaAnimation="blur-reveal"
@@ -66,26 +66,14 @@ export default function HomePage() {
tag="Features"
features={[
{
id: "1",
title: "Intelligent Connection System",
tags: ["Linking", "Network"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/an-illustration-showing-nodes-connected--1773300871832-572446bd.png",
imageAlt: "Connection network visualization",
},
id: "1", title: "Intelligent Connection System", tags: ["Linking", "Network"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/an-illustration-showing-nodes-connected--1773300871832-572446bd.png", imageAlt: "Connection network visualization"},
{
id: "2",
title: "Advanced Organization & Tagging",
tags: ["Organization", "Search"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-workspace-showing-organized-meeting-no-1773300872891-c267fa59.png",
imageAlt: "Organization hierarchy display",
},
id: "2", title: "Advanced Organization & Tagging", tags: ["Organization", "Search"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-workspace-showing-organized-meeting-no-1773300872891-c267fa59.png", imageAlt: "Organization hierarchy display"},
{
id: "3",
title: "Real-Time Team Collaboration",
tags: ["Collaboration", "Live"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/multiple-team-members-collaborating-on-a-1773300872508-963bf894.png",
imageAlt: "Team collaboration interface",
},
id: "3", title: "Real-Time Team Collaboration", tags: ["Collaboration", "Live"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/multiple-team-members-collaborating-on-a-1773300872508-963bf894.png", imageAlt: "Team collaboration interface"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -100,21 +88,9 @@ export default function HomePage() {
tag="Metrics"
metrics={[
{
id: "1",
value: "50K+",
title: "Active Users",
description: "Teams collaborating daily on ConnectHub",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/an-illustration-showing-a-growing-commun-1773300871438-7f029914.png?_wi=1",
imageAlt: "Growing user community",
},
id: "1", value: "50K+", title: "Active Users", description: "Teams collaborating daily on ConnectHub", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/an-illustration-showing-a-growing-commun-1773300871438-7f029914.png", imageAlt: "Growing user community"},
{
id: "2",
value: "2.5M+",
title: "Meetings Recorded",
description: "Business discussions captured and linked",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-calendar-or-timeline-visualization-sho-1773300872137-37cf3f65.png?_wi=1",
imageAlt: "Meeting statistics visualization",
},
id: "2", value: "2.5M+", title: "Meetings Recorded", description: "Business discussions captured and linked", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-calendar-or-timeline-visualization-sho-1773300872137-37cf3f65.png", imageAlt: "Meeting statistics visualization"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -129,57 +105,28 @@ export default function HomePage() {
tag="Pricing"
plans={[
{
id: "starter",
badge: "Great for Getting Started",
badgeIcon: Sparkles,
price: "$29/month",
subtitle: "Perfect for small teams",
buttons: [
id: "starter", badge: "Great for Getting Started", badgeIcon: Sparkles,
price: "$29/month", subtitle: "Perfect for small teams", buttons: [
{ text: "Start Free Trial", href: "/signup?plan=starter" },
],
features: [
"Up to 5 team members",
"Unlimited meetings and notes",
"Basic connection linking",
"1GB storage per user",
"Email support",
],
"Up to 5 team members", "Unlimited meetings and notes", "Basic connection linking", "1GB storage per user", "Email support"],
},
{
id: "professional",
badge: "Most Popular",
badgeIcon: Sparkles,
price: "$79/month",
subtitle: "Best for growing teams",
buttons: [
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
price: "$79/month", subtitle: "Best for growing teams", buttons: [
{ text: "Start Free Trial", href: "/signup?plan=professional" },
],
features: [
"Up to 25 team members",
"Advanced analytics dashboard",
"AI-powered meeting summaries",
"50GB storage per user",
"Priority support",
"Custom integrations",
],
"Up to 25 team members", "Advanced analytics dashboard", "AI-powered meeting summaries", "50GB storage per user", "Priority support", "Custom integrations"],
},
{
id: "enterprise",
badge: "For Scale",
badgeIcon: Sparkles,
price: "Custom",
subtitle: "For large organizations",
buttons: [
id: "enterprise", badge: "For Scale", badgeIcon: Sparkles,
price: "Custom", subtitle: "For large organizations", buttons: [
{ text: "Contact Sales", href: "/contact?type=enterprise" },
],
features: [
"Unlimited team members",
"Unlimited storage",
"Advanced security features",
"Dedicated account manager",
"SLA guarantee",
"Custom training & onboarding",
],
"Unlimited team members", "Unlimited storage", "Advanced security features", "Dedicated account manager", "SLA guarantee", "Custom training & onboarding"],
},
]}
animationType="slide-up"
@@ -195,21 +142,13 @@ export default function HomePage() {
author="Sarah Chen, VP of Operations at TechVenture"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-professional-headshot-of-a-female-busi-1773300870484-146fbdf1.png",
alt: "Female executive",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-professional-headshot-of-a-female-busi-1773300870484-146fbdf1.png", alt: "Female executive"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-professional-headshot-of-a-male-busine-1773300872831-f85baae8.png",
alt: "Male professional",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-professional-headshot-of-a-male-busine-1773300872831-f85baae8.png", alt: "Male professional"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-professional-headshot-of-a-female-busi-1773300870904-5ca5c846.png",
alt: "Female consultant",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-professional-headshot-of-a-female-busi-1773300870904-5ca5c846.png", alt: "Female consultant"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-professional-headshot-of-a-male-entrep-1773300870683-0bbf2bf1.png",
alt: "Male entrepreneur",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ApsN9eKiL34idGZnXNbdla272o/a-professional-headshot-of-a-male-entrep-1773300870683-0bbf2bf1.png", alt: "Male entrepreneur"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -223,35 +162,17 @@ export default function HomePage() {
sideDescription="Have questions? We've got answers to help you get the most out of ConnectHub."
faqs={[
{
id: "1",
title: "How is ConnectHub different from Notion and Obsidian?",
content: "ConnectHub combines the organizational power of Notion with Obsidian's knowledge-linking capabilities, specifically designed for business discussions and meetings. We focus on real-time collaboration, meeting management, and automatic relationship detection between your business discussions.",
},
id: "1", title: "How is ConnectHub different from Notion and Obsidian?", content: "ConnectHub combines the organizational power of Notion with Obsidian's knowledge-linking capabilities, specifically designed for business discussions and meetings. We focus on real-time collaboration, meeting management, and automatic relationship detection between your business discussions."},
{
id: "2",
title: "Can I import data from other tools?",
content: "Yes! We support importing from Notion, Obsidian, Slack conversations, and many other platforms. Our migration team can help ensure a smooth transition of all your existing data and structure.",
},
id: "2", title: "Can I import data from other tools?", content: "Yes! We support importing from Notion, Obsidian, Slack conversations, and many other platforms. Our migration team can help ensure a smooth transition of all your existing data and structure."},
{
id: "3",
title: "Is there a free plan?",
content: "We offer a 14-day free trial for all plans. This gives you full access to explore ConnectHub's capabilities before committing to a plan. No credit card required to start.",
},
id: "3", title: "Is there a free plan?", content: "We offer a 14-day free trial for all plans. This gives you full access to explore ConnectHub's capabilities before committing to a plan. No credit card required to start."},
{
id: "4",
title: "How secure is my data?",
content: "We use end-to-end encryption, comply with SOC 2 Type II standards, and offer enterprise-grade security features including SAML authentication and audit logs. Your data remains yours and is never used for training AI models.",
},
id: "4", title: "How secure is my data?", content: "We use end-to-end encryption, comply with SOC 2 Type II standards, and offer enterprise-grade security features including SAML authentication and audit logs. Your data remains yours and is never used for training AI models."},
{
id: "5",
title: "Does ConnectHub work offline?",
content: "Yes, our desktop and mobile apps support offline mode. Changes sync automatically when you reconnect to the internet, ensuring you never lose work.",
},
id: "5", title: "Does ConnectHub work offline?", content: "Yes, our desktop and mobile apps support offline mode. Changes sync automatically when you reconnect to the internet, ensuring you never lose work."},
{
id: "6",
title: "What integrations do you support?",
content: "We integrate with Slack, Microsoft Teams, Google Workspace, Calendly, Zapier, and many other tools. Custom API access is available for enterprise customers.",
},
id: "6", title: "What integrations do you support?", content: "We integrate with Slack, Microsoft Teams, Google Workspace, Calendly, Zapier, and many other tools. Custom API access is available for enterprise customers."},
]}
textPosition="left"
useInvertedBackground={true}
@@ -270,7 +191,7 @@ export default function HomePage() {
{ text: "Start Free Trial", href: "/signup" },
{ text: "Schedule Demo", href: "/demo" },
]}
background={{ variant: "floatingGradient" }}
background={{ variant: "plain" }}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
@@ -283,19 +204,13 @@ export default function HomePage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/connecthub",
ariaLabel: "Follow us on Twitter",
},
href: "https://twitter.com/connecthub", ariaLabel: "Follow us on Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/connecthub",
ariaLabel: "Connect on LinkedIn",
},
href: "https://linkedin.com/company/connecthub", ariaLabel: "Connect on LinkedIn"},
{
icon: Github,
href: "https://github.com/connecthub",
ariaLabel: "View on GitHub",
},
href: "https://github.com/connecthub", ariaLabel: "View on GitHub"},
]}
/>
</footer>

59
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,34 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
textClassName?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
textClassName = '',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 400 100"
className={className}
xmlns="http://www.w3.org/2000/svg"
aria-label={text}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="middle"
className={textClassName}
fontSize="48"
fontWeight="bold"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
};