mirror of
https://github.com/better-auth/better-auth.git
synced 2026-05-24 08:01:56 -05:00
refactor: remove TrustedBy component and adjust layout in Features component
This commit is contained in:
Bereket Engida
@@ -1,3 +1,5 @@
|
||||
"use client";
|
||||
|
||||
import { useAtom } from "jotai";
|
||||
import { CircleX, ListFilter, Moon, PlusIcon, Sun, X } from "lucide-react";
|
||||
import { useTheme } from "next-themes";
|
||||
|
||||
@@ -14,7 +14,6 @@ import { cn } from "@/lib/utils";
|
||||
import { TechStackDisplay } from "./display-techstack";
|
||||
import { GithubStat } from "./github-stat";
|
||||
import { Testimonial } from "./landing/testimonials";
|
||||
import { TrustedBy } from "./landing/trusted-by";
|
||||
import { Ripple } from "./ripple";
|
||||
|
||||
const features = [
|
||||
@@ -120,13 +119,11 @@ export default function Features({ stars }: { stars: string | null }) {
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="w-full md:border-l-[1.2px] md:border-t-[1.2px]">
|
||||
<TrustedBy />
|
||||
</div>
|
||||
<div className="w-full md:border-l-[1.2px] md:border-t-[1.2px]">
|
||||
<Testimonial />
|
||||
</div>
|
||||
<div className="relative col-span-3 md:border-l-[1.2px] md:border-t-[1.2px] h-full py-20">
|
||||
|
||||
<div className="relative col-span-3 md:border-l-[1.2px] h-full py-20">
|
||||
<div className="w-full h-full p-16 pt-10 md:px-10 2xl:px-16">
|
||||
<div className="flex flex-col items-center justify-center w-full h-full gap-3">
|
||||
<h2 className="max-w-md mx-auto mt-4 text-4xl font-bold tracking-tighter text-center md:text-4xl">
|
||||
|
||||
@@ -1,197 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { Plus } from "lucide-react";
|
||||
|
||||
const companies = [
|
||||
{
|
||||
name: "OpenAI",
|
||||
href: "https://openai.com",
|
||||
logo: (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 24 24"
|
||||
>
|
||||
<path
|
||||
className="fill-foreground"
|
||||
d="m14.805 10.432l.375-.65zm-8.162-5.32l-.65-.374zm6.18-1.656l.375-.65zm2.463.46v-.75zm4.525 4.525h.75zm.832 2.363l.65-.375zm-1.656 6.182l.375.65zm-1.63 1.901l.65.375zm-6.18 1.657l-.375.65zm-2.463-.46v.75zM4.19 15.559h-.75zm-.832-2.363l-.65.375zm1.656-6.18l-.375-.65zm10.117-.01l.374-.65l-.374-.216l-.376.216zm2.76 5.207h.75v-.433l-.375-.216zM9.195 6.817l-.375-.65a.75.75 0 0 0-.375.65zm5.61 10.364l.375.65a.75.75 0 0 0 .375-.65zm-5.845-.134l-.375.649a.75.75 0 0 0 .75 0zM6.11 11.89h-.75a.75.75 0 0 0 .374.65zM12 8.812l-.375.65l2.805 1.62l.375-.65l.375-.65l-2.805-1.62zm2.805 1.62h-.75v3.24h1.5v-3.24zm0 3.24l-.375-.65l-2.805 1.62l.375.65l.375.649l2.805-1.62zM12 15.292l.375-.65l-2.805-1.62l-.375.65l-.375.65l2.805 1.619zm-2.805-1.62h.75v-3.24h-1.5v3.24zm0-3.24l.375.65l2.805-1.62l-.375-.65l-.375-.65l-2.805 1.62zm-2.552-5.32l.65.376a3.775 3.775 0 0 1 5.155-1.382l.375-.65l.375-.65a5.275 5.275 0 0 0-7.205 1.932zm6.18-1.656l-.375.65q.441.256.786.603l.53-.53l.53-.53a5.3 5.3 0 0 0-1.096-.842zm.941.723l.252.706a3.8 3.8 0 0 1 1.27-.219v-1.5c-.621 0-1.219.108-1.774.307zm1.522-.263v.75a3.775 3.775 0 0 1 3.775 3.775h1.5a5.275 5.275 0 0 0-5.275-5.275zm4.525 4.525h-.75q-.002.511-.13.983l.724.194l.724.195a5.3 5.3 0 0 0 .182-1.372zm-.156 1.177l-.486.572c.321.272.602.603.825.99l.65-.376l.649-.375a5.3 5.3 0 0 0-1.152-1.382zm.988 1.186l-.65.375a3.775 3.775 0 0 1-1.381 5.157l.375.65l.375.65a5.275 5.275 0 0 0 1.93-7.207zm-1.656 6.182l-.375-.65c-.293.17-.6.293-.916.377l.194.725l.194.725c.435-.117.866-.29 1.277-.528zm-1.097.452l-.738-.135a3.8 3.8 0 0 1-.444 1.21l.65.374l.649.375c.31-.538.515-1.11.62-1.69zm-.533 1.45l-.65-.376a3.775 3.775 0 0 1-5.155 1.382l-.375.65l-.375.65a5.275 5.275 0 0 0 7.205-1.932zm-6.18 1.656l.375-.65a3.8 3.8 0 0 1-.787-.604l-.53.53l-.532.53c.32.32.688.606 1.099.843zm-.943-.724l-.252-.706a3.8 3.8 0 0 1-1.268.22v1.5a5.3 5.3 0 0 0 1.772-.308zm-1.52.264v-.75a3.775 3.775 0 0 1-3.775-3.775h-1.5a5.275 5.275 0 0 0 5.275 5.275zM4.19 15.559h.75q.001-.512.13-.983l-.725-.194l-.724-.195a5.3 5.3 0 0 0-.18 1.372zm.155-1.177l.486-.572c-.32-.272-.6-.603-.823-.99l-.65.376l-.65.375c.31.537.703 1 1.151 1.382zm-.987-1.186l.65-.375a3.774 3.774 0 0 1 1.38-5.156l-.374-.65l-.375-.65a5.274 5.274 0 0 0-1.93 7.206zm1.656-6.18l.375.649a3.8 3.8 0 0 1 .915-.38l-.194-.724l-.194-.725a5.3 5.3 0 0 0-1.277.53zm1.096-.455l.738.135c.075-.413.222-.821.445-1.208l-.649-.375l-.65-.375a5.3 5.3 0 0 0-.622 1.688zM12 8.812l.375.65l1.565-.903l1.565-.904l-.376-.65l-.374-.649l-1.565.903l-1.565.904zm2.805 1.62l-.375.65l3.085 1.78l.375-.649l.375-.65l-3.085-1.78zm3.085 7.006h.75v-5.225h-1.5v5.225zm-8.695-7.006h.75V6.817h-1.5v3.615zm5.61 3.24h-.75v3.509h1.5v-3.51zM12 15.292l-.375-.65l-3.04 1.755l.375.65l.375.649l3.04-1.755zM6.11 6.56h-.75v5.33h1.5V6.56zm3.085 7.11l.375-.649l-3.086-1.781l-.375.65l-.375.649L8.82 14.32zm5.935-6.665l-.376.65l4.526 2.612l.375-.65l.375-.65l-4.526-2.612zm-5.935-.189l.375.65l4.57-2.639l-.376-.65l-.375-.649l-4.57 2.639zm1.04 13.003l.374.65l4.571-2.64l-.375-.65l-.375-.649l-4.57 2.64zm-5.89-5.438l-.376.65l4.616 2.664l.375-.65l.375-.649l-4.616-2.665z"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
{
|
||||
name: "Google Labs",
|
||||
href: "https://labs.google",
|
||||
logo: (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 128 128"
|
||||
>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="M44.59 4.21a63.28 63.28 0 0 0 4.33 120.9a67.6 67.6 0 0 0 32.36.35a57.13 57.13 0 0 0 25.9-13.46a57.44 57.44 0 0 0 16-26.26a74.3 74.3 0 0 0 1.61-33.58H65.27v24.69h34.47a29.72 29.72 0 0 1-12.66 19.52a36.2 36.2 0 0 1-13.93 5.5a41.3 41.3 0 0 1-15.1 0A37.2 37.2 0 0 1 44 95.74a39.3 39.3 0 0 1-14.5-19.42a38.3 38.3 0 0 1 0-24.63a39.25 39.25 0 0 1 9.18-14.91A37.17 37.17 0 0 1 76.13 27a34.3 34.3 0 0 1 13.64 8q5.83-5.8 11.64-11.63c2-2.09 4.18-4.08 6.15-6.22A61.2 61.2 0 0 0 87.2 4.59a64 64 0 0 0-42.61-.38"
|
||||
/>
|
||||
<path
|
||||
fill="#e33629"
|
||||
d="M44.59 4.21a64 64 0 0 1 42.61.37a61.2 61.2 0 0 1 20.35 12.62c-2 2.14-4.11 4.14-6.15 6.22Q95.58 29.23 89.77 35a34.3 34.3 0 0 0-13.64-8a37.17 37.17 0 0 0-37.46 9.74a39.25 39.25 0 0 0-9.18 14.91L8.76 35.6A63.53 63.53 0 0 1 44.59 4.21"
|
||||
/>
|
||||
<path
|
||||
fill="#f8bd00"
|
||||
d="M3.26 51.5a63 63 0 0 1 5.5-15.9l20.73 16.09a38.3 38.3 0 0 0 0 24.63q-10.36 8-20.73 16.08a63.33 63.33 0 0 1-5.5-40.9"
|
||||
/>
|
||||
<path
|
||||
fill="#587dbd"
|
||||
d="M65.27 52.15h59.52a74.3 74.3 0 0 1-1.61 33.58a57.44 57.44 0 0 1-16 26.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72 29.72 0 0 0 12.66-19.54H65.27c-.01-8.22 0-16.45 0-24.68"
|
||||
/>
|
||||
<path
|
||||
fill="#319f43"
|
||||
d="M8.75 92.4q10.37-8 20.73-16.08A39.3 39.3 0 0 0 44 95.74a37.2 37.2 0 0 0 14.08 6.08a41.3 41.3 0 0 0 15.1 0a36.2 36.2 0 0 0 13.93-5.5c6.69 5.22 13.41 10.4 20.1 15.62a57.13 57.13 0 0 1-25.9 13.47a67.6 67.6 0 0 1-32.36-.35a63 63 0 0 1-23-11.59A63.7 63.7 0 0 1 8.75 92.4"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
{
|
||||
name: "Vercel",
|
||||
href: "https://vercel.com",
|
||||
logo: (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="36"
|
||||
height="36"
|
||||
viewBox="0 0 256 222"
|
||||
className="fill-foreground"
|
||||
>
|
||||
<path d="m128 0l128 221.705H0z" />
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
{
|
||||
name: "Databricks",
|
||||
href: "https://databricks.com",
|
||||
logo: (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="36"
|
||||
height="36"
|
||||
viewBox="0 0 24 24"
|
||||
>
|
||||
<path
|
||||
fill="#EE3D2C"
|
||||
d="M.95 14.184L12 20.403l9.919-5.55v2.21L12 22.662l-10.484-5.96l-.565.308v.77L12 24l11.05-6.218v-4.317l-.515-.309L12 19.118l-9.867-5.653v-2.21L12 16.805l11.05-6.218V6.32l-.515-.308L12 11.974L2.647 6.681L12 1.388l7.76 4.368l.668-.411v-.566L12 0L.95 6.27v.72L12 13.207l9.919-5.55v2.26L12 15.52L1.516 9.56l-.565.308Z"
|
||||
/>
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
{
|
||||
name: "Deel",
|
||||
href: "https://deel.com",
|
||||
logo: (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="80"
|
||||
height="32"
|
||||
viewBox="0 0 78 27"
|
||||
className="fill-[#1B1B1B] dark:fill-white"
|
||||
>
|
||||
<g id="Hug">
|
||||
<g id="Vector">
|
||||
<path
|
||||
className="fill-[#1B1B1B] dark:fill-white"
|
||||
d="M32.9309 26.3952C30.9274 26.3952 29.1412 26.009 27.5722 25.2366C26.0032 24.4642 24.7601 23.3417 23.8428 21.8693C22.9497 20.3727 22.5031 18.5986 22.5031 16.5468C22.5031 14.3985 22.9376 12.5036 23.8066 10.8622C24.6756 9.22083 25.8825 7.95357 27.4274 7.06045C28.9963 6.1432 30.7946 5.68457 32.8223 5.68457C34.9223 5.68457 36.6844 6.1432 38.1086 7.06045C39.5327 7.95357 40.5948 9.24497 41.2948 10.9347C42.019 12.6243 42.369 14.6278 42.3448 16.9451H24.4945V13.5778H39.5568L37.4206 15.1709C37.4206 13.9881 37.2516 12.9502 36.9137 12.0571C36.5999 11.164 36.093 10.4519 35.393 9.92084C34.7171 9.3898 33.8602 9.12428 32.8223 9.12428C31.7602 9.12428 30.8308 9.41394 30.0343 9.99326C29.2377 10.5726 28.6222 11.4174 28.1877 12.5278C27.7532 13.6381 27.536 14.9416 27.536 16.4382C27.536 17.7658 27.7653 18.9124 28.2239 19.8779C28.7067 20.8434 29.3584 21.5796 30.1791 22.0865C31.024 22.5693 31.9533 22.8107 32.9671 22.8107C34.3671 22.8107 35.5258 22.4366 36.443 21.6883C37.3844 20.9158 38.0723 19.9503 38.5068 18.7917L42.5983 21.2538C41.4396 22.9917 40.0275 24.2831 38.362 25.128C36.7206 25.9728 34.9102 26.3952 32.9309 26.3952Z"
|
||||
/>
|
||||
<path
|
||||
className="fill-[#1B1B1B] dark:fill-white"
|
||||
d="M54.2042 26.3952C52.2007 26.3952 50.4145 26.009 48.8455 25.2366C47.2765 24.4642 46.0334 23.3417 45.1161 21.8693C44.223 20.3727 43.7764 18.5986 43.7764 16.5468C43.7764 14.3985 44.2109 12.5036 45.0799 10.8622C45.9489 9.22083 47.1558 7.95357 48.7006 7.06045C50.2696 6.1432 52.0679 5.68457 54.0956 5.68457C56.1956 5.68457 57.9577 6.1432 59.3818 7.06045C60.806 7.95357 61.8681 9.24497 62.5681 10.9347C63.2922 12.6243 63.6423 14.6278 63.6181 16.9451H45.7678V13.5778H60.8301L58.6939 15.1709C58.6939 13.9881 58.5249 12.9502 58.187 12.0571C57.8732 11.164 57.3663 10.4519 56.6663 9.92084C55.9904 9.3898 55.1335 9.12428 54.0956 9.12428C53.0335 9.12428 52.1041 9.41394 51.3076 9.99326C50.511 10.5726 49.8955 11.4174 49.461 12.5278C49.0265 13.6381 48.8093 14.9416 48.8093 16.4382C48.8093 17.7658 49.0386 18.9124 49.4972 19.8779C49.98 20.8434 50.6317 21.5796 51.4524 22.0865C52.2972 22.5693 53.2266 22.8107 54.2404 22.8107C55.6404 22.8107 56.799 22.4366 57.7163 21.6883C58.6577 20.9158 59.3456 19.9503 59.7801 18.7917L63.8716 21.2538C62.7129 22.9917 61.3008 24.2831 59.6353 25.128C57.9939 25.9728 56.1835 26.3952 54.2042 26.3952Z"
|
||||
/>
|
||||
<path
|
||||
className="fill-[#1B1B1B] dark:fill-white"
|
||||
d="M65.2308 0H70.0826V21.1814C70.0826 22.8952 70.167 24.4642 70.336 25.8883H65.2308V0Z"
|
||||
/>
|
||||
<path
|
||||
className="fill-[#1B1B1B] dark:fill-white"
|
||||
d="M0 16.0536C0 8.88282 4.57742 5.69628 9.59667 5.69628C14.1776 5.69628 16.1093 8.60687 16.1093 8.60687V0.00960845H21.0708V21.1967C21.0708 22.9359 21.1306 24.5052 21.252 25.9046H16.1109V23.5265C16.1109 23.5265 14.1423 26.411 9.59829 26.411C4.75405 26.411 0 23.6312 0 16.0536ZM10.8639 22.604C14.3778 22.604 16.6497 19.9295 16.6497 16.0536C16.6497 12.0422 14.3762 9.5032 10.8639 9.5032C7.35158 9.5032 5.16209 11.9168 5.16209 16.0536C5.16209 20.1904 7.4438 22.604 10.8639 22.604Z"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
id="."
|
||||
className="fill-[#1B1B1B] dark:fill-white"
|
||||
d="M73.2188 21.2539H77.9981V25.8885H73.2188V21.2539Z"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
{
|
||||
name: "Exa",
|
||||
href: "https://exa.com",
|
||||
logo: (
|
||||
<svg
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 80 100"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M0 0H78.1818V7.46269L44.8165 50L78.1818 92.5373V100H0V0ZM39.5825 43.1172L66.6956 7.46269H12.4695L39.5825 43.1172ZM8.79612 16.3977V46.2687H31.5111L8.79612 16.3977ZM31.5111 53.7313H8.79612V83.6023L31.5111 53.7313ZM12.4695 92.5373L39.5825 56.8828L66.6956 92.5373H12.4695Z"
|
||||
fill="#1F40ED"
|
||||
></path>
|
||||
</svg>
|
||||
),
|
||||
},
|
||||
];
|
||||
|
||||
export function TrustedBy() {
|
||||
return (
|
||||
<div className="relative w-full py-20 overflow-hidden">
|
||||
{/* Background grid pattern */}
|
||||
<div className="absolute inset-0 bg-grid text-muted/50 dark:text-white/[0.02]" />
|
||||
<div className="absolute inset-0 bg-gradient-to-b from-background via-transparent to-background" />
|
||||
|
||||
<div className="relative max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
{/* Header */}
|
||||
<div className="flex flex-col items-center gap-4 mb-12">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-xs text-muted-foreground uppercase tracking-widest font-medium">
|
||||
Trusted by
|
||||
</span>
|
||||
</div>
|
||||
<h3 className="text-2xl md:text-3xl font-bold tracking-tight text-center">
|
||||
Teams building the future
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
{/* Logos Grid */}
|
||||
<div className="relative">
|
||||
{/* Gradient overlay on sides */}
|
||||
<div className="absolute left-0 top-0 bottom-0 w-8 bg-gradient-to-r from-background to-transparent z-10 pointer-events-none" />
|
||||
<div className="absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none" />
|
||||
|
||||
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-6 md:gap-8 items-center justify-items-center py-8 px-4 border-y border-dashed border-zinc-200 dark:border-zinc-800">
|
||||
{companies.map((company) => (
|
||||
<a
|
||||
key={company.name}
|
||||
href={company.href}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="flex flex-col items-center gap-3 group p-4 transition-all duration-200"
|
||||
>
|
||||
<div className="transition-transform duration-200 group-hover:scale-110">
|
||||
{company.logo}
|
||||
</div>
|
||||
<span className="relative text-sm font-medium text-muted-foreground group-hover:text-foreground transition-colors after:absolute after:left-0 after:bottom-0 after:h-px after:w-0 after:bg-foreground after:transition-all after:duration-300 group-hover:after:w-full">
|
||||
{company.name}
|
||||
</span>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user