@allbluecn/web-app 0.17.0 → 0.17.1

package/src/components/shadcn-space/blocks/about-us-01/about-us.tsx

@@ -1,136 +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 { cn } from "@/lib/utils";
-import { LucideIcon, Plus } from "lucide-react";
-import { useEffect, useRef } from "react";
-import { m, useSpring, useTransform, useInView } from "motion/react";
-type aboutusData = {
-  icon: LucideIcon;
-  title: string;
-  color: string;
-}[];
-type statisticsCounter = {
-  title: string;
-  count: number;
-}[];
-const AnimatedCounter = ({
-  value,
-  isInView,
-}: {
-  value: number;
-  isInView: boolean;
-}) => {
-  const springValue = useSpring(0, {
-    bounce: 0,
-    duration: 2000,
-  });
-  const displayValue = useTransform(springValue, (current) =>
-    Math.round(current)
-  );
-  useEffect(() => {
-    if (isInView) {
-      springValue.set(value);
-    }
-  }, [isInView, value, springValue]);
-  return <m.span>{displayValue}</m.span>;
-};
-const AboutUs = ({
-  aboutusData,
-  statisticsCounter,
-}: {
-  aboutusData: aboutusData;
-  statisticsCounter: statisticsCounter;
-}) => {
-  const statsRef = useRef(null);
-  const isInView = useInView(statsRef, { once: true, margin: "-100px" });
-  return (
-    <section className="lg:py-20 sm:py-16 py-8">
-      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-16">
-        <div className="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="flex flex-col items-center justify-center gap-4"
-          >
-            <h2 className="text-3xl sm:text-4xl lg:text-5xl font-medium text-foreground text-center tracking-tight">
-              Crafting exceptional, well experienced & technology driven
-              strategies to drive impactful results with
-            </h2>
-            <div className="flex flex-wrap items-center justify-center gap-x-2 gap-y-4">
-              {aboutusData.map((item, index) => (
-                <div
-                  key={index}
-                  className={cn(
-                    "flex items-center gap-3 px-6 py-2 rounded-full",
-                    item.color
-                  )}
-                >
-                  <item.icon className="w-6 h-6 sm:w-8 sm:h-8 lg:w-10 lg:h-10" />
-                  <span
-                    className={cn(
-                      "text-4xl font-normal",
-                      "font-serif"
-                    )}
-                  >
-                    {item.title}
-                  </span>
-                </div>
-              ))}
-            </div>
-          </m.div>
-          <div
-            ref={statsRef}
-            className="w-full grid grid-cols-1 sm:grid-cols-3 gap-1 sm:gap-0"
-          >
-            {statisticsCounter?.map((value, index) => {
-              return (
-                <div
-                  key={index}
-                  className="relative px-6 py-5 sm:py-10 gap-3 flex flex-col items-center justify-center"
-                >
-                  {index !== 0 && (
-                    <div className="hidden sm:block absolute left-0 top-1/2 -translate-y-1/2 w-px h-40 bg-border" />
-                  )}
-                  <div className="flex gap-0 sm:gap-2 text-6xl sm:text-7xl md:text-8xl lg:text-9xl font-medium">
-                    <Plus
-                      strokeWidth={3.5}
-                      className="w-6 h-6 sm:w-8 sm:h-8 lg:w-12 lg:h-12"
-                    />
-                    <AnimatedCounter
-                      value={value.count}
-                      isInView={isInView}
-                    />
-                  </div>
-                  <p className="text-base font-normal text-muted-foreground text-center">
-                    {value.title}
-                  </p>
-                </div>
-              );
-            })}
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-};
-export default AboutUs;

package/src/components/shadcn-space/blocks/about-us-01/index.tsx

@@ -1,62 +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 AboutUs from "@/components/shadcn-space/blocks/about-us-01/about-us";
-import { Target, WandSparkles, Zap } from "lucide-react";
-
-const aboutusData = [
-    {
-      icon: WandSparkles,
-      title: "Creativity",
-      color: "bg-blue-500/10 text-blue-500"
-    },
-    {
-      icon: Zap,
-      title: "Innovation",
-      color: "bg-teal-400/10 text-teal-400" 
-    },
-    {
-      icon: Target,
-      title: "Strategy",
-      color: "bg-orange-400/10 text-orange-400" 
-    }
-];
-
-const statisticsCounter = [
-    {
-        title: "Total Projects Completed",
-        count: 40
-    },
-    {
-        title: "Years of Experience",
-        count: 15
-    },
-    {
-        title: "Design Awards",
-        count: 12
-    },
-]
-
-const AboutAndStats01 = () => {
-  return (
-    <>
-      <AboutUs aboutusData={aboutusData} statisticsCounter={statisticsCounter} />
-    </>
-  );
-};
-
-export default AboutAndStats01;

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

@@ -1,74 +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 { useRef } from "react";
-import { m } from "motion/react";
-import { Button } from "@/components/ui/button";
-import { ArrowUpRight } from "lucide-react";
-
-type CTAProps = {
-  className?: string;
-};
-
-const CTA = ({ className }: CTAProps) => {
-  const ref = useRef(null);
-
-  const bottomAnimation = {
-    initial: { y: "5%", opacity: 0 },
-    animate: { y: 0, opacity: 1 },
-    transition: { duration: 1, delay: 0.8 },
-  };
-
-  return (
-    <section>
-      <div className="sm:py-20 py-8">
-        <div className="max-w-7xl mx-auto sm:px-16 px-4">
-          <div
-            ref={ref}
-            className="relative overflow-hidden min-h-96 flex items-center justify-center px-6 border border-border rounded-3xl before:absolute before:w-full before:h-4/5 before:bg-linear-to-r before:from-sky-100 before:from-15% before:via-white before:via-55% before:to-amber-100 before:to-90% before:rounded-full before:top-24 before:blur-3xl before:-z-10 dark:before:from-sky-400/10 dark:before:from-40% dark:before:via-black dark:before:via-55% dark:before:to-amber-300/10 dark:before:to-60% dark:before:rounded-full dark:before:-z-10"
-          >
-            <m.div
-              {...bottomAnimation}
-              className="flex flex-col gap-6 items-center mx-auto"
-            >
-              <div className="flex flex-col gap-3 items-center text-center">
-                <h2 className="text-3xl md:text-5xl font-medium">
-                  Innovative solutions for bold brands
-                </h2>
-                <p className="max-w-2xl mx-auto">
-                  Looking to elevate your brand? We craft immersive experiences
-                  that captivate, engage, and make your business unforgettable
-                  in every interaction.
-                </p>
-              </div>
-              <Button className="relative text-sm font-medium rounded-full h-12 p-1 ps-6 pe-14 group transition-all duration-500 hover:ps-14 hover:pe-6 w-fit overflow-hidden hover:bg-primary/80 cursor-pointer">
-                <span className="relative z-10 transition-all duration-500">
-                  Let's craft together
-                </span>
-                <div className="absolute right-1 w-10 h-10 bg-background text-foreground rounded-full flex items-center justify-center transition-all duration-500 group-hover:right-[calc(100%-44px)] group-hover:rotate-45">
-                  <ArrowUpRight size={16} />
-                </div>
-              </Button>
-            </m.div>
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-};
-
-export default CTA;

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

@@ -1,100 +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 {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "@/components/ui/accordion";
-import { Badge } from "@/components/ui/badge";
-import { PlusIcon } from "lucide-react";
-import { cn } from "@/lib/utils";
-
-const FAQ_DATA = [
-  {
-    question: "What services does Shadcn Space offer?",
-    answer:
-      "We offer a wide range of services including web development, app development, and digital marketing.",
-  },
-  {
-    question: "How long does a typical project take?",
-    answer:
-      "The time it takes to complete a project depends on the complexity of the project and the scope of the work.",
-  },
-  {
-    question: "How is pricing structured at Awake Agency?",
-    answer:
-      "Pricing is based on the complexity of the project and the scope of the work.",
-  },
-  {
-    question: "Do you offer ongoing support after project completion?",
-    answer:
-      "Absolutely! We offer comprehensive post-launch support to ensure a seamless implementation and provide ongoing maintenance packages tailored to clients who need regular updates or technical assistance. Our commitment doesn’t end at launch — we’re here to help you every step of the way.",
-  },
-  {
-    question: "How often will I receive updates on my project?",
-    answer:
-      "We provide updates on a regular basis to ensure that your project is running smoothly and that you are aware of any changes or updates to the project.",
-  },
-];
-
-export default function Faq() {
-  return (
-    <section>
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 xl:py-24 py-8 flex flex-col gap-16">
-        <div className="flex flex-col gap-4 items-center animate-in fade-in slide-in-from-top-10 duration-1000 delay-100 ease-in-out fill-mode-both">
-          <Badge
-            variant="outline"
-            className="text-sm h-auto py-1 px-3 border-0 outline outline-border"
-          >
-            FAQs
-          </Badge>
-          <h2 className="text-5xl font-medium text-center max-w-lg">
-            Got questions? We’ve got answers ready
-          </h2>
-        </div>
-        <div>
-          <Accordion className="w-full flex flex-col gap-6">
-            {FAQ_DATA.map((faq, index) => (
-              <AccordionItem
-                key={`item-${index}`}
-                value={`item-${index}`}
-                className={cn(
-                  "p-6 border border-border rounded-2xl flex flex-col gap-3 group/item data-[open]:bg-accent transition-colors animate-in fade-in slide-in-from-bottom-8 duration-700 fill-mode-both",
-                  index === 0 && "delay-100",
-                  index === 1 && "delay-200",
-                  index === 2 && "delay-300",
-                  index === 3 && "delay-400",
-                  index === 4 && "delay-500",
-                )}
-              >
-                <AccordionTrigger className="p-0 text-xl font-medium hover:no-underline **:data-[slot=accordion-trigger-icon]:hidden cursor-pointer">
-                  {faq.question}
-                  <PlusIcon className="w-6 h-6 shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-45" />
-                </AccordionTrigger>
-                <AccordionContent className="p-0 text-muted-foreground text-base">
-                  {faq.answer}
-                </AccordionContent>
-              </AccordionItem>
-            ))}
-          </Accordion>
-        </div>
-      </div>
-    </section>
-  );
-}

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

@@ -1,232 +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 Logo from "@/assets/logo/logo";
-import { Separator } from "@/components/ui/separator";
-
-const TwitterIcon = () => (
-  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.791 2.188 8.46 5.996 5.58 2.188H1.408l4.984 6.518-4.723 5.399H3.69l3.646-4.166 3.187 4.166h4.068l-5.196-6.87 4.417-5.047zm-.71 10.707L3.77 3.335h1.2l7.23 9.56z" fill="currentColor" />
-  </svg>
-);
-
-const LinkedinIcon = () => (
-  <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clipPath="url(#footer01-linkedin-clip)">
-      <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="footer01-linkedin-clip">
-        <path d="M0 0h16v16H0z" />
-      </clipPath>
-    </defs>
-  </svg>
-);
-
-const DribbbleIcon = () => (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clipPath="url(#footer01-dribbble-clip)">
-      <path d="M15.942 4.242C12.683 7.617 8.333 8.7 1.874 9.117m16.25 1.583c-5.517-1.175-10.117.833-13.65 5.267M7.133 2.292c3.642 5 5 7.85 6.667 14.766M18.333 10a8.333 8.333 0 1 1-16.666 0 8.333 8.333 0 0 1 16.666 0" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-    </g>
-    <defs>
-      <clipPath id="footer01-dribbble-clip">
-        <path fill="currentColor" d="M0 0h20v20H0z" />
-      </clipPath>
-    </defs>
-  </svg>
-);
-
-const InstagramIcon = () => (
-  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clipPath="url(#footer01-instagram-clip)">
-      <path d="M12 2.162c3.204 0 3.584.012 4.849.07 1.17.054 1.805.249 2.228.413.56.218.96.478 1.38.898s.68.82.898 1.38c.164.423.36 1.058.413 2.228.058 1.265.07 1.645.07 4.849s-.012 3.584-.07 4.849c-.053 1.17-.249 1.805-.413 2.228a3.7 3.7 0 0 1-.898 1.38c-.42.42-.82.68-1.38.898-.423.164-1.058.36-2.228.413-1.265.058-1.645.07-4.849.07s-3.584-.012-4.849-.07c-1.17-.053-1.805-.249-2.228-.413a3.7 3.7 0 0 1-1.38-.898c-.42-.42-.68-.82-.898-1.38-.164-.423-.36-1.058-.413-2.228-.058-1.265-.07-1.645-.07-4.849s.012-3.584.07-4.849c.054-1.17.249-1.805.413-2.228.218-.56.478-.96.898-1.38s.82-.68 1.38-.898c.423-.164 1.058-.36 2.228-.413 1.265-.058 1.645-.07 4.849-.07M12 0C8.741 0 8.332.014 7.052.072 5.775.131 4.902.333 4.14.63a5.9 5.9 0 0 0-2.126 1.384A5.9 5.9 0 0 0 .63 4.14c-.297.763-.5 1.635-.558 2.912C.014 8.332 0 8.741 0 12s.014 3.668.072 4.948c.059 1.277.261 2.15.558 2.912.307.79.717 1.459 1.384 2.126A5.9 5.9 0 0 0 4.14 23.37c.763.297 1.635.5 2.912.558C8.332 23.986 8.741 24 12 24s3.668-.014 4.948-.072c1.277-.059 2.15-.261 2.912-.558a5.9 5.9 0 0 0 2.126-1.384 5.9 5.9 0 0 0 1.384-2.126c.297-.763.5-1.635.558-2.912.058-1.28.072-1.689.072-4.948s-.014-3.668-.072-4.948c-.059-1.277-.261-2.15-.558-2.912a5.9 5.9 0 0 0-1.384-2.126A5.9 5.9 0 0 0 19.86.63c-.763-.297-1.635-.5-2.912-.558C15.668.014 15.259 0 12 0m0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324M12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8m7.846-10.406a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0" fill="currentColor" />
-    </g>
-    <defs>
-      <clipPath id="footer01-instagram-clip">
-        <path fill="currentColor" d="M0 0h24v24H0z" />
-      </clipPath>
-    </defs>
-  </svg>
-);
-
-type FooterData = {
-  title: string;
-  links: {
-    title: string;
-    href: string;
-  }[];
-};
-
-const footerSections: FooterData[] = [
-  {
-    title: "Sitemap",
-    links: [
-      {
-        title: "Contact us",
-        href: "#",
-      },
-      {
-        title: "About us",
-        href: "#",
-      },
-      {
-        title: "Work",
-        href: "#",
-      },
-      {
-        title: "Services",
-        href: "#",
-      },
-      {
-        title: "Pricing",
-        href: "#",
-      },
-    ],
-  },
-  {
-    title: "Other Pages",
-    links: [
-      {
-        title: "Error 404",
-        href: "#",
-      },
-      {
-        title: "Terms & Conditions",
-        href: "#",
-      },
-      {
-        title: "Privacy Policy",
-        href: "#",
-      },
-    ],
-  },
-];
-
-const Footer = () => {
-  return (
-    <footer className="py-10">
-      <div className="max-w-7xl xl:px-16 lg:px-8 px-4 mx-auto">
-        <div className="flex flex-col gap-6 sm:gap-12">
-          <div className="py-12 grid grid-cols-2 sm:grid-cols-4 md:grid-cols-7 lg:grid-cols-12 gap-x-8 gap-y-10 px-6 xl:px-0">
-            <div className="col-span-full lg:col-span-4">
-              <div className="flex flex-col gap-6 animate-in fade-in slide-in-from-bottom-10 duration-1000 delay-100 ease-in-out fill-mode-both">
-                {/* Logo */}
-                <a href="#">
-                  <Logo />
-                </a>
-
-                <p className="text-base font-normal text-muted-foreground">
-                  Empowering businesses with innovative solutions. Let's create
-                  something amazing together.
-                </p>
-
-                {/* social links */}
-                <div className="flex items-center gap-4">
-                  <a
-                    href="#"
-                    className="text-muted-foreground hover:text-foreground"
-                  >
-                    <TwitterIcon />
-                  </a>
-                  <a
-                    href="#"
-                    className="text-muted-foreground hover:text-foreground"
-                  >
-                    <LinkedinIcon />
-                  </a>
-                  <a
-                    href="#"
-                    className="text-muted-foreground hover:text-foreground"
-                  >
-                    <DribbbleIcon />
-                  </a>
-                  <a
-                    href="#"
-                    className="text-muted-foreground hover:text-foreground"
-                  >
-                    <InstagramIcon />
-                  </a>
-                </div>
-              </div>
-            </div>
-
-            <div className="col-span-1 lg:block hidden"></div>
-
-            {footerSections.map(({ title, links }, index) => (
-              <div key={index} className="col-span-2">
-                <div className="flex flex-col gap-4 animate-in fade-in slide-in-from-bottom-10 duration-1000 delay-100 ease-in-out fill-mode-both">
-                  <p className="text-base font-medium text-foreground">
-                    {title}
-                  </p>
-                  <ul className="flex flex-col gap-3">
-                    {links.map(({ title, href }) => (
-                      <li key={title}>
-                        <a
-                          href={href}
-                          className="text-base font-normal text-muted-foreground hover:text-foreground"
-                        >
-                          {title}
-                        </a>
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-              </div>
-            ))}
-
-            <div className="col-span-3">
-              <div className="flex flex-col gap-4 animate-in fade-in slide-in-from-bottom-10 duration-1000 delay-100 ease-in-out fill-mode-both">
-                <p className="text-base font-medium text-foreground">
-                  Contact Details
-                </p>
-                <ul className="flex flex-col gap-3">
-                  <li>
-                    <p className="text-base font-normal text-muted-foreground">
-                      81 Rivington Street London EC2A 3AY
-                    </p>
-                  </li>
-                  <li>
-                    <a
-                      href="mailto:contact@example.com"
-                      className="text-base font-normal text-muted-foreground hover:text-foreground"
-                    >
-                      hello@shadcnspace.com
-                    </a>
-                  </li>
-                  <li>
-                    <a
-                      href="tel:+01051923556"
-                      className="text-base font-normal text-muted-foreground hover:text-foreground"
-                    >
-                      0105 192 3556
-                    </a>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-          <Separator orientation="horizontal" />
-          <p className="text-sm font-normal text-muted-foreground text-center animate-in fade-in slide-in-from-bottom-10 duration-1000 delay-100 ease-in-out fill-mode-both">
-            ©2026 Shadcn Space. All Rights Reserved
-          </p>
-        </div>
-      </div>
-    </footer>
-  );
-};
-
-export default Footer;

package/src/components/shadcn-space/blocks/hero-01/brand-slider.tsx

@@ -1,79 +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 { Marquee } from "@/components/shadcn-space/animations/marquee";
-import { m } from "motion/react";
-
-export interface BrandList {
-  image: string;
-  name: string;
-  lightimg: string;
-}
-
-function BrandSlider({ brandList }: { brandList: BrandList[] }) {
-  return (
-    <section>
-      <div className="py-6 md:py-10">
-        <div className="mx-auto max-w-6xl">
-          <m.div 
-            initial={{ opacity: 0, y: 32 }}
-            whileInView={{ opacity: 1, y: 0 }}
-            viewport={{ once: true }}
-            transition={{ duration: 1, delay: 0.6 }}
-            className="flex flex-col gap-3"
-          >
-            <div className="flex justify-center text-center py-3 md:py-4 relative">
-              <div className="flex items-center justify-center gap-4">
-                <div className="hidden md:block h-0.5 w-40 bg-linear-to-l from-muted-foreground to-white dark:from-muted-foreground dark:to-transparent opacity-20" />
-                <p className="text-sm font-normal sm:px-2 px-10 text-muted-foreground text-center">
-                  Loved by 1000+ big and small brands around the worlds
-                </p>
-                <div className="hidden md:block h-0.5 w-40 bg-linear-to-r from-muted-foreground to-white dark:from-muted-foreground dark:to-transparent opacity-20" />
-              </div>
-            </div>
-            {brandList && brandList.length > 0 && (
-              <div className="py-4">
-                <Marquee pauseOnHover className="[--duration:20s] p-0">
-                  {brandList.map((brand, index) => (
-                    <div key={index}>
-                      <img
-                        src={brand.image}
-                        alt={brand.name}
-                        width={144}
-                        height={32}
-                        className="w-36 h-8 mr-6 lg:mr-20 dark:hidden"
-                      />
-                      <img
-                        src={brand.lightimg}
-                        alt={brand.name}
-                        width={144}
-                        height={32}
-                        className="hidden dark:block w-36 h-8 mr-12 lg:mr-20"
-                      />
-                    </div>
-                  ))}
-                </Marquee>
-              </div>
-            )}
-          </m.div>
-        </div>
-      </div>
-    </section>
-  );
-}
-
-export default BrandSlider;