except home all pages deleted
This commit is contained in:
parent
b0761539e8
commit
0407367ce2
@ -1,327 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
|
||||
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
// autoplay: {
|
||||
// delay: 2500,
|
||||
// disableOnInteraction: false,
|
||||
// },
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.srn',
|
||||
prevEl: '.srp',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
export default function About() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="About Us">
|
||||
{/* History Section */}
|
||||
<section className="history-section-two">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Image Column */}
|
||||
<div className="image-column col-lg-7 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/history-3.jpg" alt="" />
|
||||
</div>
|
||||
<div className="image-two">
|
||||
<img src="assets/images/resource/history-4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content Column */}
|
||||
<div className="content-column col-lg-5 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title">
|
||||
<div className="title">Our Vision and History </div>
|
||||
<h2>Founded in 1970 by <span className="theme_color">Chairman Jay Martin</span></h2>
|
||||
<div className="text">The Juice Plus+ Company has grown from a small, direct-sales company into a highly successful, privately held health and wellness company operatinLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
|
||||
</div>
|
||||
<ul className="list-style-two">
|
||||
<li>Cras at mi luctus, tincidunt urna eu, posuere enim</li>
|
||||
<li>Vivamus elementum lorem vitae quam tincidunt</li>
|
||||
<li>Suspendisse accumsan eros eu erat condimentum</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End History Section */}
|
||||
|
||||
{/* Gallery Section Two */}
|
||||
<section className="gallery-section-two">
|
||||
<div className="outer-container">
|
||||
<div className="masonry-items-container row clearfix">
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two masonry-item col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/19.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="row">
|
||||
<div className="gallery-block-two masonry-item col-lg-12 col-md-12 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/20.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two masonry-item col-lg-12 col-md-12 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/23.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="row">
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two masonry-item col-lg-6 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/21.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two masonry-item col-lg-6 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/22.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two masonry-item col-lg-12 col-md-12 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/24.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section Two */}
|
||||
|
||||
{/* Staff Section */}
|
||||
<section className="staff-section">
|
||||
<div className="auto-container">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title centered">
|
||||
<div className="title">Our most valuable asset</div>
|
||||
<h2>Friendly Staff</h2>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-1.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-2.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-3.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Staff Section */}
|
||||
|
||||
{/* Testimonial Section */}
|
||||
<section className="testimonial-section">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/icons/icon-1.png)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/icons/icon-2.png)' }} ></div>
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/icons/icon-3.png)' }} ></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/pattern-4.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title centered">
|
||||
<div className="title">Testimonial</div>
|
||||
<h2>What People Say</h2>
|
||||
<div className="separate"></div>
|
||||
</div>
|
||||
<div className="inner-container">
|
||||
<Swiper {...swiperOptions} className="single-item-carousel ">
|
||||
|
||||
{/* Testimonial Block */}
|
||||
<SwiperSlide>
|
||||
<div className="testimonial-block">
|
||||
<div className="inner-box">
|
||||
<div className="author-image">
|
||||
<img src="assets/images/resource/author-1.jpg" alt="" />
|
||||
</div>
|
||||
<div className="text">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et <br/> dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <br/> ullamco.”</div>
|
||||
<div className="designation">Meredith Grant <span>- Host Mother</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
|
||||
{/* Testimonial Block */}
|
||||
<SwiperSlide>
|
||||
<div className="testimonial-block">
|
||||
<div className="inner-box">
|
||||
<div className="author-image">
|
||||
<img src="assets/images/resource/author-1.jpg" alt="" />
|
||||
</div>
|
||||
<div className="text">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et <br/> dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <br/> ullamco.”</div>
|
||||
<div className="designation">Meredith Grant <span>- Host Mother</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
|
||||
{/* Testimonial Block */}
|
||||
<SwiperSlide>
|
||||
<div className="testimonial-block">
|
||||
<div className="inner-box">
|
||||
<div className="author-image">
|
||||
<img src="assets/images/resource/author-1.jpg" alt="" />
|
||||
</div>
|
||||
<div className="text">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et <br/> dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <br/> ullamco.”</div>
|
||||
<div className="designation">Meredith Grant <span>- Host Mother</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Testimonial Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -1,333 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import { useState } from 'react'
|
||||
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
// autoplay: {
|
||||
// delay: 2500,
|
||||
// disableOnInteraction: false,
|
||||
// },
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.srn',
|
||||
prevEl: '.srp',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Blog List With Right Sidebar">
|
||||
{/* Sidebar Page Container */}
|
||||
<div className="sidebar-page-container">
|
||||
<div className="section-text">yummy</div>
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/icons/icon-1.png)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/icons/icon-2.png)' }} ></div>
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/icons/icon-3.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Content Side */}
|
||||
<div className="content-side col-lg-8 col-md-12 col-sm-12">
|
||||
<div className="blog-classNameic">
|
||||
|
||||
{/* News Block Three */}
|
||||
<div className="news-block-three">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/news-16.jpg" alt="" />
|
||||
{/* Overlay Box */}
|
||||
<div className="overlay-box">
|
||||
<div className="overlay-inner">
|
||||
<div className="content">
|
||||
<Link href="assets/images/resource/news-16.jpg" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="category">smoothie</div>
|
||||
<h3><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h3>
|
||||
<ul className="post-info">
|
||||
<li>May 21, 2021</li>
|
||||
<li>2 Comments</li>
|
||||
<li><Link href="news-detail">Share</Link></li>
|
||||
</ul>
|
||||
<div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* News Block Three */}
|
||||
<div className="news-block-three">
|
||||
<div className="inner-box">
|
||||
<div className="lower-content">
|
||||
<div className="category">smoothie</div>
|
||||
<h3><Link href="news-detail">Breakfast At Hotel</Link></h3>
|
||||
<ul className="post-info">
|
||||
<li>May 21, 2021</li>
|
||||
<li>2 Comments</li>
|
||||
<li><Link href="news-detail">Share</Link></li>
|
||||
</ul>
|
||||
<div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* News Block Three */}
|
||||
<div className="news-block-three">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/news-17.jpg" alt="" />
|
||||
{/* Overlay Box */}
|
||||
<div className="overlay-box">
|
||||
<div className="overlay-inner">
|
||||
<div className="content">
|
||||
<Link href="assets/images/resource/news-17.jpg" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="category">smoothie</div>
|
||||
<h3><Link href="news-detail">Drinking Healthy And Fruity </Link></h3>
|
||||
<ul className="post-info">
|
||||
<li>May 21, 2021</li>
|
||||
<li>2 Comments</li>
|
||||
<li><Link href="news-detail">Share</Link></li>
|
||||
</ul>
|
||||
<div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* News Block Three */}
|
||||
<div className="news-block-three">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/news-18.jpg" alt="" />
|
||||
<a onClick={() => setOpen(true)} className="lightbox-image video-overlay-box"><span className="flaticon-play-arrow"><i className="ripple"></i></span></a>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="category">smoothie</div>
|
||||
<h3><Link href="news-detail">Drinking Healthy And Fruity </Link></h3>
|
||||
<ul className="post-info">
|
||||
<li>May 21, 2021</li>
|
||||
<li>2 Comments</li>
|
||||
<li><Link href="news-detail">Share</Link></li>
|
||||
</ul>
|
||||
<div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="Get7rqXYrbQ" onClose={() => setOpen(false)} />
|
||||
|
||||
{/* News Block Four */}
|
||||
<div className="news-block-four">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/news-19.jpg" alt="" />
|
||||
<div className="content">
|
||||
<div className="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
|
||||
<div className="designation">Michael John</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* News Block Three */}
|
||||
<div className="news-block-three">
|
||||
<div className="inner-box">
|
||||
<Swiper {...swiperOptions} className="single-item-carousel ">
|
||||
<SwiperSlide>
|
||||
<div className="slide">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/news-20.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="slide">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/news-20.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="slide">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/news-20.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
<div className="lower-content">
|
||||
<div className="category">smoothie</div>
|
||||
<h3><Link href="news-detail">Pink Snack Ready To Go </Link></h3>
|
||||
<ul className="post-info">
|
||||
<li>May 21, 2021</li>
|
||||
<li>2 Comments</li>
|
||||
<li><Link href="news-detail">Share</Link></li>
|
||||
</ul>
|
||||
<div className="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudan...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Styled Pagination */}
|
||||
<ul className="styled-pagination text-center">
|
||||
<li><Link href="#">01</Link></li>
|
||||
<li><Link href="#" className="active">02</Link></li>
|
||||
<li><Link href="#">03</Link></li>
|
||||
<li className="next"><Link href="#"><span className="fa fa-angle-right"></span></Link></li>
|
||||
</ul>
|
||||
{/* End Styled Pagination */}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Sidebar Side */}
|
||||
<div className="sidebar-side col-lg-4 col-md-12 col-sm-12">
|
||||
<aside className="sidebar sticky-top">
|
||||
|
||||
{/* Search */}
|
||||
<div className="sidebar-widget search-box">
|
||||
<div className="sidebar-title">
|
||||
<h6>Search Course</h6>
|
||||
</div>
|
||||
<form method="post" >
|
||||
<div className="form-group">
|
||||
<input type="search" name="search-field" placeholder="Your search"/>
|
||||
<button type="submit"><span className="icon fa fa-search"></span></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{/* About Widget */}
|
||||
<div className="sidebar-widget about-widget">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>About us</h6>
|
||||
</div>
|
||||
<div className="text">Pellentesque semper ut sem non aliquet. Nullam tincidunt vestibulum condimentum. Duis at mollis orci. Nulla facilisi. Pellentesque in mi ut diam consequat sollicitudin</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Category Widget */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>Product categories</h6>
|
||||
</div>
|
||||
<ul className="cat-list">
|
||||
<li><Link href="#">Colorful</Link></li>
|
||||
<li><Link href="#">Fruit Bowl</Link></li>
|
||||
<li><Link href="#">Healthy</Link></li>
|
||||
<li><Link href="#">Ice Cream</Link></li>
|
||||
<li><Link href="#">Mixed</Link></li>
|
||||
<li><Link href="#">Shakes</Link></li>
|
||||
<li><Link href="#">Smoothie</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Popular Posts */}
|
||||
<div className="sidebar-widget popular-posts">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>Products</h6>
|
||||
</div>
|
||||
|
||||
<article className="post">
|
||||
<figure className="post-thumb"><img src="assets/images/resource/post-thumb-1.jpg" alt=""/><Link href="news-detail" className="overlay-box"><span className="icon fa fa-link"></span></Link></figure>
|
||||
<div className="text"><Link href="news-detail">Hippie Chick</Link></div>
|
||||
<div className="post-info">$120</div>
|
||||
</article>
|
||||
|
||||
<article className="post">
|
||||
<figure className="post-thumb"><img src="assets/images/resource/post-thumb-2.jpg" alt=""/><Link href="news-detail" className="overlay-box"><span className="icon fa fa-link"></span></Link></figure>
|
||||
<div className="text"><Link href="news-detail">Hippie Chick</Link></div>
|
||||
<div className="post-info">$120</div>
|
||||
</article>
|
||||
|
||||
<article className="post">
|
||||
<figure className="post-thumb"><img src="assets/images/resource/post-thumb-3.jpg" alt=""/><Link href="news-detail" className="overlay-box"><span className="icon fa fa-link"></span></Link></figure>
|
||||
<div className="text"><Link href="news-detail">Hippie Chick</Link></div>
|
||||
<div className="post-info">$120</div>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Tags Posts */}
|
||||
<div className="sidebar-widget tags-posts">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>Product tags</h6>
|
||||
</div>
|
||||
<ul className="tag-list clearfix">
|
||||
<li><Link href="#">Colorful</Link></li>
|
||||
<li><Link href="#">Fruit Bowl</Link></li>
|
||||
<li><Link href="#">Healthy</Link></li>
|
||||
<li><Link href="#">Ice Cream</Link></li>
|
||||
<li><Link href="#">Mixed</Link></li>
|
||||
<li><Link href="#">Shakes</Link></li>
|
||||
<li><Link href="#">Smoothie</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Social Widget */}
|
||||
<div className="sidebar-widget social-widget">
|
||||
<div className="sidebar-title">
|
||||
<h6>Share</h6>
|
||||
</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-facebook"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-dribbble"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,261 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Broad Bean And Goats’ Cheese Bruschetta">
|
||||
{/* Sidebar Page Container */}
|
||||
<div className="sidebar-page-container">
|
||||
<div className="section-text">yummy</div>
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/icons/icon-1.png)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/icons/icon-2.png)' }} ></div>
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/icons/icon-3.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Content Side */}
|
||||
<div className="content-side col-lg-8 col-md-12 col-sm-12">
|
||||
<div className="blog-detail">
|
||||
<div className="inner-box">
|
||||
<ul className="post-info">
|
||||
<li>May 21, 2021</li>
|
||||
<li>2 Comments</li>
|
||||
<li><Link href="news-detail">Share</Link></li>
|
||||
</ul>
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/news-21.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsannec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet velit.</p>
|
||||
<p>Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. className aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat.</p>
|
||||
<blockquote>
|
||||
Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsannec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet velit.
|
||||
</blockquote>
|
||||
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsannec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet velit.</p>
|
||||
<p>Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. className aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat.</p>
|
||||
{/* Post Share Options*/}
|
||||
<div className="post-share-options">
|
||||
<ul className="tags">
|
||||
<li><span className="icon fa fa-tag"></span></li>
|
||||
<li><Link href="#">Colorful</Link></li>
|
||||
<li><Link href="#">Fruit Bowl</Link></li>
|
||||
<li><Link href="#">Healthy</Link></li>
|
||||
<li><Link href="#">Ice Cream</Link></li>
|
||||
<li><Link href="#">Mixed Shakes</Link></li>
|
||||
<li><Link href="#">Smoothie</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Author Box */}
|
||||
<div className="author-box">
|
||||
<div className="box-inner">
|
||||
<div className="content">
|
||||
<div className="author-image">
|
||||
<img src="assets/images/resource/author-3.jpg" alt="" />
|
||||
</div>
|
||||
<h6>Amy Burton</h6>
|
||||
<div className="text">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End Author Box */}
|
||||
|
||||
{/* Comments Area */}
|
||||
<div className="comments-area">
|
||||
<div className="group-title">
|
||||
<h4>2 Comments</h4>
|
||||
</div>
|
||||
|
||||
<div className="comment-box">
|
||||
<div className="comment">
|
||||
<div className="author-thumb"><img src="assets/images/resource/author-4.jpg" alt=""/></div>
|
||||
<div className="comment-info clearfix"><strong>Nikol</strong><div className="comment-time">7 months ago </div></div>
|
||||
<div className="text">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum.</div>
|
||||
<Link className="theme-btn reply-btn" href="#"><span className="fa fa-mail-reply"></span> Reply</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="comment-box reply-comment">
|
||||
<div className="comment">
|
||||
<div className="author-thumb"><img src="assets/images/resource/author-5.jpg" alt=""/></div>
|
||||
<div className="comment-info clearfix"><strong>Randow</strong><div className="comment-time">7 months ago </div></div>
|
||||
<div className="text">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum.</div>
|
||||
<Link className="theme-btn reply-btn" href="#"><span className="fa fa-mail-reply"></span> Reply</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{/* Comment Form */}
|
||||
<div className="comment-form-box">
|
||||
<div className="group-title">
|
||||
<h4>Leave a Reply</h4>
|
||||
<div className="comment-text">Your email address will not be published. Required fields are marked *</div>
|
||||
</div>
|
||||
|
||||
{/* Comment Form */}
|
||||
<div className="comment-form">
|
||||
{/* Contact Form */}
|
||||
<form method="post" >
|
||||
<div className="row clearfix">
|
||||
|
||||
<div className="form-group col-lg-12 col-md-12 col-sm-12">
|
||||
<textarea name="message" placeholder="Your Comment"></textarea>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-6 col-md-6 col-sm-12">
|
||||
<input type="text" name="username" placeholder="Your Name"/>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-6 col-md-6 col-sm-12">
|
||||
<input type="email" name="email" placeholder="Your Email"/>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-12 col-md-12 col-sm-12">
|
||||
<input type="text" name="subject" placeholder="Subject"/>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||||
<div className="check-box"><input type="checkbox" name="shipping-option" id="account-option"/>   <label >Save my name, email, and website in this browser for the next time I comment.</label></div>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-12 col-md-12 col-sm-12">
|
||||
<button type="submit" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Post Comment</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
{/* Contact Form */}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Sidebar Side */}
|
||||
<div className="sidebar-side col-lg-4 col-md-12 col-sm-12">
|
||||
<aside className="sidebar sticky-top">
|
||||
|
||||
{/* Search */}
|
||||
<div className="sidebar-widget search-box">
|
||||
<div className="sidebar-title">
|
||||
<h6>Search Course</h6>
|
||||
</div>
|
||||
<form method="post" >
|
||||
<div className="form-group">
|
||||
<input type="search" name="search-field" placeholder="Your search"/>
|
||||
<button type="submit"><span className="icon fa fa-search"></span></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{/* About Widget */}
|
||||
<div className="sidebar-widget about-widget">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>About us</h6>
|
||||
</div>
|
||||
<div className="text">Pellentesque semper ut sem non aliquet. Nullam tincidunt vestibulum condimentum. Duis at mollis orci. Nulla facilisi. Pellentesque in mi ut diam consequat sollicitudin</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Category Widget */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>Product categories</h6>
|
||||
</div>
|
||||
<ul className="cat-list">
|
||||
<li><Link href="#">Colorful</Link></li>
|
||||
<li><Link href="#">Fruit Bowl</Link></li>
|
||||
<li><Link href="#">Healthy</Link></li>
|
||||
<li><Link href="#">Ice Cream</Link></li>
|
||||
<li><Link href="#">Mixed</Link></li>
|
||||
<li><Link href="#">Shakes</Link></li>
|
||||
<li><Link href="#">Smoothie</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Popular Posts */}
|
||||
<div className="sidebar-widget popular-posts">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>Products</h6>
|
||||
</div>
|
||||
|
||||
<article className="post">
|
||||
<figure className="post-thumb"><img src="assets/images/resource/post-thumb-1.jpg" alt=""/><Link href="news-detail" className="overlay-box"><span className="icon fa fa-link"></span></Link></figure>
|
||||
<div className="text"><Link href="news-detail">Hippie Chick</Link></div>
|
||||
<div className="post-info">$120</div>
|
||||
</article>
|
||||
|
||||
<article className="post">
|
||||
<figure className="post-thumb"><img src="assets/images/resource/post-thumb-2.jpg" alt=""/><Link href="news-detail" className="overlay-box"><span className="icon fa fa-link"></span></Link></figure>
|
||||
<div className="text"><Link href="news-detail">Hippie Chick</Link></div>
|
||||
<div className="post-info">$120</div>
|
||||
</article>
|
||||
|
||||
<article className="post">
|
||||
<figure className="post-thumb"><img src="assets/images/resource/post-thumb-3.jpg" alt=""/><Link href="news-detail" className="overlay-box"><span className="icon fa fa-link"></span></Link></figure>
|
||||
<div className="text"><Link href="news-detail">Hippie Chick</Link></div>
|
||||
<div className="post-info">$120</div>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Tags Posts */}
|
||||
<div className="sidebar-widget tags-posts">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>Product tags</h6>
|
||||
</div>
|
||||
<ul className="tag-list clearfix">
|
||||
<li><Link href="#">Colorful</Link></li>
|
||||
<li><Link href="#">Fruit Bowl</Link></li>
|
||||
<li><Link href="#">Healthy</Link></li>
|
||||
<li><Link href="#">Ice Cream</Link></li>
|
||||
<li><Link href="#">Mixed</Link></li>
|
||||
<li><Link href="#">Shakes</Link></li>
|
||||
<li><Link href="#">Smoothie</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Social Widget */}
|
||||
<div className="sidebar-widget social-widget">
|
||||
<div className="sidebar-title">
|
||||
<h6>Share</h6>
|
||||
</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-facebook"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-dribbble"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,260 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Blog No Image">
|
||||
{/* Sidebar Page Container */}
|
||||
<div className="sidebar-page-container">
|
||||
<div className="section-text">yummy</div>
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/icons/icon-1.png)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/icons/icon-2.png)' }} ></div>
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/icons/icon-3.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Content Side */}
|
||||
<div className="content-side col-lg-8 col-md-12 col-sm-12">
|
||||
<div className="blog-detail">
|
||||
<div className="inner-box">
|
||||
<div className="lower-content">
|
||||
<div className="category">smoothie</div>
|
||||
<h3>Broad bean and goats’ cheese bruschetta</h3>
|
||||
<ul className="post-info">
|
||||
<li>May 21, 2021</li>
|
||||
<li>2 Comments</li>
|
||||
<li><Link href="news-detail">Share</Link></li>
|
||||
</ul>
|
||||
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsannec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet velit.</p>
|
||||
<p>Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. className aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat.</p>
|
||||
<blockquote>
|
||||
Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsannec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet velit.
|
||||
</blockquote>
|
||||
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsannec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet velit.</p>
|
||||
<p>Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. className aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat.</p>
|
||||
{/* Post Share Options*/}
|
||||
<div className="post-share-options">
|
||||
<ul className="tags">
|
||||
<li><span className="icon fa fa-tag"></span></li>
|
||||
<li><Link href="#">Colorful</Link></li>
|
||||
<li><Link href="#">Fruit Bowl</Link></li>
|
||||
<li><Link href="#">Healthy</Link></li>
|
||||
<li><Link href="#">Ice Cream</Link></li>
|
||||
<li><Link href="#">Mixed Shakes</Link></li>
|
||||
<li><Link href="#">Smoothie</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* Author Box */}
|
||||
<div className="author-box">
|
||||
<div className="box-inner">
|
||||
<div className="content">
|
||||
<div className="author-image">
|
||||
<img src="assets/images/resource/author-3.jpg" alt="" />
|
||||
</div>
|
||||
<h6>Amy Burton</h6>
|
||||
<div className="text">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End Author Box */}
|
||||
|
||||
{/* Comments Area */}
|
||||
<div className="comments-area">
|
||||
<div className="group-title">
|
||||
<h4>2 Comments</h4>
|
||||
</div>
|
||||
|
||||
<div className="comment-box">
|
||||
<div className="comment">
|
||||
<div className="author-thumb"><img src="assets/images/resource/author-4.jpg" alt=""/></div>
|
||||
<div className="comment-info clearfix"><strong>Nikol</strong><div className="comment-time">7 months ago </div></div>
|
||||
<div className="text">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum.</div>
|
||||
<Link className="theme-btn reply-btn" href="#"><span className="fa fa-mail-reply"></span> Reply</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="comment-box reply-comment">
|
||||
<div className="comment">
|
||||
<div className="author-thumb"><img src="assets/images/resource/author-5.jpg" alt=""/></div>
|
||||
<div className="comment-info clearfix"><strong>Randow</strong><div className="comment-time">7 months ago </div></div>
|
||||
<div className="text">Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum.</div>
|
||||
<Link className="theme-btn reply-btn" href="#"><span className="fa fa-mail-reply"></span> Reply</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{/* Comment Form */}
|
||||
<div className="comment-form-box">
|
||||
<div className="group-title">
|
||||
<h4>Leave a Reply</h4>
|
||||
<div className="comment-text">Your email address will not be published. Required fields are marked *</div>
|
||||
</div>
|
||||
|
||||
{/* Comment Form */}
|
||||
<div className="comment-form">
|
||||
{/* Contact Form */}
|
||||
<form method="post">
|
||||
<div className="row clearfix">
|
||||
|
||||
<div className="form-group col-lg-12 col-md-12 col-sm-12">
|
||||
<textarea name="message" placeholder="Your Comment"></textarea>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-6 col-md-6 col-sm-12">
|
||||
<input type="text" name="username" placeholder="Your Name"/>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-6 col-md-6 col-sm-12">
|
||||
<input type="email" name="email" placeholder="Your Email"/>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-12 col-md-12 col-sm-12">
|
||||
<input type="text" name="subject" placeholder="Subject"/>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||||
<div className="check-box"><input type="checkbox" name="shipping-option" id="account-option"/>   <label >Save my name, email, and website in this browser for the next time I comment.</label></div>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-12 col-md-12 col-sm-12">
|
||||
<button type="submit" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Post Comment</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
{/* Contact Form */}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Sidebar Side */}
|
||||
<div className="sidebar-side col-lg-4 col-md-12 col-sm-12">
|
||||
<aside className="sidebar sticky-top">
|
||||
|
||||
{/* Search */}
|
||||
<div className="sidebar-widget search-box">
|
||||
<div className="sidebar-title">
|
||||
<h6>Search Course</h6>
|
||||
</div>
|
||||
<form method="post" >
|
||||
<div className="form-group">
|
||||
<input type="search" name="search-field" placeholder="Your search"/>
|
||||
<button type="submit"><span className="icon fa fa-search"></span></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{/* About Widget */}
|
||||
<div className="sidebar-widget about-widget">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>About us</h6>
|
||||
</div>
|
||||
<div className="text">Pellentesque semper ut sem non aliquet. Nullam tincidunt vestibulum condimentum. Duis at mollis orci. Nulla facilisi. Pellentesque in mi ut diam consequat sollicitudin</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Category Widget */}
|
||||
<div className="sidebar-widget category-widget">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>Product categories</h6>
|
||||
</div>
|
||||
<ul className="cat-list">
|
||||
<li><Link href="#">Colorful</Link></li>
|
||||
<li><Link href="#">Fruit Bowl</Link></li>
|
||||
<li><Link href="#">Healthy</Link></li>
|
||||
<li><Link href="#">Ice Cream</Link></li>
|
||||
<li><Link href="#">Mixed</Link></li>
|
||||
<li><Link href="#">Shakes</Link></li>
|
||||
<li><Link href="#">Smoothie</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Popular Posts */}
|
||||
<div className="sidebar-widget popular-posts">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>Products</h6>
|
||||
</div>
|
||||
|
||||
<article className="post">
|
||||
<figure className="post-thumb"><img src="assets/images/resource/post-thumb-1.jpg" alt=""/><Link href="news-detail" className="overlay-box"><span className="icon fa fa-link"></span></Link></figure>
|
||||
<div className="text"><Link href="news-detail">Hippie Chick</Link></div>
|
||||
<div className="post-info">$120</div>
|
||||
</article>
|
||||
|
||||
<article className="post">
|
||||
<figure className="post-thumb"><img src="assets/images/resource/post-thumb-2.jpg" alt=""/><Link href="news-detail" className="overlay-box"><span className="icon fa fa-link"></span></Link></figure>
|
||||
<div className="text"><Link href="news-detail">Hippie Chick</Link></div>
|
||||
<div className="post-info">$120</div>
|
||||
</article>
|
||||
|
||||
<article className="post">
|
||||
<figure className="post-thumb"><img src="assets/images/resource/post-thumb-3.jpg" alt=""/><Link href="news-detail" className="overlay-box"><span className="icon fa fa-link"></span></Link></figure>
|
||||
<div className="text"><Link href="news-detail">Hippie Chick</Link></div>
|
||||
<div className="post-info">$120</div>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Tags Posts */}
|
||||
<div className="sidebar-widget tags-posts">
|
||||
<div className="widget-content">
|
||||
<div className="sidebar-title">
|
||||
<h6>Product tags</h6>
|
||||
</div>
|
||||
<ul className="tag-list clearfix">
|
||||
<li><Link href="#">Colorful</Link></li>
|
||||
<li><Link href="#">Fruit Bowl</Link></li>
|
||||
<li><Link href="#">Healthy</Link></li>
|
||||
<li><Link href="#">Ice Cream</Link></li>
|
||||
<li><Link href="#">Mixed</Link></li>
|
||||
<li><Link href="#">Shakes</Link></li>
|
||||
<li><Link href="#">Smoothie</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Social Widget */}
|
||||
<div className="sidebar-widget social-widget">
|
||||
<div className="sidebar-title">
|
||||
<h6>Share</h6>
|
||||
</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-facebook"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-dribbble"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,187 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
|
||||
export default function Home() {
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Boba Tea">
|
||||
{/* Milkshake Section */}
|
||||
<section className="milkshake-section">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/icons/icon-1.png)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/icons/icon-2.png)' }} ></div>
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/icons/icon-3.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="big-image">
|
||||
<img src="assets/images/resource/boba.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="section-text">yummy</div>
|
||||
<div className="text">
|
||||
<p> Ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Milkshake Section */}
|
||||
|
||||
{/* Menus Section */}
|
||||
<section className="menus-section style-two">
|
||||
<figure className="menu-bottom-image">
|
||||
<img src="assets/images/resource/menu-10.png" alt=""/>
|
||||
</figure>
|
||||
<div className="auto-container">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title centered">
|
||||
<h2>Boba Tea <span>Variation</span></h2>
|
||||
<div className="separate"></div>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Menu Column */}
|
||||
<div className="menu-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-19.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Honeydew Boba tea</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-20.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Lyche Boba tea</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-21.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Mango Boba tea</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-22.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Passion Fruit Boba tea</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Column */}
|
||||
<div className="menu-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-23.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Peach Boba tea</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-24.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Plum Boba tea</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-25.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Strawberry Boba tea</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-26.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Avocado Boba tea</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Menus Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,105 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Contact">
|
||||
{/* Contact Page Section */}
|
||||
<section className="contact-page-section">
|
||||
<div className="auto-container">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title centered">
|
||||
<div className="title">Get in touch</div>
|
||||
<h2>Hi <span className="theme_color">Say</span></h2>
|
||||
<div className="separate"></div>
|
||||
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas <br/> accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. Nam sint <br/> atqui voluptatibus an, pro ne malis semper perpetua.</div>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Form Column */}
|
||||
<div className="form-column col-lg-8 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<div className="title-box">
|
||||
<h4>Drop us a line</h4>
|
||||
<div className="text">Your email address will not be published. Required fields are marked *</div>
|
||||
</div>
|
||||
|
||||
{/* Contact Form */}
|
||||
<div className="contact-form">
|
||||
<form method="post" id="contact-form">
|
||||
<div className="row clearfix">
|
||||
|
||||
<div className="form-group col-lg-12 col-md-12 col-sm-12">
|
||||
<textarea name="message" placeholder="Your Comment"></textarea>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-6 col-md-6 col-sm-12">
|
||||
<input type="text" name="username" placeholder="Your Name"/>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-6 col-md-6 col-sm-12">
|
||||
<input type="email" name="email" placeholder="Your Email"/>
|
||||
</div>
|
||||
|
||||
<div className="form-group col-lg-12 col-md-12 col-sm-12">
|
||||
<button type="submit" className="theme-btn btn-style-four clearfix"><span className="icon flaticon-arrow-pointing-to-right"></span>Send</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
{/* Contact Form */}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Info Column */}
|
||||
<div className="info-column col-lg-4 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<ul className="info-list">
|
||||
<li>
|
||||
<strong>Berlin</strong>
|
||||
52 Corso Magenta <br/>20123 Milano, Italy <br/> +123 -45678-900 <br/>yourspa@info.com
|
||||
</li>
|
||||
<li>
|
||||
<strong>Opening Hours</strong>
|
||||
Monday – Friday 09:00 – 23:00 <br/> Saturday 09:00 – 22:00
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Contact Page Section */}
|
||||
|
||||
{/* Map Section */}
|
||||
<section className="contact-map-section">
|
||||
<div className="auto-container">
|
||||
{/* Map Boxed */}
|
||||
<div className="map-boxed">
|
||||
{/*Map Outer*/}
|
||||
<div className="map-outer">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d805184.6331292129!2d144.49266890254142!3d-37.97123689954809!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad646b5d2ba4df7%3A0x4045675218ccd90!2sMelbourne%20VIC%2C%20Australia!5e0!3m2!1sen!2s!4v1574408946759!5m2!1sen!2s"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Map Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,116 +0,0 @@
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Frappe">
|
||||
{/* Milkshake Section */}
|
||||
<section className="milkshake-section">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/icons/icon-1.png)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/icons/icon-2.png)' }} ></div>
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/icons/icon-3.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="big-image">
|
||||
<img src="assets/images/resource/frappe.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="section-text">yummy</div>
|
||||
<div className="text">
|
||||
<p>A frappe (pronounced frap-pay) is an iced beverage that has been shaken, blended or beaten to produce a tasty, foamy, and refreshing drink. It is served cold, often with whipped cream and toppings. You can add ice before or after beating the coffee and custom additives such as sugar, milk, vanilla, and sweet sauces.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Milkshake Section */}
|
||||
|
||||
{/* Frape Variant Section */}
|
||||
<section className="frape-variant-section">
|
||||
<div className="auto-container">
|
||||
<div className="frape-image">
|
||||
<img src="assets/images/resource/frape-5.jpg" alt="" />
|
||||
</div>
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title centered">
|
||||
<h2>MilkShake <span>Variation</span></h2>
|
||||
<div className="separate"></div>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Frape Block */}
|
||||
<div className="frape-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="restaurant"><img src="assets/images/resource/frape-1.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<div className="lower-box">
|
||||
<div className="price">$15</div>
|
||||
<h6><Link href="restaurant">Chocolate Dutch Frappe</Link></h6>
|
||||
<div className="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod veniam, quis.nostrud</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Frape Block */}
|
||||
<div className="frape-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="restaurant"><img src="assets/images/resource/frape-2.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<div className="lower-box">
|
||||
<div className="price">$120</div>
|
||||
<h6><Link href="restaurant">Java Chip Frappuccino</Link></h6>
|
||||
<div className="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod veniam, quis.nostrud</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Frape Block */}
|
||||
<div className="frape-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="restaurant"><img src="assets/images/resource/frape-3.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<div className="lower-box">
|
||||
<div className="price">$75</div>
|
||||
<h6><Link href="restaurant">Vanilla frappe</Link></h6>
|
||||
<div className="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod veniam, quis.nostrud</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Frape Block */}
|
||||
<div className="frape-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="restaurant"><img src="assets/images/resource/frape-4.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<div className="lower-box">
|
||||
<div className="price">$25</div>
|
||||
<h6><Link href="restaurant">Chocolate Dutch Frappe</Link></h6>
|
||||
<div className="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod veniam, quis.nostrud</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Frape Variant Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,110 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Gallery">
|
||||
|
||||
|
||||
{/* Gallery Page Section */}
|
||||
<section className="gallery-page-section-two">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/31.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/32.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/33.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/34.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/35.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/36.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Page Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,122 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Gallery">
|
||||
|
||||
{/* Gallery Page Section */}
|
||||
<section className="gallery-page-section">
|
||||
<div className="outer-container">
|
||||
<div className="masonry-items-container row no-gutters clearfix">
|
||||
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="gallery-block-two masonry-item">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/25.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="gallery-block-two masonry-item">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/26.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="gallery-block-two masonry-item">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/29.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<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">
|
||||
<div className="gallery-block-two masonry-item">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/27.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></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">
|
||||
<div className="gallery-block-two masonry-item">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/28.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></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">
|
||||
<div className="gallery-block-two masonry-item">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/30.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Page Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,35 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner from "@/components/sections/home2/Banner"
|
||||
|
||||
import Gallery from "@/components/sections/home2/Gallery"
|
||||
import History from "@/components/sections/home2/History"
|
||||
import Location from "@/components/sections/home2/Location"
|
||||
import Menus from "@/components/sections/home2/Menus"
|
||||
import Specials from "@/components/sections/home2/Specials"
|
||||
import Contact from "@/components/sections/home2/Contact"
|
||||
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={2}>
|
||||
<Banner />
|
||||
<Specials />
|
||||
<Location />
|
||||
<Menus />
|
||||
<History />
|
||||
<Gallery />
|
||||
<Contact />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,38 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner from "@/components/sections/home3/Banner"
|
||||
import Blog from "@/components/sections/home3/Blog"
|
||||
import Video from "@/components/sections/home3/video"
|
||||
import Newsletter from "@/components/sections/home3/Newsletter"
|
||||
import Recipe from "@/components/sections/home3/Recipe"
|
||||
import Fluid from "@/components/sections/home3/Fluid"
|
||||
import Recipe2 from "@/components/sections/home3/Recipe2"
|
||||
import Instagram from "@/components/sections/home3/Instagram"
|
||||
import PopularRecipe from "@/components/sections/home3/PopularRecipe"
|
||||
import Blog2 from "@/components/sections/home3/Blog2"
|
||||
import AboutNews from "@/components/sections/home3/AboutNews"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={3} footerStyle={3}>
|
||||
<Banner />
|
||||
<Newsletter />
|
||||
<Recipe />
|
||||
<Fluid />
|
||||
<Recipe2 />
|
||||
<Instagram />
|
||||
<Instagram />
|
||||
<Blog />
|
||||
<Video />
|
||||
<AboutNews />
|
||||
<AboutNews />
|
||||
<PopularRecipe />
|
||||
<Blog2 />
|
||||
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,33 +0,0 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
|
||||
import Banner from "@/components/sections/home4/Banner"
|
||||
import Clients from "@/components/sections/home4/Clients"
|
||||
import Gallery from "@/components/sections/home4/Gallery"
|
||||
import Menu from "@/components/sections/home4/Menu"
|
||||
import Menu2 from "@/components/sections/home4/Menu2"
|
||||
import Menu3 from "@/components/sections/home4/Menu3"
|
||||
import Staff from "@/components/sections/home4/Staff"
|
||||
import Testimonial from "@/components/sections/home4/Testimonial"
|
||||
import Tips from "@/components/sections/home4/Tips"
|
||||
import Video from "@/components/sections/home4/Video"
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={4} footerStyle={4}>
|
||||
<Banner />
|
||||
<Testimonial />
|
||||
<Menu />
|
||||
<Video />
|
||||
<Tips />
|
||||
<Menu2 />
|
||||
<Gallery />
|
||||
<Menu3 />
|
||||
<Staff />
|
||||
<Clients />
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,34 +0,0 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Banner from "@/components/sections/home1/Banner"
|
||||
import Blog from "@/components/sections/home1/Blog"
|
||||
|
||||
import Testimonial from "@/components/sections/home1/Testimonial"
|
||||
import Gallery from "@/components/sections/home1/Gallery"
|
||||
import Juice from "@/components/sections/home1/Juice"
|
||||
import Beverage from "@/components/sections/home1/Beverage"
|
||||
import Deal from "@/components/sections/home1/Deal"
|
||||
import Recipe from "@/components/sections/home1/Recipe"
|
||||
import Fluid from "@/components/sections/home1/Fluid"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<Banner />
|
||||
<Juice />
|
||||
<Beverage />
|
||||
<Deal />
|
||||
<Recipe />
|
||||
<Fluid />
|
||||
<Testimonial />
|
||||
<Blog />
|
||||
<Gallery />
|
||||
|
||||
|
||||
|
||||
</Layout>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
233
app/menu/page.js
233
app/menu/page.js
@ -1,233 +0,0 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import { useState } from 'react'
|
||||
export default function Home() {
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Menu">
|
||||
|
||||
{/* Menu Page Section */}
|
||||
<section className="menu-page-section">
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Menu Block Two */}
|
||||
<div className="menu-block-two col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="side-icon">
|
||||
<img src="assets/images/icons/menu-icon-1.png" alt="" />
|
||||
</div>
|
||||
<div className="icon">
|
||||
<img src="assets/images/icons/menu-1.png" alt="" />
|
||||
</div>
|
||||
<h6><Link href="#">Awesome taste</Link></h6>
|
||||
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block Two */}
|
||||
<div className="menu-block-two col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="side-icon">
|
||||
<img src="assets/images/icons/menu-icon-2.png" alt="" />
|
||||
</div>
|
||||
<div className="icon">
|
||||
<img src="assets/images/icons/menu-2.png" alt="" />
|
||||
</div>
|
||||
<h6><Link href="#">Organic fruits</Link></h6>
|
||||
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block Two */}
|
||||
<div className="menu-block-two col-lg-4 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="side-icon">
|
||||
<img src="assets/images/icons/menu-icon-3.png" alt="" />
|
||||
</div>
|
||||
<div className="icon">
|
||||
<img src="assets/images/icons/menu-3.png" alt="" />
|
||||
</div>
|
||||
<h6><Link href="#">Healthy Blends</Link></h6>
|
||||
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Restaurant Section */}
|
||||
|
||||
{/* Video Section */}
|
||||
<section className="video-section-two">
|
||||
<div className="outer-container">
|
||||
{/* Video Box */}
|
||||
<div className="video-box">
|
||||
<figure className="video-image">
|
||||
<img src="assets/images/background/8.jpg" alt=""/>
|
||||
</figure>
|
||||
<a onClick={() => setOpen(true)} className="lightbox-image overlay-box"><span className="flaticon-play-arrow"><i className="ripple"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Video Section */}
|
||||
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="Get7rqXYrbQ" onClose={() => setOpen(false)} />
|
||||
|
||||
{/* Menus Section */}
|
||||
<section className="menus-section style-two">
|
||||
<figure className="menu-bottom-image">
|
||||
<img src="assets/images/resource/menu-9.jpg" alt=""/>
|
||||
</figure>
|
||||
<div className="auto-container">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title centered">
|
||||
<div className="title">Softly & Crunchy</div>
|
||||
<h2>Menus</h2>
|
||||
<div className="separate"></div>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Menu Column */}
|
||||
<div className="menu-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-1.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Grilled Toast Burger</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-3.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Fried snacks</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-5.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Pizza</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-7.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Sandwiches</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Column */}
|
||||
<div className="menu-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-2.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Coca Cola</Link></h6>
|
||||
<div className="title">Carbonated Drinks</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-4.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Papsi</Link></h6>
|
||||
<div className="title">Carbonated Drinks</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-6.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Mirinda</Link></h6>
|
||||
<div className="title">Carbonated Drinks</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-8.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Fanta</Link></h6>
|
||||
<div className="title">Carbonated Drinks</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Menus Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,188 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Milk Shake">
|
||||
{/* Milkshake Section */}
|
||||
<section className="milkshake-section">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/icons/icon-1.png)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/icons/icon-2.png)' }} ></div>
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/icons/icon-3.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="big-image">
|
||||
<img src="assets/images/resource/milkshake.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="section-text">yummy</div>
|
||||
<div className="text">
|
||||
<p>A milkshake is a sweet drink made by blending milk, ice cream, and flavorings or sweeteners such as butterscotch, caramel sauce, chocolate syrup, fruit syrup, or whole fruit into a thick, sweet, cold mixture. It may also be made using other types of milk such as almond milk, coconut milk, or soy milk.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo <Link href="#">inventore veritatis et quasi architecto beatae vitae</Link> dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Milkshake Section */}
|
||||
|
||||
{/* Menus Section */}
|
||||
<section className="menus-section style-two">
|
||||
<figure className="menu-bottom-image">
|
||||
<img src="assets/images/resource/menu-10.png" alt=""/>
|
||||
</figure>
|
||||
<div className="auto-container">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title centered">
|
||||
<h2>MilkShake <span>Variation</span></h2>
|
||||
<div className="separate"></div>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Menu Column */}
|
||||
<div className="menu-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-11.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu"> Banana Milkshake</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-12.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Vanilla Milkshake. </Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-13.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Mango Milkshake</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-14.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Banana Khajur Milkshake.</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Column */}
|
||||
<div className="menu-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-15.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Chocolate Milkshake.</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-16.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Strawberry Milkshake.</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-17.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Chocolate-Banana Milkshake.</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-18.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Cookies and Cream Milkshake.</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Menus Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -30,13 +30,6 @@ export default function Home() {
|
||||
{/* <Video /> */}
|
||||
<Menu2 />
|
||||
<Gallery />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
|
||||
@ -1,264 +0,0 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from 'react'
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
export default function Home() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Our Restaurant">
|
||||
<div>
|
||||
{/* Restaurant Section */}
|
||||
<section className="restaurant-section">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/resource/restaurant-icon-1.png)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/resource/restaurant-icon-2.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/restaurant.jpg" alt="" />
|
||||
</div>
|
||||
<div className="opening-box" style={{ backgroundImage: 'url(assets/images/resource/restaurant-1.jpg)' }} >
|
||||
<div className="box-inner">
|
||||
<h3>Opening <span>Hourse</span></h3>
|
||||
<ul className="timing-list">
|
||||
<li>Mon - Thu<span>9AM - 9PM</span></li>
|
||||
<li>Fri- Sat<span>10AM - 10PM</span></li>
|
||||
</ul>
|
||||
<div className="closed">SUNDAY CLOSED</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Restaurant Section */}
|
||||
|
||||
{/* Gallery Section Two */}
|
||||
<section className="gallery-section-two">
|
||||
<div className="outer-container">
|
||||
<div className="masonry-items-container row clearfix">
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two masonry-item col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/19.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="row">
|
||||
<div className="gallery-block-two masonry-item col-lg-12 col-md-12 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/20.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two masonry-item col-lg-12 col-md-12 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/23.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="row">
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two masonry-item col-lg-6 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/21.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two masonry-item col-lg-6 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/22.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gallery Block Two */}
|
||||
<div className="gallery-block-two masonry-item col-lg-12 col-md-12 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<img src="assets/images/gallery/24.jpg" alt="" />
|
||||
<div className="overlay-box">
|
||||
<h6><Link href="gallery">Cornish cod fillet</Link></h6>
|
||||
<div className="title">Us percipit urbanitas referrentur ea.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section Two */}
|
||||
|
||||
{/* Faq Section */}
|
||||
<section className="faq-section">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/7.jpg)' }} ></div>
|
||||
<div className="auto-container">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title centered">
|
||||
<div className="title">funfact</div>
|
||||
<h2>Faq</h2>
|
||||
<div className="separate"></div>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Accordion Column */}
|
||||
<div className="accordion-column col-lg-6 col-md-12 col-sm-12">
|
||||
{/* Accordian Box */}
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/*Block*/}
|
||||
<li className={isActive.key == 1 ? "accrodion block active-block" : "accrodion block"} onClick={() => handleToggle(1)}>
|
||||
<div className="acc-btn"><div className="icon-outer"><span className="icon icon-plus flaticon-plus-symbol"></span> <span className="icon icon-minus flaticon-substract"></span></div><span>01.</span> What is the our resturent</div>
|
||||
<div className="acc-content">
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/*Block*/}
|
||||
<li className={isActive.key == 2 ? "accrodion block active-block" : "accrodion block"} onClick={() => handleToggle(2)}>
|
||||
<div className="acc-btn"><div className="icon-outer"><span className="icon icon-plus flaticon-plus-symbol"></span> <span className="icon icon-minus flaticon-substract"></span></div><span>02.</span> intellegam. Ansed dictas accumsan</div>
|
||||
<div className="acc-content current">
|
||||
<div className="content">
|
||||
<div className="text" onClick={() => handleToggle(2)}>
|
||||
<p>Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/*Block*/}
|
||||
<li className={isActive.key == 3 ? "accrodion block active-block" : "accrodion block"} onClick={() => handleToggle(3)}>
|
||||
<div className="acc-btn"><div className="icon-outer"><span className="icon icon-plus flaticon-plus-symbol"></span> <span className="icon icon-minus flaticon-substract"></span></div><span>03.</span> pro ne malis semper perpetua.</div>
|
||||
<div className="acc-content">
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Accordion Column */}
|
||||
<div className="accordion-column col-lg-6 col-md-12 col-sm-12">
|
||||
{/* Accordian Box */}
|
||||
<ul className="accordion-box">
|
||||
|
||||
{/*Block*/}
|
||||
<li className={isActive.key == 4 ? "accrodion block active-block" : "accrodion block"} onClick={() => handleToggle(4)}>
|
||||
<div className="acc-btn"><div className="icon-outer"><span className="icon icon-plus flaticon-plus-symbol"></span> <span className="icon icon-minus flaticon-substract"></span></div><span>01.</span> What is the our resturent</div>
|
||||
<div className="acc-content">
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/*Block*/}
|
||||
<li className={isActive.key == 5 ? "accrodion block active-block" : "accrodion block"} onClick={() => handleToggle(5)}>
|
||||
<div className="acc-btn"><div className="icon-outer"><span className="icon icon-plus flaticon-plus-symbol"></span> <span className="icon icon-minus flaticon-substract"></span></div><span>02.</span> intellegam. Ansed dictas accumsan</div>
|
||||
<div className="acc-content current">
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{/*Block*/}
|
||||
<li className={isActive.key == 6 ? "accrodion block active-block" : "accrodion block"} onClick={() => handleToggle(6)}>
|
||||
<div className="acc-btn"><div className="icon-outer"><span className="icon icon-plus flaticon-plus-symbol"></span> <span className="icon icon-minus flaticon-substract"></span></div><span>03.</span> pro ne malis semper perpetua.</div>
|
||||
<div className="acc-content">
|
||||
<div className="content">
|
||||
<div className="text">
|
||||
<p>Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Faq Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,189 +0,0 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Slushy">
|
||||
<div>
|
||||
{/* Milkshake Section */}
|
||||
<section className="milkshake-section">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/icons/icon-1.png)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/icons/icon-2.png)' }} ></div>
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/icons/icon-3.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="inner-container">
|
||||
<div className="big-image">
|
||||
<img src="assets/images/resource/slushy.jpg" alt="" />
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="section-text">yummy</div>
|
||||
<div className="text">
|
||||
<p>A slushy, sometimes spelt as slushie and slushie, also commonly referred to as a slush, frozen beverage, or frozen drink, is a type of beverage made of flavored ice and a drink, commonly soda, similar to granitas. A slushy can either be carbonated or non-carbonated.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Milkshake Section */}
|
||||
|
||||
{/* Menus Section */}
|
||||
<section className="menus-section style-two">
|
||||
<figure className="menu-bottom-image">
|
||||
<img src="assets/images/resource/menu-10.png" alt=""/>
|
||||
</figure>
|
||||
<div className="auto-container">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title centered">
|
||||
<h2>Slushy <span>Variation</span></h2>
|
||||
<div className="separate"></div>
|
||||
</div>
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Menu Column */}
|
||||
<div className="menu-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-27.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Strawberry</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-28.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Sour Apple</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-29.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Bubblegum</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-30.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Blue Raspberry</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Column */}
|
||||
<div className="menu-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-31.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Grape</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-32.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Cherry</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-33.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Sour Cherry</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Menu Block */}
|
||||
<div className="menu-block">
|
||||
<div className="inner-box">
|
||||
<div className="menu-image">
|
||||
<Link href="menu"><img src="assets/images/resource/menu-34.jpg" alt="" /></Link>
|
||||
</div>
|
||||
<h6><Link href="menu">Lemon and Lime</Link></h6>
|
||||
<div className="title">Crispy black garlic</div>
|
||||
<div className="price-box">
|
||||
<span className="price">$15</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Menus Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
280
app/team/page.js
280
app/team/page.js
@ -1,280 +0,0 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
import GallerySlider1 from '@/components/slider/GallerySlider1'
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 0,
|
||||
// autoplay: {
|
||||
// delay: 2500,
|
||||
// disableOnInteraction: false,
|
||||
// },
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.h1n',
|
||||
prevEl: '.h1p',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={1} breadcrumbTitle="Team">
|
||||
{/* Team Page Section */}
|
||||
<section className="team-page-section">
|
||||
<div className="outer-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-4.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-5.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-6.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-7.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-8.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-9.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-10.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Staff Block */}
|
||||
<div className="staff-block col-lg-3 col-md-6 col-sm-12">
|
||||
<div className="inner-box">
|
||||
<div className="image">
|
||||
<Link href="#"><img src="assets/images/resource/staff-11.jpg" alt="" /></Link>
|
||||
<div className="overlay-box">
|
||||
<div className="content">
|
||||
<h6><Link href="#">Jusica Malina</Link></h6>
|
||||
<div className="designation">Pastry Chef</div>
|
||||
<ul className="social-list">
|
||||
<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-facebook-square"></span></Link></li>
|
||||
<li><Link href="#"><span className="icon fa fa-twitter-square"></span></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Team Page Section */}
|
||||
|
||||
{/* Testimonial Section */}
|
||||
<section className="testimonial-section">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/icons/icon-1.png)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/icons/icon-2.png)' }} ></div>
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/icons/icon-3.png)' }} ></div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/pattern-4.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title centered">
|
||||
<div className="title">Testimonial</div>
|
||||
<h2>What People Say</h2>
|
||||
<div className="separate"></div>
|
||||
</div>
|
||||
<div className="inner-container">
|
||||
<Swiper {...swiperOptions} className="single-item-carousel ">
|
||||
|
||||
{/* Testimonial Block */}
|
||||
<SwiperSlide>
|
||||
<div className="testimonial-block">
|
||||
<div className="inner-box">
|
||||
<div className="author-image">
|
||||
<img src="assets/images/resource/author-1.jpg" alt="" />
|
||||
</div>
|
||||
<div className="text">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et <br/> dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <br/> ullamco.”</div>
|
||||
<div className="designation">Meredith Grant <span>- Host Mother</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
{/* Testimonial Block */}
|
||||
<SwiperSlide>
|
||||
<div className="testimonial-block">
|
||||
<div className="inner-box">
|
||||
<div className="author-image">
|
||||
<img src="assets/images/resource/author-1.jpg" alt="" />
|
||||
</div>
|
||||
<div className="text">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et <br/> dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <br/> ullamco.”</div>
|
||||
<div className="designation">Meredith Grant <span>- Host Mother</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
{/* Testimonial Block */}
|
||||
<SwiperSlide>
|
||||
<div className="testimonial-block">
|
||||
<div className="inner-box">
|
||||
<div className="author-image">
|
||||
<img src="assets/images/resource/author-1.jpg" alt="" />
|
||||
</div>
|
||||
<div className="text">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et <br/> dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <br/> ullamco.”</div>
|
||||
<div className="designation">Meredith Grant <span>- Host Mother</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Testimonial Section */}
|
||||
|
||||
{/* Gallery Section */}
|
||||
<section className="gallery-section">
|
||||
<div className="outer-container">
|
||||
<GallerySlider1/>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{/* End Gallery Section */}
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -2477,7 +2477,7 @@
|
||||
|
||||
.specials-section {
|
||||
position: relative;
|
||||
padding: 100px 0px 80px;
|
||||
padding: 100px 0px 100px;
|
||||
}
|
||||
|
||||
.specials-section .icon-layer-one {
|
||||
@ -2922,7 +2922,7 @@
|
||||
.gallery-section-two {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding: 0px 0px 90px;
|
||||
padding: 0px 0px 100px;
|
||||
}
|
||||
|
||||
.gallery-section-two .outer-container {
|
||||
@ -3271,7 +3271,7 @@
|
||||
|
||||
.recipe-section-two {
|
||||
position: relative;
|
||||
padding: 100px 0px 80px;
|
||||
padding: 100px 0px 100px;
|
||||
}
|
||||
|
||||
.recipe-block-two {
|
||||
@ -5393,7 +5393,7 @@
|
||||
|
||||
.menu-page-section {
|
||||
position: relative;
|
||||
padding: 125px 0px 90px;
|
||||
padding: 100px 0px 100px;
|
||||
}
|
||||
|
||||
.menu-block-two {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user