landing-6

Author: ComputelessComputer

apps/web/public/icons/adobe.svg

@@ -80,14 +80,14 @@ export function GitHubOpenSource() {
           <div className="text-center space-y-4">
             <h2 className="text-3xl font-serif text-stone-600">Open source</h2>
             <p className="text-lg text-neutral-600">
-              Hyprnote was built to be transparent from day one, attracting great engineers around the world
+              {"Hyprnote values privacy and community, so it's been transparent from day one"}
             </p>
             <a
               href={`https://github.com/${ORG_REPO}`}
               target="_blank"
               rel="noopener noreferrer"
               className={cn([
-                "group px-6 h-12 inline-flex items-center justify-center gap-2 text-base sm:text-lg",
+                "group px-6 h-12 inline-flex items-center justify-center gap-2",
                 "bg-linear-to-t from-neutral-800 to-neutral-700 text-white rounded-full",
                 "shadow-md hover:shadow-lg hover:scale-[102%] active:scale-[98%]",
                 "transition-all cursor-pointer",

apps/web/src/components/github-open-source.tsx

@@ -15,14 +15,14 @@ function LogoCard({ logo, className, children, ...props }: LogoCardProps) {
   return (
     <div
       className={cn(
-        "flex items-center justify-center bg-transparent px-4 py-8 md:p-8 hover:bg-neutral-50 transition-colors cursor-pointer",
+        "flex items-center justify-center bg-transparent px-4 py-8 md:p-8 hover:bg-neutral-50 transition-colors",
         className,
       )}
       {...props}
     >
       <img
         alt={logo.alt}
-        className="pointer-events-none h-4 select-none md:h-5"
+        className="pointer-events-none h-5 select-none md:h-6"
         height={logo.height || "auto"}
         src={logo.src}
         width={logo.width || "auto"}

apps/web/src/components/logo-cloud.tsx

@@ -75,7 +75,7 @@ export function SocialCard({
             <path d={config.iconPath} />
           </svg>
         </div>
-        <p className="text-neutral-700 leading-relaxed line-clamp-15 overflow-hidden">{body}</p>
+        <p className="text-neutral-700 leading-relaxed line-clamp-4 md:line-clamp-15 overflow-hidden">{body}</p>
       </div>
     </a>
   );

apps/web/src/components/social-card.tsx

@@ -71,14 +71,14 @@ export function VideoPlayer({
               e.stopPropagation();
               onLearnMore?.();
             }}
-            className={cn(
+            className={cn([
               "flex-1 py-4 text-xs font-mono",
               "bg-stone-100/95 text-stone-800",
               "border-r border-stone-400/50",
               "hover:bg-stone-200/95 active:bg-stone-400/95",
               "transition-all duration-150",
               "backdrop-blur-sm",
-            )}
+            ])}
           >
             Learn more
           </button>
@@ -87,13 +87,13 @@ export function VideoPlayer({
               e.stopPropagation();
               onExpandVideo?.();
             }}
-            className={cn(
+            className={cn([
               "flex-1 py-4 text-xs font-mono",
               "bg-stone-100/95 text-stone-800",
               "hover:bg-stone-200/95 active:bg-stone-400/95",
               "transition-all duration-150",
               "backdrop-blur-sm",
-            )}
+            ])}
           >
             Expand video
           </button>