137 lines
7.3 KiB
JavaScript
137 lines
7.3 KiB
JavaScript
'use client'
|
|
import Link from "next/link"
|
|
export default function Beverage() {
|
|
return (
|
|
<>
|
|
|
|
{/* Beverage Section */}
|
|
<section className="beverage-section">
|
|
<div className="icon-layer" style={{ backgroundImage: 'url(assets/images/resource/beverage.png)' }} ></div>
|
|
<div className="auto-container">
|
|
{/* Sec Title */}
|
|
<div className="sec-title centered">
|
|
<div className="title">Best for You</div>
|
|
<h2>Our Beverage</h2>
|
|
<div className="separate"></div>
|
|
</div>
|
|
<div className="row clearfix">
|
|
|
|
{/* Beverage Column */}
|
|
<div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="milkshake"><img src="/assets/images/resource/beverage-1.jpg" alt="" loading="lazy"/></Link>
|
|
</div>
|
|
<div className="lower-content">
|
|
<h6><Link href="milkshake">Milkshake</Link></h6>
|
|
<div className="products">3 products</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Beverage Column */}
|
|
<div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="milkshake"><img src="/assets/images/resource/beverage-2.jpg" alt="" loading="lazy"/></Link>
|
|
</div>
|
|
<div className="lower-content">
|
|
<h6><Link href="milkshake">Frappe</Link></h6>
|
|
<div className="products">3 products</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Beverage Column */}
|
|
<div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="milkshake"><img src="/assets/images/resource/beverage-3.jpg" alt="" loading="lazy"/></Link>
|
|
</div>
|
|
<div className="lower-content">
|
|
<h6><Link href="milkshake">Boba Drinks</Link></h6>
|
|
<div className="products">3 products</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Beverage Column */}
|
|
<div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="milkshake"><img src="/assets/images/resource/beverage-4.jpg" alt="" loading="lazy"/></Link>
|
|
</div>
|
|
<div className="lower-content">
|
|
<h6><Link href="milkshake">Mojito</Link></h6>
|
|
<div className="products">3 products</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Beverage Column */}
|
|
<div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="milkshake"><img src="/assets/images/resource/beverage-5.jpg" alt="" loading="lazy"/></Link>
|
|
</div>
|
|
<div className="lower-content">
|
|
<h6><Link href="milkshake">Slushy</Link></h6>
|
|
<div className="products">3 products</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Beverage Column */}
|
|
<div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="milkshake"><img src="/assets/images/resource/beverage-6.jpg" alt="" loading="lazy"/></Link>
|
|
</div>
|
|
<div className="lower-content">
|
|
<h6><Link href="milkshake">Hot Chocolate</Link></h6>
|
|
<div className="products">3 products</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Beverage Column */}
|
|
<div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="milkshake"><img src="/assets/images/resource/beverage-7.jpg" alt="" loading="lazy"/></Link>
|
|
</div>
|
|
<div className="lower-content">
|
|
<h6><Link href="milkshake">smoothie</Link></h6>
|
|
<div className="products">3 products</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Beverage Column */}
|
|
<div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
|
|
<div className="inner-box">
|
|
<div className="image">
|
|
<Link href="milkshake"><img src="/assets/images/resource/beverage-8.jpg" alt="" loading="lazy"/></Link>
|
|
</div>
|
|
<div className="lower-content">
|
|
<h6><Link href="milkshake">coffee</Link></h6>
|
|
<div className="products">3 products</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{/* Button Box */}
|
|
<div className="button-box text-center">
|
|
<Link href="menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View All Products</Link>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
{/* End Beverage Section */}
|
|
|
|
</>
|
|
)
|
|
}
|