Components
Loading preview...
An About Us Landing page with breakout images, logos and stats about your company and team.
@shadcnblockscom
npx shadcn@latest add https://21st.dev/r/shadcnblockscom/about-3import { About3 } from "@/components/ui/about-3";
const DemoOne = () => {
return (
<About3
title="About Us"
description="Shadcnblocks is a passionate team dedicated to creating innovative solutions that empower businesses to thrive in the digital age."
mainImage={{
src: "https://shadcnblocks.com/images/block/placeholder-1.svg",
alt: "placeholder",
}}
secondaryImage={{
src: "https://shadcnblocks.com/images/block/placeholder-2.svg",
alt: "placeholder",
}}
breakout={{
src: "https://shadcnblocks.com/images/block/block-1.svg",
alt: "logo",
title: "Hundreds of blocks at Shadcnblocks.com",
description:
"Providing businesses with effective tools to improve workflows, boost efficiency, and encourage growth.",
buttonText: "Discover more",
buttonUrl: "https://shadcnblocks.com",
}}
companiesTitle="Valued by clients worldwide"
companies={[
{
src: "https://shadcnblocks.com/images/block/logos/company/fictional-company-logo-1.svg",
alt: "Arc",
},
{
src: "https://shadcnblocks.com/images/block/logos/company/fictional-company-logo-2.svg",
alt: "Descript",
},
{
src: "https://shadcnblocks.com/images/block/logos/company/fictional-company-logo-3.svg",
alt: "Mercury",
},
{
src: "https://shadcnblocks.com/images/block/logos/company/fictional-company-logo-4.svg",
alt: "Ramp",
},
{
src: "https://shadcnblocks.com/images/block/logos/company/fictional-company-logo-5.svg",
alt: "Retool",
},
{
src: "https://shadcnblocks.com/images/block/logos/company/fictional-company-logo-6.svg",
alt: "Watershed",
}
]}
achievementsTitle="Our Achievements in Numbers"
achievementsDescription="Providing businesses with effective tools to improve workflows, boost efficiency, and encourage growth."
achievements={
[
{ label: "Companies Supported", value: "300+" },
{ label: "Projects Finalized", value: "800+" },
{ label: "Happy Customers", value: "99%" },
{ label: "Recognized Awards", value: "10+" },
]
}
/>
);
};
export { DemoOne };