"use client";
  
import React from "react";
import Link from "next/link";
import Card from 'react-bootstrap/Card';

const GalleryImage: React.FC = () => {
  return (
    <>
      <div className="gallery_main_page ptb-100">
        <div className="container">
          <div className="row">
            <div className="col-lg-4 col-md-4 col-sm-6">
              <div className="gallery-card-item">
                <Card>
                  <Link href="/gallery/birthdays/" className="gallery-card-img">
                    <Card.Img variant="top" src="/img/gallery/gallery-front-image-1.jpg" />
                  </Link>
                  <Card.Body>
                    <Link href="/gallery/birthdays/" className="birthdays-celebration">
                      <Card.Title className="gallery-card-title mb-0">Birthdays Celebration</Card.Title>
                    </Link>
                  </Card.Body>
                </Card>
              </div>
            </div>

            <div className="col-lg-4 col-md-4 col-sm-6">
              <div className="gallery-card-item">
                <Card>
                  <Link href="/gallery/christmas/" className="gallery-card-img">
                    <Card.Img variant="top" src="/img/gallery/gallery-front-image-2.jpg" />
                  </Link>
                  <Card.Body>
                    <Link href="/gallery/christmas/" className="">
                      <Card.Title className="gallery-card-title mb-0">Christmas Celebration</Card.Title>
                    </Link>
                  </Card.Body>
                </Card>
              </div>
            </div>

            <div className="col-lg-4 col-md-4 col-sm-6">
              <div className="gallery-card-item">
                <Card>
                  <Link href="/gallery/diwali/" className="gallery-card-img">
                    <Card.Img variant="top" src="/img/gallery/gallery-front-image-3.jpg" />
                  </Link>
                  <Card.Body>
                    <Link href="/gallery/diwali/" className="">
                      <Card.Title className="gallery-card-title mb-0">Diwali Celebration</Card.Title>
                    </Link>
                  </Card.Body>
                </Card>
              </div>
            </div>
        
          </div>
        </div>
      </div>
    </>
  );
};

export default GalleryImage;