import { AISolutions } from "@/components/services/AISolutions";
import { CloudSolutions } from "@/components/services/CloudSolutions";
import MobileService from "@/components/services/MobileService";
import WebDev from "@/components/services/WebDev";
import PremiumBadge from "@/components/shared/PremiumBadge";

const Technologies = () => {
  return (
    <div className="py-24">
      {/* Hero Section */}
      <section className="mb-20 bg-primary/5 dark:bg-secondary/70 py-20 text-foreground text-center space-y-4">
        <PremiumBadge text=" Our Tech Stack" />

        <h1 className="text-4xl md:text-5xl font-bold tracking-tight">
          Modern Technology for Real <br />
          <span className="text-primary">Business</span> Needs.
        </h1>
        <p className="text-muted-foreground text-lg md:text-xl max-w-4xl mx-auto">
          We leverage the most advanced and reliable technologies to build
          scalable, high-performance digital solutions tailored to your needs.
        </p>
      </section>

      {/* web Section */}
      <WebDev />
      <MobileService />
      <AISolutions />
      <CloudSolutions />
    </div>
  );
};

export default Technologies;
