"use client";

import React from "react";

interface HeroContactSectionProps {
  title?: string;
  description?: string;
  gradientFrom?: string;
  gradientTo?: string;
}

export default function HerotSectionWithBack({
  title = "",
  description = "",
  gradientFrom = "#0F5132",
  gradientTo = "#1B7A50",
}: HeroContactSectionProps) {
  return (
    <section
      className="text-white"
      style={{
        background: `linear-gradient(to top right, ${gradientFrom}, ${gradientTo})`,
      }}
    >
      <div className="container mx-auto px-6 py-16">
        {title && (
          <h1 className="text-3xl md:text-4xl font-extrabold">{title}</h1>
        )}
        {description && <p className="mt-2 text-white/90">{description}</p>}
      </div>
    </section>
  );
}