'use client'
import Link from "next/link"
export default function Gallery() {
    return (
        <>

        {/* Gallery Section Two */}
        <section className="gallery-section-two" id="gallery">
            <div className="outer-container">
                <div className="masonry-items-container row no-gutters clearfix">
                
                    <div className="col-lg-3 col-md-6 col-sm-12">
                        {/* Gallery Block Two */}
                        <div className="gallery-block-two masonry-item">
                            <div className="inner-box">
                                <div className="image-box">
                                    <img src="/assets/images/home/categories/combos.webp" alt="Street food combos at Sixty5 Street Brampton ON" loading="lazy"/>
                                    <div className="overlay-box">
                                        <h6>Combos</h6>
                                        {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    
                    <div className="col-lg-3 col-md-6 col-sm-12">
                        {/* Gallery Block Two */}
                        <div className="gallery-block-two masonry-item">
                            <div className="inner-box">
                                <div className="image-box">
                                    <img src="/assets/images/home/categories/milkshakes.webp" alt="Creamy milkshakes served at Sixty5 Street Brampton" loading="lazy"/>
                                    <div className="overlay-box">
                                        <h6>Milk Shakes</h6>
                                        {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
                                    </div>
                                </div>
                            </div>
                        </div>
                        {/* Gallery Block Two */}
                        <div className="gallery-block-two masonry-item">
                            <div className="inner-box">
                                <div className="image-box">
                                    <img src="/assets/images/home/categories/poutine.webp" alt="Signature poutine from Sixty5 Street Brampton restaurant" loading="lazy"/>
                                    <div className="overlay-box">
                                        <h6>Poutine</h6>
                                        {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    

                    <div className="col-lg-6 col-md-12 col-sm-12">
                        <div className="row no-gutters">
                            <div className="col-lg-6 col-md-6 col-sm-12">
                                {/* Gallery Block Two */}
                                <div className="gallery-block-two masonry-item">
                                    <div className="inner-box">
                                        <div className="image-box">
                                            <img src="/assets/images/home/categories/salads.webp" alt="Fresh and healthy salads at Sixty5 Street Brampton ON" loading="lazy"/>
                                            <div className="overlay-box">
                                                <h6>Salads</h6>
                                                {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                            
                            </div>
                            <div className="col-lg-6 col-md-6 col-sm-12">
                                {/* Gallery Block Two */}
                                <div className="gallery-block-two masonry-item ">
                                    <div className="inner-box">
                                        <div className="image-box">
                                            <img src="/assets/images/home/categories/shawarma.webp" alt="Shawarma wraps from Sixty5 Street Brampton restaurant" loading="lazy"/>
                                            <div className="overlay-box">
                                                <h6>Shawarma Wraps</h6>
                                                {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                            <div className="col-lg-12 col-md-12 col-sm-12">
                                {/* Gallery Block Two */}
                                <div className="gallery-block-two masonry-item">
                                    <div className="inner-box">
                                        <div className="image-box">
                                            <img src="/assets/images/home/categories/dosa.webp" alt="South Indian dosa special at Sixty5 Street Brampton ON" loading="lazy"/>
                                            <div className="overlay-box">
                                                <h6>Dosa</h6>
                                                {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        
                            </div>
                        
                        </div>
                        
                    </div>
                    
                    
                    
                    
                </div>
            </div>
        </section>
        {/* End Gallery Section Two */}
        </>
    )
}
