"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";

export default function PersonalGridTemplatePage() {
    const linkCards = [
        {
            imageSrc: "http://img.b2bpic.net/free-photo/student-holding-cup-coffee-while-listening-her-teacher-video-call-conference-laptop-computer-woman-studying-communication-information-using-e-learning-college-platform_482257-17317.jpg",            imageAlt: "Roofer inspecting a roof for a free estimate",            title: "Get Your Free Estimate",            description: "Schedule a complimentary consultation and detailed quote for your roofing project today.",            button: { text: "Request Estimate", href: "/contact-us" },
        },
        {
            imageSrc: "http://img.b2bpic.net/free-photo/green-neon-lights-alphabet-letters_53876-15060.jpg",            imageAlt: "Emergency roof repair in progress during bad weather",            title: "Emergency Roofing Services",            description: "Urgent roof damage? We provide rapid response and reliable repairs 24/7.",            button: { text: "Call Now (332) 910-0936", href: "tel:+13329100936" },
        },
        {
            imageSrc: "http://img.b2bpic.net/free-photo/number-0-made-flowers-grass-isolated-white_169016-57541.jpg",            imageAlt: "Professional roofers working on a new roof installation",            title: "Quality Workmanship & Trust",            description: "Experienced, licensed, and insured professionals dedicated to lasting roofing solutions.",            button: { text: "Our Services", href: "/roofing-services" },
        },
    ];

    return (
        <ThemeProvider
            defaultButtonVariant="text-stagger"
            defaultTextAnimation="entrance-slide"
            borderRadius="rounded"
            contentWidth="medium"
            sizing="medium"
            background="none"
            cardStyle="gradient-bordered"
            primaryButtonStyle="flat"
            secondaryButtonStyle="solid"
            headingFontWeight="medium"
        >
            <HeroPersonalLinks
                background={{ variant: "downward-rays-animated-grid" }}
                title="Brooklyn's Trusted Roofing Experts"
                linkCards={linkCards}
            />
        </ThemeProvider>
    );
}
