import React from "react";
import FullStack from "@/components/Home/Offer/FullStack";
import ManagedServices from "@/components/Home/Offer/ManagedServices";

const Offer = () => {
    return (
        <div
            className="transition-theme"
            style={{
                backgroundColor: "var(--primary-bg)", // Using CSS variable
                color: "var(--primary-text)", // Ensuring text color follows theme
                transition: "background-color 0.5s ease, color 0.5s ease", // Smooth transition
            }}>
            <div className="pt-24 pb-16">
                <h1 className="mt-6 text-2xl md:text-3xl capitalize font-bold text-center"
                    data-aos="fade-up"
                    style={{color: "var(--primary-text)"}}
                >
                    Was bieten wir?
                </h1>
                <FullStack/>
                <ManagedServices/>
            </div>
        </div>
    );
};

export default Offer;
