Tech Solutions Hero Section

import 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}
    />
  );
}