@allbluecn/web-app 0.17.0 → 0.17.1

package/src/components/shadcn-space/blocks/team-01/team.tsx

@@ -1,166 +0,0 @@
-// SPDX-License-Identifier: AGPL-3.0-or-later
-// AllBlue - 理想之海
-// Copyright (C) 2026 AllBlue Contributors
-//
-// This program is free software: you can redistribute it and/or modify
-// it under the terms of the GNU Affero General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// This program is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU Affero General Public License for more details.
-//
-// You should have received a copy of the GNU Affero General Public License
-// along with this program. If not, see <https://www.gnu.org/licenses/>.
-
-;
-import { Badge } from "@/components/ui/badge";
-import { Globe } from "lucide-react";
-import { m } from "motion/react";
-
-const LinkedinIcon = ({ size = 16 }: { size?: number }) => (
-  <svg width={size} height={size} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clipPath="url(#clip-linkedin-team01)">
-      <path d="M13.633 13.633h-2.37V9.92c0-.885-.017-2.025-1.234-2.025-1.235 0-1.424.965-1.424 1.96v3.778h-2.37V5.998H8.51v1.043h.031a2.5 2.5 0 0 1 2.246-1.233c2.403 0 2.846 1.58 2.846 3.637zM3.56 4.954a1.376 1.376 0 1 1 0-2.751 1.376 1.376 0 0 1 0 2.751m1.185 8.679H2.372V5.998h2.373zM14.815.001H1.18A1.17 1.17 0 0 0 0 1.154v13.691A1.17 1.17 0 0 0 1.18 16h13.635A1.17 1.17 0 0 0 16 14.845V1.153A1.17 1.17 0 0 0 14.815 0" fill="currentColor" />
-    </g>
-    <defs>
-      <clipPath id="clip-linkedin-team01">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
-);
-
-type team = {
-  name: string;
-  role: string;
-  image: string;
-  socials: {
-    website: string;
-    linkedin: string;
-  };
-}[];
-
-const teamData: team = [
-  {
-    name: "Logan Dang",
-    role: "WordPress Developer",
-    image: "https://images.shadcnspace.com/assets/team/team-img-01.png",
-    socials: {
-      website: "#",
-      linkedin: "#",
-    },
-  },
-  {
-    name: "Ana Belić",
-    role: "Social Media Specialist",
-    image: "https://images.shadcnspace.com/assets/team/team-img-02.png",
-    socials: {
-      website: "#",
-      linkedin: "#",
-    },
-  },
-  {
-    name: "Brian Hanley",
-    role: "Product Designer",
-    image: "https://images.shadcnspace.com/assets/team/team-img-03.png",
-    socials: {
-      website: "#",
-      linkedin: "#",
-    },
-  },
-  {
-    name: "Darko Stanković",
-    role: "UI Designer",
-    image: "https://images.shadcnspace.com/assets/team/team-img-04.png",
-    socials: {
-      website: "#",
-      linkedin: "#",
-    },
-  },
-];
-
-const Team = () => {
-  return (
-    <section>
-      <div className="lg:py-20 sm:py-16 py-8">
-        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-16 flex flex-col items-center justify-center gap-8 md:gap-16">
-          <m.div
-              initial={{ y: -40, opacity: 0 }}
-              whileInView={{ y: 0, opacity: 1 }}
-              viewport={{ once: true }}
-              transition={{
-                duration: 0.8,
-                ease: [0.21, 0.47, 0.32, 0.98],
-              }} className="max-w-xl mx-auto flex flex-col items-center justify-center text-center gap-4">
-            <Badge variant={"outline"} className="px-3 py-1 h-auto text-sm">
-              Team
-            </Badge>
-            <h2 className="text-3xl md:text-5xl font-medium text-foreground">
-              Meet the creative minds behind{" "}
-              <span className="font-serif italic font-normal">our success</span>
-            </h2>
-          </m.div>
-          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
-            {teamData?.map((value, index) => {
-              return (
-                <m.div
-                  key={index}
-                  initial={{ y: 40, opacity: 0 }}
-                  whileInView={{ y: 0, opacity: 1 }}
-                  viewport={{ once: true }}
-                  transition={{
-                    duration: 0.8,
-                    delay: index * 0.1,
-                    ease: [0.21, 0.47, 0.32, 0.98],
-                  }}
-                  className="group flex flex-col items-center justify-center gap-6"
-                >
-                  <img
-                    className="w-full h-full group-hover:grayscale transition-all duration-300"
-                    src={value.image}
-                    alt="team-img"
-                    width={400}
-                    height={400}
-                  />
-                  <div className="w-full flex flex-col gap-4 items-center justify-center">
-                    <div className="flex flex-col items-center justify-center gap-2">
-                      <h3 className="text-2xl font-medium text-foreground">
-                        {value.name}
-                      </h3>
-                      <p className="text-sm font-normal text-muted-foreground">
-                        {value.role}
-                      </p>
-                    </div>
-                    <div className="flex gap-2">
-                      <a
-                        href={value.socials.website}
-                        className="p-2 hover:bg-accent/80 rounded-full"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                      >
-                        <Globe size={16} />
-                      </a>
-                      <a
-                        href={value.socials.linkedin}
-                        className="p-2 hover:bg-accent/80 rounded-full"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                      >
-                        <LinkedinIcon size={16} />
-                      </a>
-                    </div>
-                  </div>
-                </m.div>
-              );
-            })}
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-};
-
-export default Team;