About 3 - Company Profile with Achievements

1import {
2  Marquee,
3  MarqueeContent,
4  MarqueeFade,
5  MarqueeItem,
6} from "@/components/kibo-ui/marquee";
7import { Button } from "@/components/ui/button";
8import { cn } from "@/lib/utils";
9 
10interface About3Props {
11  className?: string;
12  title: string;
13  description?: string;
14  mainImage: {
15    src: string;
16    alt: string;
17  };
18  secondaryImage: {
19    src: string;
20    alt: string;
21  };
22  breakout: {
23    src?: string;
24    alt?: string;
25    title: string;
26    description: string;
27    buttonText?: string;
28    buttonUrl?: string;
29  };
30  companies?: Array<{
31    src: string;
32    alt: string;
33  }> | null;
34  achievementsTitle?: string;
35  achievementsDescription?: string;
36  achievements?: Array<{
37    label: string;
38    value: string;
39  }>;
40  contentSections?: Array<{
41    title: string;
42    content: string;
43  }>;
44}
45 
46const About3 = ({
47  className,
48  title = "About Us",
49  description = "We are a passionate team dedicated to creating innovative solutions that empower businesses to thrive in the digital age. With years of experience in design and development, we craft beautiful, accessible components that help teams build faster.",
50  mainImage = {
51    src: "https://deifkwefumgah.cloudfront.net/shadcnblocks/block/photos/annie-spratt-MChSQHxGZrQ-unsplash.jpg",
52    alt: "about",
53  },
54  secondaryImage = {
55    src: "https://deifkwefumgah.cloudfront.net/shadcnblocks/block/photos/annie-spratt-AkftcHujUmk-unsplash.jpg",
56    alt: "about",
57  },
58  breakout = {
59    src: "https://deifkwefumgah.cloudfront.net/shadcnblocks/block/block-1.svg",
60    alt: "logo",
61    title: "Hundreds of blocks at Shadcnblocks.com",
62    description:
63      "Providing businesses with effective tools to improve workflows, boost efficiency, and encourage growth.",
64    buttonText: "Discover more",
65    buttonUrl: "https://www.shadcnblocks.com",
66  },
67  companies = [
68    {
69      src: "https://deifkwefumgah.cloudfront.net/shadcnblocks/block/logos/company/fictional-company-logo-1.svg",
70      alt: "Arc",
71    },
72    {
73      src: "https://deifkwefumgah.cloudfront.net/shadcnblocks/block/logos/company/fictional-company-logo-2.svg",
74      alt: "Descript",
75    },
76    {
77      src: "https://deifkwefumgah.cloudfront.net/shadcnblocks/block/logos/company/fictional-company-logo-3.svg",
78      alt: "Mercury",
79    },
80    {
81      src: "https://deifkwefumgah.cloudfront.net/shadcnblocks/block/logos/company/fictional-company-logo-4.svg",
82      alt: "Ramp",
83    },
84    {
85// … truncated