const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL;
import { getProducts } from "@/app/lib/api";
import { getSiteInfo } from "@/app/lib/api";
import ProductCard from "../cards/ProductCard";


export default async function OurProduct() {
    const products = await getProducts();
    const siteInfo = await getSiteInfo();
    return (
        <>
            <div className="our-services py-15 bg-[url(https://static.vecteezy.com/system/resources/thumbnails/000/562/105/small/water---4.jpg)] bg-no-repeat bg-cover bg-top">
                <div className="container">
                    <div className="title text-center mb-15">
                        <span className="block md:text-xl hadding font-semibold font">We Offer</span>
                        <span className="block text-2xl md:text-[45px] font-semibold font">High-quality And Reliable <br /> Water Treatment Systems</span>
                    </div>
                    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">

                        {
                            products?.map((value, index) => (
                                <ProductCard key={index} products={value} />
                            ))
                        }

                    </div>
                </div>
            </div>


        </>
    )
}