diff --git a/src/components/custom/ImageGalleryGrid.tsx b/src/components/custom/ImageGalleryGrid.tsx new file mode 100644 index 0000000..e3c31e6 --- /dev/null +++ b/src/components/custom/ImageGalleryGrid.tsx @@ -0,0 +1,41 @@ +import { motion } from "motion/react"; + +type ImageProps = { + src: string; + alt: string; + title: string; + description: string; +}; + +type Props = { + images: ImageProps[]; +}; + +export default function ImageGalleryGrid({ images }: Props) { + return ( + +

Our Industries

+
+ {images.map((image, index) => ( +
+ {image.alt} +
+

{image.title}

+

{image.description}

+
+
+ ))} +
+
+ ); +} \ No newline at end of file diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 7e60a9c..b5e2ced 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -3,6 +3,7 @@ import ContactCta from '@/components/sections/contact/ContactCta'; import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn'; import FeaturesLabeledList from '@/components/sections/features/FeaturesLabeledList'; import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand'; +import ImageGalleryGrid from '@/components/custom/ImageGalleryGrid'; import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards'; import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards'; @@ -30,6 +31,51 @@ export default function HomePage() { +
+ + + +
+