Components
Loading preview...
A responsive, grid-based showcase component for HAOS Tech Solutions with a customizable registry-ad background slot, dark-mode support, and accessible controls.
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/tech-solutions-hero-sectionimport React from 'react';
import HaosShowcase from '@/components/ui/tech-solutions-hero-section';
import { Component } from '@/components/ui/raycast-animated-blue-background';
export default function App() {
const handleAction = () => console.log('Action icon clicked');
return (
<HaosShowcase
bg={<Component />}
bg1={<Component />}
category="BRANDING"
year="2024"
solutionLabel="TECH SOLUTIONS"
solutionValue="AUTOMATION & ROBOTICS"
title="HAOS Tech Solutions"
subtitle="Brand Concept & Identity"
statLabel="HIGH-QUALITY"
statValue="DEVELOPMENT"
bottomValue="+2K"
progressPercent={60}
logoText="hAOS"
onAction={handleAction}
/>
);
}