This commit is contained in:
Alaguraj0361
commit
272035e69a
59
.github/workflows/main.yml
vendored
Normal file
59
.github/workflows/main.yml
vendored
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
name: Build and Deploy Build Output
|
||||||
|
|
||||||
|
on:
|
||||||
|
push:
|
||||||
|
branches: [ main ]
|
||||||
|
pull_request:
|
||||||
|
branches: [ main ]
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
build:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
|
||||||
|
steps:
|
||||||
|
- name: Checkout repository
|
||||||
|
uses: actions/checkout@v3
|
||||||
|
|
||||||
|
- name: Setup Node.js
|
||||||
|
uses: actions/setup-node@v3
|
||||||
|
with:
|
||||||
|
node-version: '18.17.0'
|
||||||
|
|
||||||
|
- name: Install dependencies
|
||||||
|
run: npm install
|
||||||
|
|
||||||
|
- name: Build Next.js project
|
||||||
|
run: npm run build
|
||||||
|
|
||||||
|
# Optional: List build directories to verify output exists
|
||||||
|
- name: List build directories
|
||||||
|
run: ls -la
|
||||||
|
|
||||||
|
- name: Deploy build output to build-output branch
|
||||||
|
env:
|
||||||
|
# The GITHUB_TOKEN is automatically provided by GitHub Actions.
|
||||||
|
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||||
|
run: |
|
||||||
|
# Configure git
|
||||||
|
git config --global user.name "GitHub Actions"
|
||||||
|
git config --global user.email "actions@github.com"
|
||||||
|
|
||||||
|
# Create a temporary directory for the output
|
||||||
|
mkdir deploy
|
||||||
|
# Copy the build outputs (update the paths if needed)
|
||||||
|
cp -r out deploy/
|
||||||
|
cp -r .next deploy/ 2>/dev/null || echo ".next folder not found, skipping."
|
||||||
|
|
||||||
|
# Move into the deploy directory
|
||||||
|
cd deploy
|
||||||
|
|
||||||
|
# Initialize a new git repo
|
||||||
|
git init
|
||||||
|
git checkout -b build-output
|
||||||
|
|
||||||
|
# Add all files and commit them
|
||||||
|
git add .
|
||||||
|
git commit -m "Deploy build output for commit ${GITHUB_SHA}"
|
||||||
|
|
||||||
|
# Force push to the remote build-output branch
|
||||||
|
git push --force "https://x-access-token:${GITHUB_TOKEN}@github.com/${{ github.repository }}.git" build-output
|
||||||
BIN
.gitignore
vendored
Normal file
BIN
.gitignore
vendored
Normal file
Binary file not shown.
420
app/about copy/page.js
Normal file
420
app/about copy/page.js
Normal file
@ -0,0 +1,420 @@
|
|||||||
|
import { AboutUs3 } from "@/components/AboutUs";
|
||||||
|
import BookTableForm from "@/components/BookTableForm";
|
||||||
|
import FoodCategory from "@/components/FoodCategory";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import { TestimonialSlider2 } from "@/components/TestimonialSlider";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import Link from "next/link";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"About company"} pageName={"About Us"} />
|
||||||
|
<AboutUs3 />
|
||||||
|
<Headline />
|
||||||
|
{/* Food Category Area start */}
|
||||||
|
<FoodCategory />
|
||||||
|
{/* Food Category Area end */}
|
||||||
|
{/* Booking Table Area start */}
|
||||||
|
<section
|
||||||
|
className="booking-table-area-two bgs-cover py-100 rel z-1 overlay"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(assets/images/background/booking-table-two.jpg)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-between align-items-center">
|
||||||
|
<div
|
||||||
|
className="col-lg-5"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<BookTableForm />
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-5 col-lg-6"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="booking-table-content style-two rmt-55">
|
||||||
|
<a
|
||||||
|
href="https://www.youtube.com/watch?v=9Y7ma241N8k"
|
||||||
|
className="mfp-iframe video-play"
|
||||||
|
>
|
||||||
|
<i className="fas fa-play" />
|
||||||
|
</a>
|
||||||
|
<div className="section-title mt-50 text-white mb-50">
|
||||||
|
<h2>
|
||||||
|
We Offer quality service That Customers Needs for health
|
||||||
|
food
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Booking Table Area end */}
|
||||||
|
{/* Chefs Area start */}
|
||||||
|
<section className="chefs-area pt-130 rpt-100 pb-55 rpb-30 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-xl-7 col-lg-9">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">professional chefs</span>
|
||||||
|
<h2>we have professionals team member meet our expert chefs</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef1.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">Nolan E. Barrera</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef2.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">William B. Nguyen</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef3.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">Michael A. Coulson</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef4.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">Brent M. Powers</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Chefs Area end */}
|
||||||
|
{/* Headline area start */}
|
||||||
|
<div className="headline-area mb-105 rmb-85 rel z-1">
|
||||||
|
<span className="marquee-wrap">
|
||||||
|
<span className="marquee-inner left">
|
||||||
|
<span className="marquee-item">Italian pizza</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">delicious foods</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">burger king</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span className="marquee-inner left">
|
||||||
|
<span className="marquee-item">Italian pizza</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">delicious foods</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">burger king</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span className="marquee-inner left">
|
||||||
|
<span className="marquee-item">Italian pizza</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">delicious foods</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">burger king</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<div className="headline-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img src="assets/images/shapes/tomato.png" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
<div className="shape two">
|
||||||
|
<img src="assets/images/shapes/burger.png" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* Headline Area end */}
|
||||||
|
{/* Features Two area start */}
|
||||||
|
<div className="feature-two-area pb-130 rpb-100">
|
||||||
|
<div className="container-fluid">
|
||||||
|
<div className="row no-gap">
|
||||||
|
<div className="col-xl-4 col-lg-6">
|
||||||
|
<div
|
||||||
|
className="feature-two-image"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/features/feature1.jpg" alt="Feature" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-4 col-lg-6">
|
||||||
|
<div
|
||||||
|
className="feature-two-content"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h3>Private dining</h3>
|
||||||
|
<p>
|
||||||
|
The duration of a consulting engagement varies depending on
|
||||||
|
the scope and complexity of the project.
|
||||||
|
</p>
|
||||||
|
<ul className="list-style-one pt-5 mb-30">
|
||||||
|
<li>Testy and quality food</li>
|
||||||
|
<li>Fast food delivery</li>
|
||||||
|
<li>Awards winning restuarent</li>
|
||||||
|
</ul>
|
||||||
|
<Link href="shop" className="theme-btn style-two">
|
||||||
|
book now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-4 col-lg-6 offset-xl-4">
|
||||||
|
<div
|
||||||
|
className="feature-two-image"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/features/feature2.jpg" alt="Feature" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-4 col-lg-6">
|
||||||
|
<div
|
||||||
|
className="feature-two-content"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h3>The Raw Bar</h3>
|
||||||
|
<p>
|
||||||
|
The duration of a consulting engagement varies depending on
|
||||||
|
the scope and complexity of the project.
|
||||||
|
</p>
|
||||||
|
<ul className="list-style-one pt-5 mb-30">
|
||||||
|
<li>Testy and quality food</li>
|
||||||
|
<li>Fast food delivery</li>
|
||||||
|
<li>Awards winning restuarent</li>
|
||||||
|
</ul>
|
||||||
|
<Link href="shop" className="theme-btn style-two">
|
||||||
|
book now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-4 col-lg-6">
|
||||||
|
<div
|
||||||
|
className="feature-two-image"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/features/feature3.jpg" alt="Feature" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-4 col-lg-6">
|
||||||
|
<div
|
||||||
|
className="feature-two-content"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h3>Outdoor catering</h3>
|
||||||
|
<p>
|
||||||
|
The duration of a consulting engagement varies depending on
|
||||||
|
the scope and complexity of the project.
|
||||||
|
</p>
|
||||||
|
<ul className="list-style-one pt-5 mb-30">
|
||||||
|
<li>Testy and quality food</li>
|
||||||
|
<li>Fast food delivery</li>
|
||||||
|
<li>Awards winning restuarent</li>
|
||||||
|
</ul>
|
||||||
|
<Link href="shop" className="theme-btn style-two">
|
||||||
|
book now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* Features Two area end */}
|
||||||
|
{/* Headline area start */}
|
||||||
|
<div className="headline-area bgc-lighter pt-120 rpt-90 rel z-2">
|
||||||
|
<span className="marquee-wrap">
|
||||||
|
<span className="marquee-inner left">
|
||||||
|
<span className="marquee-item">Italian pizza</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">our Testimonials</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">burger king</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span className="marquee-inner left">
|
||||||
|
<span className="marquee-item">Italian pizza</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">our Testimonials</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">burger king</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span className="marquee-inner left">
|
||||||
|
<span className="marquee-item">Italian pizza</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">our Testimonials</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">burger king</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<div className="headline-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img src="assets/images/shapes/chillies.png" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
<div className="shape two">
|
||||||
|
<img src="assets/images/shapes/tomato.png" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* Headline Area end */}
|
||||||
|
{/* Testimonials Area start */}
|
||||||
|
<section className="testimonials-area bgc-lighter pt-105 rpt-85 pb-130 rpb-100 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-xl-7 col-lg-8">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">customer feedback</span>
|
||||||
|
<h2>what have lot’s off happy customer explore feedback</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<TestimonialSlider2 />
|
||||||
|
</div>
|
||||||
|
<div className="testimonials-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img src="assets/images/shapes/hero-shape4.png" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
<div className="shape two">
|
||||||
|
<img src="assets/images/shapes/tomato.png" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Testimonials Area end */}
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
30
app/about/page.js
Normal file
30
app/about/page.js
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
import { AboutUs3 } from "@/components/AboutUs";
|
||||||
|
import BookTableForm from "@/components/BookTableForm";
|
||||||
|
import FoodCategory from "@/components/FoodCategory";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import { TestimonialSlider2 } from "@/components/TestimonialSlider";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import AboutUs from "@/components/AboutUs";
|
||||||
|
import Link from "next/link";
|
||||||
|
import TestimonialAbout from "@/components/TestimonialAbout";
|
||||||
|
|
||||||
|
export const metadata = {
|
||||||
|
title: "About Shiva’s Dosa | Best Indian Food Near Me Ontario",
|
||||||
|
description:
|
||||||
|
"Learn about Shiva’s Dosa, the best Indian food near me in Ontario, specializing in authentic South Indian dosas and buffet dining.",
|
||||||
|
};
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner bgImg="/assets/images/inner-banner/4.webp" pageTitle={"About Us"} pageName={"About Us"} />
|
||||||
|
<AboutUs3 />
|
||||||
|
|
||||||
|
<AboutUs />
|
||||||
|
|
||||||
|
<TestimonialAbout />
|
||||||
|
{/* Testimonials Area end */}
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
538
app/blog-details/page.js
Normal file
538
app/blog-details/page.js
Normal file
@ -0,0 +1,538 @@
|
|||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import Link from "next/link";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Blog details"} />
|
||||||
|
<section className="blog-details-area py-130 rpy-100">
|
||||||
|
<div className="container container-1290">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-lg-8">
|
||||||
|
<div className="blog-details-wrap">
|
||||||
|
<div className="blog-item style-two">
|
||||||
|
<div
|
||||||
|
className="image"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="assets/images/blog/blog-standard1.jpg"
|
||||||
|
alt="Blog Standard"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="content"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<ul className="blog-meta-two">
|
||||||
|
<li>
|
||||||
|
<a href="#">Quality Food</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">March 25, 2024</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">comments (5)</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h3>
|
||||||
|
<Link href="blog-details">
|
||||||
|
Culinary Chronicle Exploring Gastronomic Wonders at food
|
||||||
|
king Restaurant
|
||||||
|
</Link>
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Nestled in the heart of [City Name], our restaurant offers
|
||||||
|
a captivating dining experience that tantalizes the senses
|
||||||
|
and leaves a lasting impression. From the moment you step
|
||||||
|
through our doors, you are enveloped in an ambiance that
|
||||||
|
effortlessly blends sophistication with warmth. Our menu,
|
||||||
|
crafted with care by our team of talented chefs, showcases
|
||||||
|
a symphony of flavors, sourced from the freshest
|
||||||
|
ingredients and inspired by both traditional recipes and
|
||||||
|
innovative techniques. Whether you're craving a comforting
|
||||||
|
classic or eager to embark on a culinary adventure, our
|
||||||
|
diverse selection caters to every palate.
|
||||||
|
</p>
|
||||||
|
<div className="row pt-20 pb-5">
|
||||||
|
<div className="col-sm-6">
|
||||||
|
<div className="image mb-30">
|
||||||
|
<img
|
||||||
|
src="assets/images/blog/blog-middle1.jpg"
|
||||||
|
alt="Blog Middle"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-6">
|
||||||
|
<div className="image mb-30">
|
||||||
|
<img
|
||||||
|
src="assets/images/blog/blog-middle2.jpg"
|
||||||
|
alt="Blog Middle"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Nestled in the heart of [City Name], our restaurant offers
|
||||||
|
a captivating dining experience that tantalizes the senses
|
||||||
|
and leaves a lasting impression. From the moment you step
|
||||||
|
through our doors, you are enveloped in an ambiance that
|
||||||
|
effortlessly blends sophistication with warmth. Our menu,
|
||||||
|
crafted with care by our team
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<blockquote
|
||||||
|
className="mt-40 mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="text">
|
||||||
|
<span>“</span> Create An Information Architecture That’s
|
||||||
|
Easy To Use Way Precise Usability Considerations For
|
||||||
|
Partially
|
||||||
|
</div>
|
||||||
|
<div className="blockquote-footer">Ronald M. Spino</div>
|
||||||
|
</blockquote>
|
||||||
|
<div className="tag-share">
|
||||||
|
<div
|
||||||
|
className="item"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h6>Popular Tag : </h6>
|
||||||
|
<div className="tags">
|
||||||
|
<Link href="blog">Restaurant</Link>
|
||||||
|
<Link href="blog">Food</Link>
|
||||||
|
<Link href="blog">Stalls</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="item"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h6>Share News</h6>
|
||||||
|
<div className="social-style-one">
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-twitter" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-facebook-f" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</Link>
|
||||||
|
<a href="#">
|
||||||
|
<i className="fab fa-pinterest-p" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="admin-comment bgc-lighter mt-30"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="comment-body">
|
||||||
|
<div className="author-thumb">
|
||||||
|
<img
|
||||||
|
src="assets/images/blog/admin-comment.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<h4>Thomas B. Gibson</h4>
|
||||||
|
<span className="author">Author</span>
|
||||||
|
<p>
|
||||||
|
Dictum tellus massa congue sapien mollis suspende preti
|
||||||
|
alesuada enim vitae dignissim. Seds mattis adipiscineg
|
||||||
|
lectusey consecteture
|
||||||
|
</p>
|
||||||
|
<div className="social-icons">
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-facebook-f" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-twitter" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-linkedin-in" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="next-prev-blog pt-45 pb-15">
|
||||||
|
<div
|
||||||
|
className="item"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/blog/prev-post.jpg" alt="News" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="date">April 25, 2024</span>
|
||||||
|
<h6>
|
||||||
|
<Link href="blog-details">
|
||||||
|
Savor & Share Culinary Chronicles Gazette Tales
|
||||||
|
from the Table
|
||||||
|
</Link>
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="item"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/blog/next-post.jpg" alt="News" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="date">April 25, 2024</span>
|
||||||
|
<h6>
|
||||||
|
<Link href="blog-details">
|
||||||
|
Savor & Share Culinary Chronicles Gazette Tales
|
||||||
|
from the Table
|
||||||
|
</Link>
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr className="mb-95" />
|
||||||
|
<h3 className="comment-title">Comments (3)</h3>
|
||||||
|
<div
|
||||||
|
className="comments rattings mt-25"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="comment-body">
|
||||||
|
<div className="author-thumb">
|
||||||
|
<img
|
||||||
|
src="assets/images/products/product-comment1.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<ul className="comment-header">
|
||||||
|
<li>
|
||||||
|
<h6>Daniel A. Hayes</h6>
|
||||||
|
</li>
|
||||||
|
<li>15 Jan 2024</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
SaaS, or Software as a Service, is a cloud-based
|
||||||
|
software delivery model where applications are hosted by
|
||||||
|
a third-party provider and accessed via the internet
|
||||||
|
offers benefits such
|
||||||
|
</p>
|
||||||
|
<a href="#" className="read-more">
|
||||||
|
reply <i className="far fa-arrow-alt-right" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="comment-body comment-child">
|
||||||
|
<div className="author-thumb">
|
||||||
|
<img
|
||||||
|
src="assets/images/blog/blog-comment2.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<ul className="comment-header">
|
||||||
|
<li>
|
||||||
|
<h6>Daniel A. Hayes</h6>
|
||||||
|
</li>
|
||||||
|
<li>15 Jan 2024</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
SaaS, or Software as a Service, is a cloud-based
|
||||||
|
software delivery mode applications are hosted by a
|
||||||
|
third-party provider and accessed via the internet
|
||||||
|
</p>
|
||||||
|
<a href="#" className="read-more">
|
||||||
|
reply <i className="far fa-arrow-alt-right" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="comment-body">
|
||||||
|
<div className="author-thumb">
|
||||||
|
<img
|
||||||
|
src="assets/images/blog/blog-comment3.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<ul className="comment-header">
|
||||||
|
<li>
|
||||||
|
<h6>Daniel A. Hayes</h6>
|
||||||
|
</li>
|
||||||
|
<li>15 Jan 2024</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
SaaS, or Software as a Service, is a cloud-based
|
||||||
|
software delivery model where applications are hosted by
|
||||||
|
a third-party provider and accessed via the internet
|
||||||
|
offers benefits such
|
||||||
|
</p>
|
||||||
|
<a href="#" className="read-more">
|
||||||
|
reply <i className="far fa-arrow-alt-right" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr className="mt-90 mb-90" />
|
||||||
|
<h3 className="comment-title">Send us comments</h3>
|
||||||
|
<form
|
||||||
|
id="comment-form"
|
||||||
|
className="comment-form mt-30"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
name="comment-form"
|
||||||
|
action="#"
|
||||||
|
method="post"
|
||||||
|
>
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="full-name"
|
||||||
|
name="full-name"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Full Name"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
id="blog-email"
|
||||||
|
name="blog-email"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Email Address"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group">
|
||||||
|
<textarea
|
||||||
|
name="message"
|
||||||
|
id="message"
|
||||||
|
className="form-control"
|
||||||
|
rows={4}
|
||||||
|
placeholder="Add comments"
|
||||||
|
required=""
|
||||||
|
defaultValue={""}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group mb-0">
|
||||||
|
<button type="submit" className="theme-btn">
|
||||||
|
Send Comments <i className="far fa-arrow-alt-right" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4 col-md-8">
|
||||||
|
<div className="main-sidebar rmt-75">
|
||||||
|
<div
|
||||||
|
className="widget widget-search"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h4 className="widget-title">Search</h4>
|
||||||
|
<form action="#" className="default-search-form">
|
||||||
|
<input type="text" placeholder="Search here" required="" />
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="searchbutton far fa-search"
|
||||||
|
/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="widget widget-category"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h4 className="widget-title">Category</h4>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="blog">
|
||||||
|
Beef & Chicken Hamburger{" "}
|
||||||
|
<span className="count">8</span>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="blog">
|
||||||
|
Italian Pizza <span className="count">3</span>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="blog">
|
||||||
|
Sandwich <span className="count">5</span>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="blog">
|
||||||
|
Chicken Roll <span className="count">2</span>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="blog">
|
||||||
|
Soup <span className="count">5</span>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="widget widget-recent-news"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h4 className="widget-title">Recent news</h4>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/widgets/news1.jpg" alt="News" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="date">April 25, 2024</span>
|
||||||
|
<h6>
|
||||||
|
<Link href="blog-details">
|
||||||
|
Savor & Share Culinary Chronicles Gastronomic
|
||||||
|
Gazette Tales from the Table
|
||||||
|
</Link>
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/widgets/news2.jpg" alt="News" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="date">April 25, 2024</span>
|
||||||
|
<h6>
|
||||||
|
<Link href="blog-details">
|
||||||
|
Savor & Share Culinary Chronicles Gastronomic
|
||||||
|
Gazette Tales from the Table
|
||||||
|
</Link>
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/widgets/news3.jpg" alt="News" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="date">April 25, 2024</span>
|
||||||
|
<h6>
|
||||||
|
<Link href="blog-details">
|
||||||
|
Savor & Share Culinary Chronicles Gastronomic
|
||||||
|
Gazette Tales from the Table
|
||||||
|
</Link>
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/widgets/news4.jpg" alt="News" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="date">April 25, 2024</span>
|
||||||
|
<h6>
|
||||||
|
<Link href="blog-details">
|
||||||
|
Savor & Share Culinary Chronicles Gastronomic
|
||||||
|
Gazette Tales from the Table
|
||||||
|
</Link>
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="widget widget-tag-cloud"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h4 className="widget-title">Popular Tags</h4>
|
||||||
|
<div className="tag-coulds">
|
||||||
|
<Link href="shop">Spicy</Link>
|
||||||
|
<Link href="shop">Seafoods</Link>
|
||||||
|
<Link href="shop">Burger</Link>
|
||||||
|
<Link href="shop">Pizza</Link>
|
||||||
|
<Link href="shop">Soup</Link>
|
||||||
|
<Link href="shop">Crap</Link>
|
||||||
|
<Link href="shop">Juice</Link>
|
||||||
|
<Link href="shop">Bread</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="widget widget-banner"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="category-banner-item"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(assets/images/widgets/banner-bg.jpg)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="price">only $59</span>
|
||||||
|
<h3>SPECIALTY PIZZAS</h3>
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn style-two">
|
||||||
|
Order now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
61
app/blog/[slug]/page.js
Normal file
61
app/blog/[slug]/page.js
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
// app/blog/[slug]/page.tsx
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import { Blog } from "@/utility/constant.utils";
|
||||||
|
|
||||||
|
export async function generateStaticParams() {
|
||||||
|
return Blog.map((item) => ({
|
||||||
|
slug: item.slug,
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function BlogPage({ params }) {
|
||||||
|
const { slug } = params;
|
||||||
|
|
||||||
|
const blog = Blog.find((item) => item.slug === slug);
|
||||||
|
|
||||||
|
if (!blog) {
|
||||||
|
return <div>Blog post not found</div>;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner bgImg="/assets/images/inner-banner/1.webp" pageTitle={"Blog details"} />
|
||||||
|
<section className="blog-details-area py-80 rpy-60">
|
||||||
|
<div className="container container-1290">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-lg-12">
|
||||||
|
<div className="blog-details-wrap">
|
||||||
|
<div className="blog-item style-two">
|
||||||
|
<div
|
||||||
|
className="image"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src={blog.image} alt="Blog Standard" />
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="content"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<ul className="blog-meta-two">
|
||||||
|
<li>{blog.user}</li>
|
||||||
|
<li>{blog.date}</li>
|
||||||
|
</ul>
|
||||||
|
<h3>{blog.title}</h3>
|
||||||
|
<div
|
||||||
|
dangerouslySetInnerHTML={{ __html: blog.description }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
}
|
||||||
20
app/blog/page.js
Normal file
20
app/blog/page.js
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
import ListOfBlogSection from "@/components/blog/ListOfBlogSection";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
|
export const metadata = {
|
||||||
|
title: "Shiva's Dosa Blog - Indian food & Buffet in Ontario",
|
||||||
|
description:
|
||||||
|
"Explore Indian food tips, buffet dining, and South Indian flavours near you in Ontario. Stay updated with Shiva's Dosa blog.",
|
||||||
|
};
|
||||||
|
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner bgImg="/assets/images/inner-banner/2.webp" pageTitle={"Blog"} />
|
||||||
|
<ListOfBlogSection />
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
165
app/cart/page.js
Normal file
165
app/cart/page.js
Normal file
@ -0,0 +1,165 @@
|
|||||||
|
"use client";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import PlusMinusBtn from "@/components/PlusMinusBtn";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import Link from "next/link";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Shopping Cart"} />
|
||||||
|
<section className="shopping-cart-area py-130 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="shoping-table mb-50 wow fadeInUp delay-0-2s">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Images</th>
|
||||||
|
<th>Product</th>
|
||||||
|
<th>Unit Price</th>
|
||||||
|
<th>Quantity</th>
|
||||||
|
<th>Total</th>
|
||||||
|
<th>remove</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<img src="assets/images/widgets/news1.jpg" alt="Product" />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span className="title">Shopping Cart</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span className="price">70</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<PlusMinusBtn />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<b className="price">70</b>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<button type="button" className="close">
|
||||||
|
×
|
||||||
|
</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<img src="assets/images/widgets/news2.jpg" alt="Product" />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span className="title">Chicken Soup</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span className="price">65</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<PlusMinusBtn />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<b className="price">130</b>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<button type="button" className="close">
|
||||||
|
×
|
||||||
|
</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<img src="assets/images/widgets/news3.jpg" alt="Product" />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span className="title">Red king Crab</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span className="price">80</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<PlusMinusBtn />
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<b className="price">80</b>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<button type="button" className="close">
|
||||||
|
×
|
||||||
|
</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div className="row text-center text-lg-left align-items-center">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div className="discount-wrapper mb-30 wow fadeInLeft delay-0-2s">
|
||||||
|
<form
|
||||||
|
onSubmit={(e) => e.preventDefault()}
|
||||||
|
className="d-sm-flex justify-content-center justify-content-lg-start"
|
||||||
|
>
|
||||||
|
<input type="text" placeholder="Coupon Code" required="" />
|
||||||
|
<button className="theme-btn flex-none" type="submit">
|
||||||
|
apply Coupon <i className="fas fa-angle-double-right" />
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div className="update-shopping mb-30 text-lg-end wow fadeInRight delay-0-2s">
|
||||||
|
<Link href="shop" className="theme-btn style-two my-5">
|
||||||
|
shopping <i className="fas fa-angle-double-right" />
|
||||||
|
</Link>
|
||||||
|
<Link href="shop" className="theme-btn my-5">
|
||||||
|
update cart <i className="fas fa-angle-double-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-lg-8">
|
||||||
|
<div className="shoping-cart-total pt-20 wow fadeInUp delay-0-2s">
|
||||||
|
<h4 className="form-title mb-25 text-center">Cart Totals</h4>
|
||||||
|
<table>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Cart Subtotal</td>
|
||||||
|
<td>
|
||||||
|
<span className="price">280</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Shipping Fee</td>
|
||||||
|
<td>
|
||||||
|
<span className="price">10.00</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Vat</td>
|
||||||
|
<td>$0.00</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<strong>Order Total</strong>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<b className="price">290</b>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<Link
|
||||||
|
href="checkout"
|
||||||
|
className="theme-btn style-two mt-25 w-100"
|
||||||
|
>
|
||||||
|
Proceed to checkout
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
497
app/checkout/page.js
Normal file
497
app/checkout/page.js
Normal file
@ -0,0 +1,497 @@
|
|||||||
|
"use client";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import { Accordion } from "react-bootstrap";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Checkout"} />
|
||||||
|
<div className="checkout-form-area py-130">
|
||||||
|
<div className="container">
|
||||||
|
<div className="checkout-faqs" id="checkout-faqs">
|
||||||
|
<Accordion>
|
||||||
|
<div className="alert bgc-lighter wow fadeInUp delay-0-2s">
|
||||||
|
<h6>
|
||||||
|
Returning customer?{" "}
|
||||||
|
<Accordion.Toggle
|
||||||
|
as={"a"}
|
||||||
|
eventKey="collapse0"
|
||||||
|
href="#"
|
||||||
|
onClick={(e) => e.preventDefault()}
|
||||||
|
className="collapsed card-header"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
data-bs-target="#collapse0"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-controls="collapse0"
|
||||||
|
>
|
||||||
|
Click here to login
|
||||||
|
</Accordion.Toggle>
|
||||||
|
</h6>
|
||||||
|
<Accordion.Collapse eventKey="collapse0" className="content">
|
||||||
|
<form action="#">
|
||||||
|
<p>Please login your accont.</p>
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
id="email-address"
|
||||||
|
name="email-address"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Your Email Address"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
id="password"
|
||||||
|
name="password"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Your Password"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="form-footer">
|
||||||
|
<button type="submit" className="theme-btn style-two">
|
||||||
|
login <i className="fas fa-angle-double-right" />
|
||||||
|
</button>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="loss-passowrd"
|
||||||
|
id="loss-passowrd"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
<label htmlFor="loss-passowrd">Remember me</label>
|
||||||
|
</div>
|
||||||
|
<a href="#">Lost your password?</a>
|
||||||
|
</form>
|
||||||
|
</Accordion.Collapse>
|
||||||
|
</div>
|
||||||
|
</Accordion>
|
||||||
|
|
||||||
|
<Accordion>
|
||||||
|
<div className="alert bgc-lighter wow fadeInUp delay-0-3s">
|
||||||
|
<h6>
|
||||||
|
Have a coupon?{" "}
|
||||||
|
<Accordion.Toggle
|
||||||
|
as={"a"}
|
||||||
|
eventKey="collapse3"
|
||||||
|
href="#"
|
||||||
|
onClick={(e) => e.preventDefault()}
|
||||||
|
className="collapsed card-header"
|
||||||
|
>
|
||||||
|
Click here to enter your code
|
||||||
|
</Accordion.Toggle>
|
||||||
|
</h6>
|
||||||
|
<Accordion.Collapse eventKey="collapse3" className="content">
|
||||||
|
<form action="#">
|
||||||
|
<p>If you have a coupon code, please apply it below.</p>
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="coupon-code"
|
||||||
|
name="coupon-code"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Coupon Code"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<button type="submit" className="theme-btn style-two">
|
||||||
|
apply coupon <i className="fas fa-angle-double-right" />
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</Accordion.Collapse>
|
||||||
|
</div>
|
||||||
|
</Accordion>
|
||||||
|
|
||||||
|
<Accordion defaultActiveKey="collapse4">
|
||||||
|
<div className="alert bgc-lighter wow fadeInUp delay-0-4s">
|
||||||
|
<h6>
|
||||||
|
Billing Address{" "}
|
||||||
|
<Accordion.Toggle
|
||||||
|
as={"a"}
|
||||||
|
eventKey="collapse4"
|
||||||
|
href="#"
|
||||||
|
onClick={(e) => e.preventDefault()}
|
||||||
|
className="card-header"
|
||||||
|
>
|
||||||
|
{" "}
|
||||||
|
Enter here
|
||||||
|
</Accordion.Toggle>
|
||||||
|
</h6>
|
||||||
|
<Accordion.Collapse eventKey="collapse4" className="content">
|
||||||
|
<form
|
||||||
|
id="checkout-form"
|
||||||
|
className="checkout-form"
|
||||||
|
name="checkout-form"
|
||||||
|
action="#"
|
||||||
|
method="post"
|
||||||
|
>
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-lg-12 pt-15">
|
||||||
|
<h5>Personal Information</h5>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="first-name"
|
||||||
|
name="first-name"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="First Name"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="last-name"
|
||||||
|
name="last-name"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Last Name"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="number"
|
||||||
|
name="number"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Phone Number"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
id="email"
|
||||||
|
name="email"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Email Address"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="company-name"
|
||||||
|
name="company-name"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Company name (optional)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="company-address"
|
||||||
|
name="company-address"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Company Address (optional)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-12">
|
||||||
|
<h5>Your Address</h5>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6 mb-30">
|
||||||
|
<div className="form-group">
|
||||||
|
<select name="country" id="country">
|
||||||
|
<option value="value1">Select Country</option>
|
||||||
|
<option value="value2">Australia</option>
|
||||||
|
<option value="value3">Canada</option>
|
||||||
|
<option value="value4">China</option>
|
||||||
|
<option value="value5">Morocco</option>
|
||||||
|
<option value="value6">Saudi Arabia</option>
|
||||||
|
<option value="value7">United Kingdom (UK)</option>
|
||||||
|
<option value="value8">United States (US)</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="city"
|
||||||
|
name="city"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="City"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="state"
|
||||||
|
name="state"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="State"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="zip"
|
||||||
|
name="zip"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Zip"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="street-name"
|
||||||
|
name="street-name"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="House, street name"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="apartment-name"
|
||||||
|
name="apartment-name"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Apartment, suite, unit etc. (optional)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-12">
|
||||||
|
<h5>Order Notes (optional)</h5>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group mb-0">
|
||||||
|
<textarea
|
||||||
|
name="order-note"
|
||||||
|
id="order-note"
|
||||||
|
className="form-control"
|
||||||
|
rows={5}
|
||||||
|
placeholder="Notes about your order, e.g. special notes for delivery."
|
||||||
|
defaultValue={""}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</Accordion.Collapse>
|
||||||
|
</div>
|
||||||
|
</Accordion>
|
||||||
|
|
||||||
|
<Accordion>
|
||||||
|
<div className="alert bgc-lighter wow fadeInUp delay-0-2s">
|
||||||
|
<h6>
|
||||||
|
Select Your{" "}
|
||||||
|
<Accordion.Toggle
|
||||||
|
as={"a"}
|
||||||
|
eventKey="collapse5"
|
||||||
|
href="#"
|
||||||
|
onClick={(e) => e.preventDefault()}
|
||||||
|
className="collapsed card-header"
|
||||||
|
>
|
||||||
|
{" "}
|
||||||
|
Payment Method
|
||||||
|
</Accordion.Toggle>
|
||||||
|
</h6>
|
||||||
|
<Accordion.Collapse eventKey="collapse5" className="content">
|
||||||
|
<div className="payment-cart-total pt-25">
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div className="payment-method rmb-30">
|
||||||
|
<h5 className="mb-20">Payment Method</h5>
|
||||||
|
<Accordion
|
||||||
|
defaultActiveKey="collapseOne"
|
||||||
|
as="ul"
|
||||||
|
id="paymentMethod"
|
||||||
|
className="mb-30"
|
||||||
|
>
|
||||||
|
{/* Default unchecked */}
|
||||||
|
<li className="custom-control custom-radio">
|
||||||
|
<input
|
||||||
|
type="radio"
|
||||||
|
className="custom-control-input"
|
||||||
|
id="methodone"
|
||||||
|
name="defaultExampleRadios"
|
||||||
|
defaultChecked
|
||||||
|
/>{" "}
|
||||||
|
<Accordion.Toggle
|
||||||
|
as="label"
|
||||||
|
className="custom-control-label"
|
||||||
|
htmlFor="methodone"
|
||||||
|
data-toggle="collapse"
|
||||||
|
data-target="#collapseOne"
|
||||||
|
eventKey="collapseOne"
|
||||||
|
>
|
||||||
|
{" "}
|
||||||
|
Direct Bank Transfer{" "}
|
||||||
|
<i className="fas fa-money-check" />
|
||||||
|
</Accordion.Toggle>
|
||||||
|
<Accordion.Collapse
|
||||||
|
eventKey="collapseOne"
|
||||||
|
data-parent="#paymentMethod"
|
||||||
|
style={{}}
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Make your payment directly into our bank
|
||||||
|
account. Please use your Order ID as the
|
||||||
|
payment reference. Your order will not be
|
||||||
|
shipped our account.
|
||||||
|
</p>
|
||||||
|
</Accordion.Collapse>
|
||||||
|
</li>
|
||||||
|
{/* Default unchecked */}
|
||||||
|
<li className="custom-control custom-radio">
|
||||||
|
<input
|
||||||
|
type="radio"
|
||||||
|
className="custom-control-input"
|
||||||
|
id="methodtwo"
|
||||||
|
name="defaultExampleRadios"
|
||||||
|
/>{" "}
|
||||||
|
<Accordion.Toggle
|
||||||
|
as="label"
|
||||||
|
className="custom-control-label collapsed"
|
||||||
|
htmlFor="methodtwo"
|
||||||
|
data-toggle="collapse"
|
||||||
|
data-target="#collapseTwo"
|
||||||
|
eventKey="collapseTwo"
|
||||||
|
>
|
||||||
|
{" "}
|
||||||
|
Cash On Delivery <i className="fas fa-truck" />
|
||||||
|
</Accordion.Toggle>
|
||||||
|
<Accordion.Collapse
|
||||||
|
eventKey="collapseTwo"
|
||||||
|
data-parent="#paymentMethod"
|
||||||
|
style={{}}
|
||||||
|
>
|
||||||
|
<p>Pay with cash upon delivery.</p>
|
||||||
|
</Accordion.Collapse>
|
||||||
|
</li>
|
||||||
|
{/* Default unchecked */}
|
||||||
|
<li className="custom-control custom-radio">
|
||||||
|
<input
|
||||||
|
type="radio"
|
||||||
|
className="custom-control-input"
|
||||||
|
id="methodthree"
|
||||||
|
name="defaultExampleRadios"
|
||||||
|
/>{" "}
|
||||||
|
<Accordion.Toggle
|
||||||
|
as="label"
|
||||||
|
className="custom-control-label collapsed"
|
||||||
|
htmlFor="methodthree"
|
||||||
|
data-toggle="collapse"
|
||||||
|
data-target="#collapsethree"
|
||||||
|
eventKey="collapsethree"
|
||||||
|
>
|
||||||
|
Paypal <i className="fab fa-cc-paypal" />
|
||||||
|
</Accordion.Toggle>
|
||||||
|
<Accordion.Collapse
|
||||||
|
eventKey="collapsethree"
|
||||||
|
data-parent="#paymentMethod"
|
||||||
|
style={{}}
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Pay via PayPal; you can pay with your credit
|
||||||
|
card if you don’t have a PayPal account.
|
||||||
|
</p>
|
||||||
|
</Accordion.Collapse>
|
||||||
|
</li>
|
||||||
|
</Accordion>
|
||||||
|
<p>
|
||||||
|
Your personal data will be used to process your
|
||||||
|
order, support your experience throughout this
|
||||||
|
website, and for other purposes described in our
|
||||||
|
privacy policy.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-5">
|
||||||
|
<div className="shoping-cart-total text-left mb-20">
|
||||||
|
<h5 className="text-center mb-20">Cart Totals</h5>
|
||||||
|
<table>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
Chicken Soup <strong>× 1</strong>
|
||||||
|
</td>
|
||||||
|
<td>$70.00</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
Alaskan Crab <strong>× 2</strong>
|
||||||
|
</td>
|
||||||
|
<td>$130.00</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Shipping Fee</td>
|
||||||
|
<td>$10.00</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Vat</td>
|
||||||
|
<td>$5.00</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<strong>Order Total</strong>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<strong>$225.00</strong>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Accordion.Collapse>
|
||||||
|
</div>
|
||||||
|
</Accordion>
|
||||||
|
<button type="button" className="theme-btn w-100">
|
||||||
|
Place order <i className="fas fa-angle-double-right" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
330
app/chef-details/page.js
Normal file
330
app/chef-details/page.js
Normal file
@ -0,0 +1,330 @@
|
|||||||
|
import Counter from "@/components/Counter";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import ProgressBar from "@/components/ProgressBar";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import Link from "next/link";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Chef Details"} />
|
||||||
|
{/* Chef Details Area start */}
|
||||||
|
<section className="chef-details-area pt-130 rpt-100 pb-75 rpb-45 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-lg-5 col-md-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="chef-image-part mb-55">
|
||||||
|
<img src="assets/images/chefs/chef-details.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-5 col-lg-6 col-md-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="chef-content-part mb-55">
|
||||||
|
<div className="section-title mb-30 rmb-5">
|
||||||
|
<h2>Tonia P. Desilva</h2>
|
||||||
|
<span className="designations">Senior Chef</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Sed ut perspiciatis unde omnis iste natus error voluptatem
|
||||||
|
accusantium doloremque laudanti totam rem aperiam eaque ipsa
|
||||||
|
quae abillo inventore veritatis et quasi architecto beatae
|
||||||
|
vitae dicta sunt explicaboemo enim ipsam voluptatem quia
|
||||||
|
voluptas sit aspernatur aut odit aut fugit, sed quia
|
||||||
|
</p>
|
||||||
|
<h4 className="mt-55 rmt-5">Follow</h4>
|
||||||
|
<div className="social-style-one mt-15 rmt-5">
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-twitter" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-facebook-f" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</Link>
|
||||||
|
<a href="#">
|
||||||
|
<i className="fab fa-pinterest-p" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-5 col-md-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="chef-skill-part mb-55">
|
||||||
|
<div className="counter-item style-three counter-text-wrap">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="flaticon-happiness" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span
|
||||||
|
className="count-text k-plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={34}
|
||||||
|
>
|
||||||
|
<Counter end={34} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title">Happy Customers</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="counter-item style-three counter-text-wrap">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="flaticon-medal" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span
|
||||||
|
className="count-text plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={356}
|
||||||
|
>
|
||||||
|
<Counter end={356} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title">Awards Winning</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="counter-item style-three counter-text-wrap">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="flaticon-rate" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span
|
||||||
|
className="count-text m-plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={1}
|
||||||
|
>
|
||||||
|
<Counter end={1} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title">5 Star Rating</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Chef Details Area end */}
|
||||||
|
{/* Skills Area start */}
|
||||||
|
<section className="skills-area pb-65 rpb-35 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row gap-100 align-items-center">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="skill-area-content mb-55"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="section-title mb-25">
|
||||||
|
<span className="sub-title mb-5">professional skills</span>
|
||||||
|
<h2>We Have Lot’s Of Experience restaurant services</h2>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Sed ut perspiciatis unde omnis natus voluptatem accusantium
|
||||||
|
doloremque laudanti totam rem aperiam eaque ipsa quae abillo
|
||||||
|
inventore veritatis et quasi architecto beatae vitae dicta
|
||||||
|
explicaboemo enim ipsam voluptatem
|
||||||
|
</p>
|
||||||
|
<div className="row no-gap justify-content-between">
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="history-progress style-two one">
|
||||||
|
<ProgressBar color={"#EC3D08"} value={95} />
|
||||||
|
<span className="counting">
|
||||||
|
<Counter end={95} />
|
||||||
|
<span>%</span>
|
||||||
|
</span>
|
||||||
|
<h3>Fast Foods</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="history-progress style-two two">
|
||||||
|
<ProgressBar color={"#EC3D08"} value={95} />
|
||||||
|
<span className="counting">
|
||||||
|
<Counter end={95} />
|
||||||
|
<span>%</span>
|
||||||
|
</span>
|
||||||
|
<h3>Coffee Items</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="history-progress style-two three">
|
||||||
|
<ProgressBar color={"#EC3D08"} value={95} />
|
||||||
|
<span className="counting">
|
||||||
|
<Counter end={95} />
|
||||||
|
<span>%</span>
|
||||||
|
</span>
|
||||||
|
<h3>Drink or juice</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="skill-section-image text-lg-end mb-55"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/about/skills.jpg" alt="Skills" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Skills Area end */}
|
||||||
|
{/* Headline area start */}
|
||||||
|
<Headline />
|
||||||
|
{/* Headline Area end */}
|
||||||
|
{/* Booking Table Area start */}
|
||||||
|
<section className="booking-table-area pb-130 rpb-100 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-center">
|
||||||
|
<div
|
||||||
|
className="col-lg-5"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="booking-table-content style-three rmb-55">
|
||||||
|
<div className="section-title mb-25">
|
||||||
|
<span className="sub-title mb-5">
|
||||||
|
Have any lunch or dinner plan ?
|
||||||
|
</span>
|
||||||
|
<h2>We Offer quality food for lunch & dinner</h2>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Sed ut perspiciatis unde natus voluptatem accusantium
|
||||||
|
doloremque laudanti totam rem aperiam eaque ipsa quae abillo
|
||||||
|
inventore veritatis architecto beatae vitae
|
||||||
|
</p>
|
||||||
|
<div className="contact--number pt-20">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="fas fa-phone" />
|
||||||
|
</div>
|
||||||
|
<div className="number">
|
||||||
|
<span className="title">Contact Us</span>
|
||||||
|
<a href="callto:+00012345688">+000 123 456 88</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-lg-7"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="booking-table-form mb-0"
|
||||||
|
style={{
|
||||||
|
backgroundImage: "url(assets/images/background/form-bg.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="section-title">
|
||||||
|
<h2>Send us message</h2>
|
||||||
|
</div>
|
||||||
|
<p>Enjoy your food to book your table</p>
|
||||||
|
<form
|
||||||
|
id="booking-form"
|
||||||
|
className="booking-form mt-25"
|
||||||
|
name="booking-form"
|
||||||
|
method="post"
|
||||||
|
>
|
||||||
|
<div className="row gap-20">
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="name"
|
||||||
|
name="name"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Name"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
id="email"
|
||||||
|
name="email"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Email"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="number"
|
||||||
|
name="number"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Phone"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="subject"
|
||||||
|
name="subject"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Subject"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group">
|
||||||
|
<textarea
|
||||||
|
id="message"
|
||||||
|
name="message"
|
||||||
|
className="form-control"
|
||||||
|
placeholder="Write message"
|
||||||
|
rows={4}
|
||||||
|
defaultValue={""}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group mb-0">
|
||||||
|
<button type="submit" className="theme-btn">
|
||||||
|
Send message <i className="far fa-arrow-alt-right" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Booking Table Area end */}
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
295
app/chefs/page.js
Normal file
295
app/chefs/page.js
Normal file
@ -0,0 +1,295 @@
|
|||||||
|
import Counter from "@/components/Counter";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import ProgressBar from "@/components/ProgressBar";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import Link from "next/link";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Our Chefs"} />
|
||||||
|
<section className="about-us-area pt-130 rpt-85 pb-100 rpb-70 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-center">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-image-part mb-30 rmb-55"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="food-review">
|
||||||
|
<div className="author">
|
||||||
|
<img
|
||||||
|
src="assets/images/about/review-author.png"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span className="text">Very good food</span>
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="assets/images/about/about.jpg" alt="About" />
|
||||||
|
<div
|
||||||
|
className="quality-food"
|
||||||
|
style={{
|
||||||
|
backgroundImage: "url(assets/images/shapes/about-star.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="for-border" />
|
||||||
|
<span className="text">
|
||||||
|
quality <br />
|
||||||
|
food
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-us-content"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="section-title mb-25">
|
||||||
|
<span className="sub-title mb-5">expert team member</span>
|
||||||
|
<h2>we have professional team member meet with us</h2>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
|
||||||
|
accusantium doloremque laudantium, totam rem aperiam, eaque
|
||||||
|
ipsa quae abillo inventore veritatis quasi architecto beatae
|
||||||
|
vitae dicta sunt explicaboemo
|
||||||
|
</p>
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div className="col-md-7">
|
||||||
|
<div className="history-progress one">
|
||||||
|
<ProgressBar color={"#EC3D08"} value={95} />
|
||||||
|
<span className="counting">
|
||||||
|
<Counter end={95} />
|
||||||
|
<span>%</span>
|
||||||
|
</span>
|
||||||
|
<h3>Professional Team member</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-5">
|
||||||
|
<div className="history-progress two">
|
||||||
|
<ProgressBar color={"#EC3D08"} value={78} />
|
||||||
|
<span className="counting">
|
||||||
|
<Counter end={78} />
|
||||||
|
<span>%</span>
|
||||||
|
</span>
|
||||||
|
<h3>Satisficed customer</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="about-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img src="assets/images/shapes/pizza-three.png" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<Headline />
|
||||||
|
<section className="chefs-area pb-65 rpb-35 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-xl-7 col-lg-9">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">professional chefs</span>
|
||||||
|
<h2>we have professionals team member meet our expert chefs</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef1.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">Nolan E. Barrera</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef2.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">William B. Nguyen</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef3.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">Michael A. Coulson</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef4.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">Brent M. Powers</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef5.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">Tonia P. Desilva</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef6.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">Matthew J. Nason</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef7.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">Kenneth J. Williams</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="chefs-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/chefs/chef8.jpg" alt="Chef" />
|
||||||
|
</div>
|
||||||
|
<div className="description">
|
||||||
|
<h5>
|
||||||
|
<Link href="chef-details">Thomas C. Weaver</Link>
|
||||||
|
</h5>
|
||||||
|
<span>Senior Chef</span>
|
||||||
|
<Link href="chef-details" className="more-btn">
|
||||||
|
<i className="far fa-plus" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
213
app/contact/page.js
Normal file
213
app/contact/page.js
Normal file
@ -0,0 +1,213 @@
|
|||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
|
||||||
|
export const metadata = {
|
||||||
|
title: "Contact Shiva’s Dosa | Indian Restaurant Near Me Ontario",
|
||||||
|
description:
|
||||||
|
"Contact Shiva’s Dosa for the best Indian restaurant near me in Ontario. Order online or visit us for Indian buffet near me.",
|
||||||
|
};
|
||||||
|
const page = () => {
|
||||||
|
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner bgImg="/assets/images/inner-banner/6.webp" pageTitle={"Contact us"} />
|
||||||
|
<section
|
||||||
|
className="contact-page-area pt-130 rpt-100 pb-115 rpb-85 rel z-1"
|
||||||
|
|
||||||
|
>
|
||||||
|
<div className="container">
|
||||||
|
<div className="row mb-130 rmb-100 align-items-center">
|
||||||
|
<div className="col-lg-5">
|
||||||
|
<div
|
||||||
|
className="contact-page-content rmb-55"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="section-title mb-35">
|
||||||
|
<span className="sub-title mb-10">contact us</span>
|
||||||
|
<h2 >Get In Touch</h2>
|
||||||
|
</div>
|
||||||
|
<div className="contact-info-wrap" >
|
||||||
|
<div className="contact-info-item bgc-black">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="fal fa-map-marker-alt" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="title" style={{ fontWeight: "bold" }}>Location:</span>
|
||||||
|
<p className="text-white">
|
||||||
|
1187 Fischer Hallman Rd, Unit 430, Kitchner, Ontario N2E 4H9.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="contact-info-item bgc-black">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="fal fa-envelope-open" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="title" style={{ fontWeight: "bold" }}>Email Address</span>
|
||||||
|
<p className="text-white">
|
||||||
|
<a href="mailto:info@shivasdosa.com">
|
||||||
|
info@shivasdosa.com
|
||||||
|
</a>
|
||||||
|
{/* <br />{" "}
|
||||||
|
<a href="mailto:finslaninfo.com">finslaninfo.com</a> */}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="contact-info-item bgc-black">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="fal fa-phone" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="title" style={{ fontWeight: "bold" }}>Phone No</span>
|
||||||
|
<p className="text-white">
|
||||||
|
<a href="callto:+5197441444">(519) 744-1444</a>
|
||||||
|
{/* <br />{" "}
|
||||||
|
<a href="callto:+00045685999">+000 (456) 859 99</a> */}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-lg-7"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="contact-page-form bgc-black">
|
||||||
|
<h3>Send Us Message</h3>
|
||||||
|
<p style={{ color: "#fff" }}>
|
||||||
|
Comments, Questions or any feedback will be pleased to hear from you. Please leave us the message in this contact form or Call us.
|
||||||
|
</p>
|
||||||
|
<form
|
||||||
|
id="contactForm"
|
||||||
|
className="contactForm"
|
||||||
|
name="contactForm"
|
||||||
|
action="assets/php/form-process.php"
|
||||||
|
method="post"
|
||||||
|
>
|
||||||
|
<div className="row mt-30 gap-20">
|
||||||
|
<div className="col-sm-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="name"
|
||||||
|
name="name"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Full Name"
|
||||||
|
required=""
|
||||||
|
data-error="Please enter your Name"
|
||||||
|
/>
|
||||||
|
<div className="help-block with-errors" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
id="email"
|
||||||
|
name="email"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Email Address"
|
||||||
|
required=""
|
||||||
|
data-error="Please enter your Email"
|
||||||
|
/>
|
||||||
|
<div className="help-block with-errors" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="phone_number"
|
||||||
|
name="phone_number"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Phone"
|
||||||
|
required=""
|
||||||
|
data-error="Please enter your Phone No"
|
||||||
|
/>
|
||||||
|
<div className="help-block with-errors" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="subject"
|
||||||
|
name="subject"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Subject"
|
||||||
|
required=""
|
||||||
|
data-error="Please enter your Subject"
|
||||||
|
/>
|
||||||
|
<div className="help-block with-errors" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-12">
|
||||||
|
<div className="form-group">
|
||||||
|
<textarea
|
||||||
|
name="message"
|
||||||
|
id="message"
|
||||||
|
className="form-control"
|
||||||
|
rows={4}
|
||||||
|
placeholder="Write Message"
|
||||||
|
required=""
|
||||||
|
data-error="Please enter your Message"
|
||||||
|
defaultValue={""}
|
||||||
|
/>
|
||||||
|
<div className="help-block with-errors" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-12">
|
||||||
|
<div className="form-group mb-0">
|
||||||
|
<button type="submit" className="theme-btn">
|
||||||
|
Send Message Us{" "}
|
||||||
|
<i className="far fa-arrow-alt-right" />
|
||||||
|
</button>
|
||||||
|
<div id="msgSubmit" className="hidden" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="our-location"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
{/* <iframe
|
||||||
|
src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d96777.16150026117!2d-74.00840582560909!3d40.71171357405996!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1706508986625!5m2!1sen!2sbd"
|
||||||
|
style={{ border: 0, width: "100%" }}
|
||||||
|
allowFullScreen=""
|
||||||
|
loading="lazy"
|
||||||
|
referrerPolicy="no-referrer-when-downgrade"
|
||||||
|
/> */}
|
||||||
|
|
||||||
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2898.628851016394!2d-80.50359972490557!3d43.405686368405746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882bf579045db13b%3A0x258e9b3ccf2549d4!2sShivas%20Dosa%20Restaurant!5e0!3m2!1sen!2sin!4v1747979520603!5m2!1sen!2sin"
|
||||||
|
style={{ border: 0, width: "100%" }}
|
||||||
|
allowFullScreen=""
|
||||||
|
loading="lazy"
|
||||||
|
referrerPolicy="no-referrer-when-downgrade" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-lines">
|
||||||
|
<span />
|
||||||
|
<span />
|
||||||
|
<span />
|
||||||
|
<span />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
159
app/faq/page.js
Normal file
159
app/faq/page.js
Normal file
@ -0,0 +1,159 @@
|
|||||||
|
"use client";
|
||||||
|
import FoodCategory from "@/components/FoodCategory";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import { useState } from "react";
|
||||||
|
import { Accordion } from "react-bootstrap";
|
||||||
|
const page = () => {
|
||||||
|
const faqItems = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "What is your restaurant's cuisine or specialty?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "What are your hours of operation?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Do you have a dress code?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "Can you accommodate dietary restrictions or food allergies?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Do you have a corkage fee for bringing in our own wine?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Do you have any special promotions or discounts?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "How can I contact you for further inquiries?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "Do you have any current promotions or special offers?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
title: "Do you host private events or parties?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "What payment methods do you accept?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 11,
|
||||||
|
title: "Can I bring my own wine, and is there a corkage fee?",
|
||||||
|
content:
|
||||||
|
"Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudanti totam rem aperiam eaque quae abillo inventore veritatis et quasi architecto beatae dicta sunt explicaboemo enim ipsam",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
const [active, setActive] = useState("collapse1");
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Faq"} />
|
||||||
|
<section className="faq-area pt-130 rpt-100 pb-120 rpb-90 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="faq-content-part rmb-55"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-lg-9">
|
||||||
|
<div className="section-title mb-50">
|
||||||
|
<span className="sub-title mb-5">faqs</span>
|
||||||
|
<h2>
|
||||||
|
Have Any Questions On Mind frequently asked questions ?
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/about/faq.jpg" alt="FAQ" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="fpq-part"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<Accordion
|
||||||
|
className="accordion"
|
||||||
|
id="faq-accordion"
|
||||||
|
defaultActiveKey={active}
|
||||||
|
>
|
||||||
|
{faqItems.map((faq) => (
|
||||||
|
<div className="accordion-item" key={faq.id}>
|
||||||
|
<h5 className="accordion-header">
|
||||||
|
<Accordion.Toggle
|
||||||
|
as={"button"}
|
||||||
|
className={`accordion-button ${
|
||||||
|
active == `collapse${faq.id}` ? "" : "collapsed"
|
||||||
|
}`}
|
||||||
|
eventKey={`collapse${faq.id}`}
|
||||||
|
onClick={() =>
|
||||||
|
setActive(
|
||||||
|
active == `collapse${faq.id}`
|
||||||
|
? null
|
||||||
|
: `collapse${faq.id}`
|
||||||
|
)
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{faq.title}
|
||||||
|
</Accordion.Toggle>
|
||||||
|
</h5>
|
||||||
|
<Accordion.Collapse
|
||||||
|
eventKey={`collapse${faq.id}`}
|
||||||
|
className="accordion-collapse "
|
||||||
|
>
|
||||||
|
<div className="accordion-body">
|
||||||
|
<p>{faq.content}</p>
|
||||||
|
</div>
|
||||||
|
</Accordion.Collapse>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</Accordion>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<Headline />
|
||||||
|
<FoodCategory />
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
BIN
app/favicon.ico
Normal file
BIN
app/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
32
app/gallery/page.js
Normal file
32
app/gallery/page.js
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import dynamic from "next/dynamic";
|
||||||
|
const GalleryIsotope = dynamic(() => import("@/components/GalleryIsotope"), {
|
||||||
|
ssr: false,
|
||||||
|
});
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Gallery"} />
|
||||||
|
<section className="photo-gallery-area pt-130 rpt-100 pb-60 rpb-30 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-xl-7 col-lg-9">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">photo gallery</span>
|
||||||
|
<h2>explore latest photo gallery</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<GalleryIsotope />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
77
app/globals.css
Normal file
77
app/globals.css
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@400;500;700&display=swap");
|
||||||
|
|
||||||
|
.main-menu .navbar-collapse .mobile-menu li ul {
|
||||||
|
opacity: 1 !important;
|
||||||
|
visibility: unset !important;
|
||||||
|
}
|
||||||
|
.main-menu .navbar-collapse li:hover > ul {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
top: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.main-menu .navbar-collapse li ul li ul {
|
||||||
|
top: -2% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slick slider */
|
||||||
|
.slick-dots,
|
||||||
|
.testimonials-three-content .testimonial-two-item {
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
.slick-slide {
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
.food-category-active .slick-track .food-category-item {
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-three-content .slick-active .testimonial-two-item .content,
|
||||||
|
.testimonials-three-content .slick-active .testimonial-two-item .image img,
|
||||||
|
.testimonials-three-content .slick-active .testimonial-two-item .image .quote {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: translate(0);
|
||||||
|
-ms-transform: translate(0);
|
||||||
|
transform: translate(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-three-content .slick-active .testimonial-two-item .image .quote {
|
||||||
|
-webkit-transition-delay: 0.35s;
|
||||||
|
-o-transition-delay: 0.35s;
|
||||||
|
transition-delay: 0.35s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-five-authors .slick-slide {
|
||||||
|
width: 100% !important;
|
||||||
|
padding: unset !important;
|
||||||
|
}
|
||||||
|
.testimonials-five-authors .slick-current .testimonial-five-author-item img {
|
||||||
|
width: 75px;
|
||||||
|
height: 75px;
|
||||||
|
border: 3px solid var(--primary-color);
|
||||||
|
}
|
||||||
|
.testimonials-five-authors .testimonial-five-author-item {
|
||||||
|
width: unset !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.testimonials-five-content .slick-active .testimonial-five-item:before {
|
||||||
|
opacity: 1;
|
||||||
|
bottom: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.history-progress .canvas {
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.history-progress .CircularProgressbar {
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
.history-progress.style-two .canvas {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-style-one .nav-link:hover {
|
||||||
|
color: var(--heading-color);
|
||||||
|
}
|
||||||
328
app/history/page.js
Normal file
328
app/history/page.js
Normal file
@ -0,0 +1,328 @@
|
|||||||
|
import Counter from "@/components/Counter";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import ProgressBar from "@/components/ProgressBar";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageName={"History"} pageTitle={"our History"} />
|
||||||
|
{/* History Page About Area start */}
|
||||||
|
<section className="history-page-about pt-130 rpt-100 pb-75 rpb-45 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row gap-100 align-items-center">
|
||||||
|
<div className="col-xl-6">
|
||||||
|
<div
|
||||||
|
className="history-about-image mb-55"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/about/history.jpg" alt="History" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-6">
|
||||||
|
<div
|
||||||
|
className="history-about-content mb-55"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="section-title mb-25">
|
||||||
|
<span className="sub-title mb-5">learn About wellfood</span>
|
||||||
|
<h2>we provide best Quality food for your good health</h2>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
This may involve coordinating with financial institutions,
|
||||||
|
implementing new systems or processes, and providing ongoing
|
||||||
|
support guidance
|
||||||
|
</p>
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div className="col-md-7">
|
||||||
|
<div className="history-progress one">
|
||||||
|
<ProgressBar color={"#EC3D08"} value={95} />
|
||||||
|
<span className="counting">
|
||||||
|
<Counter end={95} />
|
||||||
|
<span>%</span>
|
||||||
|
</span>
|
||||||
|
<h3>Professional Team member</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-5">
|
||||||
|
<div className="history-progress two">
|
||||||
|
<ProgressBar color={"#EC3D08"} value={78} />
|
||||||
|
<span className="counting">
|
||||||
|
<Counter end={78} />
|
||||||
|
<span>%</span>
|
||||||
|
</span>
|
||||||
|
<h3>Satisficed customer</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* History Page About Area end */}
|
||||||
|
{/* Headline area start */}
|
||||||
|
<Headline />
|
||||||
|
{/* Headline Area end */}
|
||||||
|
{/* History Area start */}
|
||||||
|
<section className="history-area pb-130 rpb-100 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-xxl-6 col-xl-7 col-lg-9">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">learn About wellfood</span>
|
||||||
|
<h2>explore and discover our restaurant history</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="history-wrapper">
|
||||||
|
<div className="row no-gap">
|
||||||
|
<div
|
||||||
|
className="col-lg-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="history-item-wrap">
|
||||||
|
<div className="history-item">
|
||||||
|
<div className="image">
|
||||||
|
<img
|
||||||
|
src="assets/images/history/history1.jpg"
|
||||||
|
alt="History"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="year">1990</span>
|
||||||
|
<h5>when we started restaurant</h5>
|
||||||
|
<p>
|
||||||
|
At our restaurant, we offer more than just meal we
|
||||||
|
provide unforgettable culinary experience tantalizes the
|
||||||
|
senses and creates memories
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-lg-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="history-item-wrap history-right">
|
||||||
|
<div className="history-item">
|
||||||
|
<div className="image">
|
||||||
|
<img
|
||||||
|
src="assets/images/history/history2.jpg"
|
||||||
|
alt="History"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="year">2000</span>
|
||||||
|
<h5>join our first award winning chef</h5>
|
||||||
|
<p>
|
||||||
|
At our restaurant, we offer more than just meal we
|
||||||
|
provide unforgettable culinary experience tantalizes the
|
||||||
|
senses and creates memories
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-lg-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="history-item-wrap">
|
||||||
|
<div className="history-item">
|
||||||
|
<div className="image">
|
||||||
|
<img
|
||||||
|
src="assets/images/history/history3.jpg"
|
||||||
|
alt="History"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="year">2003</span>
|
||||||
|
<h5>we are now on fire</h5>
|
||||||
|
<p>
|
||||||
|
At our restaurant, we offer more than just meal we
|
||||||
|
provide unforgettable culinary experience tantalizes the
|
||||||
|
senses and creates memories
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-lg-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="history-item-wrap history-right">
|
||||||
|
<div className="history-item">
|
||||||
|
<div className="image">
|
||||||
|
<img
|
||||||
|
src="assets/images/history/history4.jpg"
|
||||||
|
alt="History"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="year">2005</span>
|
||||||
|
<h5>award winning restaurant</h5>
|
||||||
|
<p>
|
||||||
|
At our restaurant, we offer more than just meal we
|
||||||
|
provide unforgettable culinary experience tantalizes the
|
||||||
|
senses and creates memories
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-lg-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="history-item-wrap">
|
||||||
|
<div className="history-item">
|
||||||
|
<div className="image">
|
||||||
|
<img
|
||||||
|
src="assets/images/history/history5.jpg"
|
||||||
|
alt="History"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="year">2007</span>
|
||||||
|
<h5>we have start globally</h5>
|
||||||
|
<p>
|
||||||
|
At our restaurant, we offer more than just meal we
|
||||||
|
provide unforgettable culinary experience tantalizes the
|
||||||
|
senses and creates memories
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-lg-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="history-item-wrap history-right">
|
||||||
|
<div className="history-item">
|
||||||
|
<div className="image">
|
||||||
|
<img
|
||||||
|
src="assets/images/history/history6.jpg"
|
||||||
|
alt="History"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<span className="year">2013</span>
|
||||||
|
<h5>we have 50+ professional chef</h5>
|
||||||
|
<p>
|
||||||
|
At our restaurant, we offer more than just meal we
|
||||||
|
provide unforgettable culinary experience tantalizes the
|
||||||
|
senses and creates memories
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* History Area end */}
|
||||||
|
{/* Awards Area start */}
|
||||||
|
<section className="awards-area pb-130 rpb-100 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-xxl-6 col-xl-7 col-lg-9">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">Awards winning</span>
|
||||||
|
<h2>explore our achievement</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row no-gap justify-content-center">
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="award-item">
|
||||||
|
<img src="assets/images/awards/award1.png" alt="Award" />
|
||||||
|
<h5>World #1 restaurant</h5>
|
||||||
|
<span className="year">Awards - 1995</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="award-item">
|
||||||
|
<img src="assets/images/awards/award2.png" alt="Award" />
|
||||||
|
<h5>World #1 restaurant</h5>
|
||||||
|
<span className="year">Awards - 2000</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="award-item">
|
||||||
|
<img src="assets/images/awards/award3.png" alt="Award" />
|
||||||
|
<h5>World #1 restaurant</h5>
|
||||||
|
<span className="year">Awards - 2005</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="award-item">
|
||||||
|
<img src="assets/images/awards/award4.png" alt="Award" />
|
||||||
|
<h5>World #1 restaurant</h5>
|
||||||
|
<span className="year">Awards - 2008</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Awards Area end */}
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
39
app/layout.js
Normal file
39
app/layout.js
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
import "@css/aos.css";
|
||||||
|
import "@css/bootstrap.min.css";
|
||||||
|
import "@css/flaticon.min.css";
|
||||||
|
import "@css/fontawesome-5.14.0.min.css";
|
||||||
|
import "@css/magnific-popup.min.css";
|
||||||
|
import "@css/nice-select.min.css";
|
||||||
|
import "@css/slick.min.css";
|
||||||
|
import "@css/style.css";
|
||||||
|
import "./globals.css";
|
||||||
|
|
||||||
|
import Script from "next/script"; // ✅ Required for <Script>
|
||||||
|
|
||||||
|
export const metadata = {
|
||||||
|
title: "Shiva's Dosa Restaurant",
|
||||||
|
description:
|
||||||
|
"Authentic South Indian Cuisine | Home of the Heavenly Dosa | Fresh Ingredients, Traditional Flavors",
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function RootLayout({ children }) {
|
||||||
|
return (
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
{/* ✅ Clarity Script moved to HEAD */}
|
||||||
|
<Script
|
||||||
|
id="clarity-script"
|
||||||
|
strategy="afterInteractive"
|
||||||
|
dangerouslySetInnerHTML={{
|
||||||
|
__html: `(function(c,l,a,r,i,t,y){
|
||||||
|
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
|
||||||
|
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
|
||||||
|
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
|
||||||
|
})(window, document, "clarity", "script", "rq11681wez");`,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</head>
|
||||||
|
<body>{children}</body>
|
||||||
|
</html>
|
||||||
|
);
|
||||||
|
}
|
||||||
340
app/menu-burger/page.js
Normal file
340
app/menu-burger/page.js
Normal file
@ -0,0 +1,340 @@
|
|||||||
|
import { AboutUs2 } from "@/components/AboutUs";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import OfferCard from "@/components/OfferCard";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import RestaurantMenu from "@/components/RestaurantMenu";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
const page = () => {
|
||||||
|
const items = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "dessert",
|
||||||
|
icon: "flaticon-cupcake",
|
||||||
|
event: "food-tab1",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu1.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu2.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu3.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu4.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu5.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu6.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu7.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu8.jpg",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "vegetarian",
|
||||||
|
icon: "flaticon-broccoli",
|
||||||
|
event: "food-tab2",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu3.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu4.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu1.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu6.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu2.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu8.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu5.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu8.jpg",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "potatoes",
|
||||||
|
icon: "flaticon-fried-potatoes",
|
||||||
|
event: "food-tab3",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu2.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu3.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu1.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu4.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu7.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu5.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu6.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu8.jpg",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "seafood",
|
||||||
|
icon: "flaticon-crab",
|
||||||
|
event: "food-tab4",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu5.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu1.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu2.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu3.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu4.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu6.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu8.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu7.jpg",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "drinks",
|
||||||
|
icon: "flaticon-poinsettia",
|
||||||
|
event: "food-tab5",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu2.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu1.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu3.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu4.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu5.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu6.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu7.jpg",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/burger-menu8.jpg",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Menu Burger"} />
|
||||||
|
<AboutUs2 />
|
||||||
|
<Headline />
|
||||||
|
<RestaurantMenu menus={items} />
|
||||||
|
<OfferCard />
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
343
app/menu-chicken/page.js
Normal file
343
app/menu-chicken/page.js
Normal file
@ -0,0 +1,343 @@
|
|||||||
|
import { AboutUs2 } from "@/components/AboutUs";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import OfferCard from "@/components/OfferCard";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import RestaurantMenu from "@/components/RestaurantMenu";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
const page = () => {
|
||||||
|
const items = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "dessert",
|
||||||
|
icon: "flaticon-cupcake",
|
||||||
|
event: "food-tab1",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "vegetarian",
|
||||||
|
icon: "flaticon-broccoli",
|
||||||
|
event: "food-tab2",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu8.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "potatoes",
|
||||||
|
icon: "flaticon-fried-potatoes",
|
||||||
|
event: "food-tab3",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "seafood",
|
||||||
|
icon: "flaticon-crab",
|
||||||
|
event: "food-tab4",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu8.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu7.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "drinks",
|
||||||
|
icon: "flaticon-poinsettia",
|
||||||
|
event: "food-tab5",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/chicken-menu8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Menu Fried Chicken"} />
|
||||||
|
<AboutUs2
|
||||||
|
aboutImg1="/assets/images/about/menu-chicken1.jpg"
|
||||||
|
aboutImg2="/assets/images/about/menu-chicken2.jpg"
|
||||||
|
/>
|
||||||
|
<Headline />
|
||||||
|
<RestaurantMenu menus={items} />
|
||||||
|
<OfferCard />
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
343
app/menu-grill/page.js
Normal file
343
app/menu-grill/page.js
Normal file
@ -0,0 +1,343 @@
|
|||||||
|
import AboutUs from "@/components/AboutUs";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import OfferCard from "@/components/OfferCard";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import RestaurantMenu from "@/components/RestaurantMenu";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
const page = () => {
|
||||||
|
const items = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "dessert",
|
||||||
|
icon: "flaticon-cupcake",
|
||||||
|
event: "food-tab1",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "vegetarian",
|
||||||
|
icon: "flaticon-broccoli",
|
||||||
|
event: "food-tab2",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food8.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "potatoes",
|
||||||
|
icon: "flaticon-fried-potatoes",
|
||||||
|
event: "food-tab3",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "seafood",
|
||||||
|
icon: "flaticon-crab",
|
||||||
|
event: "food-tab4",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food8.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food7.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "drinks",
|
||||||
|
icon: "flaticon-poinsettia",
|
||||||
|
event: "food-tab5",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/gm-food8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Menu Grill"} />
|
||||||
|
<AboutUs
|
||||||
|
title="Roasted chicken"
|
||||||
|
productImage="/assets/images/food/gril.png"
|
||||||
|
/>
|
||||||
|
<Headline />
|
||||||
|
<RestaurantMenu menus={items} />
|
||||||
|
<OfferCard />
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
346
app/menu-pizza/page.js
Normal file
346
app/menu-pizza/page.js
Normal file
@ -0,0 +1,346 @@
|
|||||||
|
import AboutUs from "@/components/AboutUs";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import OfferCard from "@/components/OfferCard";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import RestaurantMenu from "@/components/RestaurantMenu";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
const page = () => {
|
||||||
|
const items = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "dessert",
|
||||||
|
icon: "flaticon-cupcake",
|
||||||
|
event: "food-tab1",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "vegetarian",
|
||||||
|
icon: "flaticon-broccoli",
|
||||||
|
event: "food-tab2",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food8.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "potatoes",
|
||||||
|
icon: "flaticon-fried-potatoes",
|
||||||
|
event: "food-tab3",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "seafood",
|
||||||
|
icon: "flaticon-crab",
|
||||||
|
event: "food-tab4",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food8.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food7.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "drinks",
|
||||||
|
icon: "flaticon-poinsettia",
|
||||||
|
event: "food-tab5",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/pm-food8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Menu pizza"} />
|
||||||
|
<AboutUs />
|
||||||
|
{/* Headline area start */}
|
||||||
|
<Headline />
|
||||||
|
{/* Headline Area end */}
|
||||||
|
{/* Restaurant Menu Area start */}
|
||||||
|
<RestaurantMenu menus={items} />
|
||||||
|
{/* Restaurant Menu Area end */}
|
||||||
|
{/* Offer Card Area start */}
|
||||||
|
<OfferCard />
|
||||||
|
{/* Offer Card Area end */}
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
36
app/menu-restaurant/page.js
Normal file
36
app/menu-restaurant/page.js
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
import { AboutUs4 } from "@/components/AboutUs";
|
||||||
|
import Burger from "@/components/Burger";
|
||||||
|
import CategoryBanner from "@/components/CategoryBanner";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import RestaurantMenu from "@/components/RestaurantMenu";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
{/* Page Banner Start */}
|
||||||
|
<PageBanner pageTitle={"Menu Restaurant"} />
|
||||||
|
{/* Page Banner End */}
|
||||||
|
{/* About Us Area start */}
|
||||||
|
<AboutUs4 />
|
||||||
|
{/* About Us Area end */}
|
||||||
|
{/* Headline area start */}
|
||||||
|
<Headline />
|
||||||
|
{/* Headline Area end */}
|
||||||
|
{/* Restaurant Menu Area start */}
|
||||||
|
<RestaurantMenu />
|
||||||
|
{/* Restaurant Menu Area end */}
|
||||||
|
{/* Category Banner area start */}
|
||||||
|
<CategoryBanner />
|
||||||
|
{/* Category Banner area end */}
|
||||||
|
{/* Burger Area start */}
|
||||||
|
<section className="burger-area pt-100 rpt-70 pb-130 rpb-100 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<Burger />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Burger Area end */}
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
343
app/menu-sea-food/page.js
Normal file
343
app/menu-sea-food/page.js
Normal file
@ -0,0 +1,343 @@
|
|||||||
|
import { AboutUs2 } from "@/components/AboutUs";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import OfferCard from "@/components/OfferCard";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import RestaurantMenu from "@/components/RestaurantMenu";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
const page = () => {
|
||||||
|
const items = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "dessert",
|
||||||
|
icon: "flaticon-cupcake",
|
||||||
|
event: "food-tab1",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "vegetarian",
|
||||||
|
icon: "flaticon-broccoli",
|
||||||
|
event: "food-tab2",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu8.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "potatoes",
|
||||||
|
icon: "flaticon-fried-potatoes",
|
||||||
|
event: "food-tab3",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "seafood",
|
||||||
|
icon: "flaticon-crab",
|
||||||
|
event: "food-tab4",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "raw mince beef",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu8.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu7.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "drinks",
|
||||||
|
icon: "flaticon-poinsettia",
|
||||||
|
event: "food-tab5",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "Italian pizza",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu2.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu1.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "Chicken roll",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu3.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: "shawarma",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu4.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: "Sea octopus",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu5.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: "Beef burger",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu6.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu7.png",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
title: "hot dog mustard",
|
||||||
|
price: "25",
|
||||||
|
decs: "Diverse menu features array delectable",
|
||||||
|
img: "assets/images/food/seafood-menu8.png",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Menu Sea Food"} />
|
||||||
|
<AboutUs2
|
||||||
|
aboutImg1="/assets/images/about/about-four5.jpg"
|
||||||
|
aboutImg2="/assets/images/about/about-four6.jpg"
|
||||||
|
/>
|
||||||
|
<Headline />
|
||||||
|
<RestaurantMenu menus={items} />
|
||||||
|
<OfferCard />
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
29
app/menu/page.js
Normal file
29
app/menu/page.js
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
import { AboutUs4 } from "@/components/AboutUs";
|
||||||
|
import Burger from "@/components/Burger";
|
||||||
|
import CategoryBanner from "@/components/CategoryBanner";
|
||||||
|
import Headline from "@/components/Headline";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import RestaurantMenu from "@/components/RestaurantMenu";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
export const metadata = {
|
||||||
|
title: "Indian Buffet & Dosa Menu Near Me | Shiva’s Dosa Ontario",
|
||||||
|
description:
|
||||||
|
"Explore our dosa menu and Indian buffet near me. Enjoy the best Indian food near me with fresh, authentic flavors in Ontario.",
|
||||||
|
};
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
{/* Page Banner Start */}
|
||||||
|
<PageBanner bgImg="/assets/images/inner-banner/5.webp" pageTitle={"Menu"} />
|
||||||
|
|
||||||
|
{/* <div className="pt-100">
|
||||||
|
<Headline />
|
||||||
|
</div> */}
|
||||||
|
{/* Headline Area end */}
|
||||||
|
{/* Restaurant Menu Area start */}
|
||||||
|
<RestaurantMenu />
|
||||||
|
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
646
app/page.js
Normal file
646
app/page.js
Normal file
@ -0,0 +1,646 @@
|
|||||||
|
"use client";
|
||||||
|
import Counter from "@/components/Counter";
|
||||||
|
import OfferCard from "@/components/OfferCard";
|
||||||
|
import { TestimonialSlider2 } from "@/components/TestimonialSlider";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import Link from "next/link";
|
||||||
|
import Slider from "react-slick";
|
||||||
|
import { sliderProps } from "@/utility/sliderProps";
|
||||||
|
import HeroBanner from "@/components/home/HeroBanner";
|
||||||
|
import PopularMenu from "@/components/home/PopularMenu";
|
||||||
|
import MenuCategory from "@/components/home/MenuCategory";
|
||||||
|
import BlogSection from "@/components/home/BlogSection";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
{/* Hero Area Start */}
|
||||||
|
<HeroBanner />
|
||||||
|
{/* Hero Area End */}
|
||||||
|
|
||||||
|
{/* About Us Area start */}
|
||||||
|
<section className="about-us-area pt-130 rpt-85 pb-100 rpb-70 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-center">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-image-part mb-30 rmb-55"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
>
|
||||||
|
<div className="food-review">
|
||||||
|
<div className="author">
|
||||||
|
<img
|
||||||
|
src="/assets/images/home/about.webp"
|
||||||
|
alt="Author" loading="lazy"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span className="text">Very good food</span>
|
||||||
|
{/* <div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
<img src="/assets/images/home/about.webp" alt="About" loading="lazy" />
|
||||||
|
<div
|
||||||
|
className="quality-food"
|
||||||
|
style={{
|
||||||
|
backgroundImage: "url(/assets/images/shapes/about-star.webp)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="for-border" />
|
||||||
|
<span className="text">
|
||||||
|
quality <br />
|
||||||
|
food
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-us-content"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
>
|
||||||
|
<div className="section-title mb-25">
|
||||||
|
<span className="sub-title mb-5">Introduction</span>
|
||||||
|
<h2>Our Promise and Moto</h2>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
We are first generation entrepreneurs and we are establishing this restaurant with the passion and wealth of experience in recreating the delicious foods from our ancestral region in Tamil Nadu.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Our Promise and motto is and shall always be to serve fresh and Authentic Quality Food at Reasonable Prices. We shall always be driven by the privilege of what we serve on your plate rather than anything else.
|
||||||
|
</p>
|
||||||
|
<div className="about-btn-author pt-5 mb-45">
|
||||||
|
<Link href="/about" className="theme-btn style-two">
|
||||||
|
learn more us <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
{/* <Link href="about" className="read-more">
|
||||||
|
Explore popular menu{" "}
|
||||||
|
<i className="far fa-arrow-alt-right" />
|
||||||
|
</Link> */}
|
||||||
|
</div>
|
||||||
|
{/* <div className="row">
|
||||||
|
<div className="col-sm-6">
|
||||||
|
<div className="service-item style-two">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="flaticon-high-quality" />
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="menu-burger">Best Quality Food</Link>
|
||||||
|
</h5>
|
||||||
|
<p>
|
||||||
|
Our talented chefs craft each dish precision sourcing
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-6">
|
||||||
|
<div className="service-item style-two">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="flaticon-chef" />
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="menu-burger">Experience our Chefs</Link>
|
||||||
|
</h5>
|
||||||
|
<p>
|
||||||
|
Our talented chefs craft each dish precision sourcing
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="about-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img src="/assets/images/home/about-element.webp" alt="Shape" loading="lazy" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* About Us Area end */}
|
||||||
|
|
||||||
|
<section className="offer-area rpt-100 pb-100 rpb-120 rel z-1">
|
||||||
|
<div className="category-banner-area">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div
|
||||||
|
className="col-lg-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="category-banner-item style-five height-100"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(/assets/images/home/left-image.webp)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* <div className="badge">$89</div> */}
|
||||||
|
<span className="price">Exclusive South Indian Cuisine</span>
|
||||||
|
<p className="text-white mb-0">We like to recreate south Indian foods in the traditional style. We have over 125 items inspired by all the South Indian States</p>
|
||||||
|
<Link href="/menu" className="read-more">
|
||||||
|
Explore Menu <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-lg-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="category-banner-item style-five"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(/assets/images/home/right-image-1.webp)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="price">Fresh and Tasty</span>
|
||||||
|
<p className="text-white w-50 mb-0">Enjoy our freshly and carefully prepared foods that that will excite your taste buds and take you back home.</p>
|
||||||
|
<Link href="/menu" className="read-more">
|
||||||
|
Explore Menu <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="category-banner-item style-five"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(/assets/images/home/right-image-2.webp)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="price">Service and Ambience</span>
|
||||||
|
<p className="text-white w-50 mb-0">We promise to serve in a serene and in a welcoming ambience and our exceptional service is guaranteed to all the patrons.</p>
|
||||||
|
<Link href="/menu" className="read-more">
|
||||||
|
Explore Menu <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Offer Area start */}
|
||||||
|
<section
|
||||||
|
className="offer-area bgc-black pt-160 rpt-100 pb-150 rpb-120 rel z-1"
|
||||||
|
style={{
|
||||||
|
backgroundImage: "url(/assets/images/background/offer-dot-bg.png)",
|
||||||
|
backgroundPosition: "center"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="marquee-wrap style-two text-white">
|
||||||
|
<span className="marquee-inner left">SETTING A NEW STANDARD FOR SOUTH INDIAN FOOD IN THE REGION…EH</span>
|
||||||
|
<span className="marquee-inner left">ACTUALLY IN THIS PART OF THE WORLD</span>
|
||||||
|
{/* <span className="marquee-inner left">special deal</span> */}
|
||||||
|
</span>
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-center">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="offer-content text-white rmb-55"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="/assets/images/offer/delicious.png" alt="Image" loading="lazy" />
|
||||||
|
<h2>Home of the Ontario's Biggest Dosa</h2>
|
||||||
|
<h3>
|
||||||
|
The Five Feet Dosa
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Presenting the five feet DOSA - No explanation required Five time the Taste / Five times the fun
|
||||||
|
</p>
|
||||||
|
<Link href="/menu" className="theme-btn">
|
||||||
|
order now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="offer-image"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="/assets/images/home/special-deal.webp"
|
||||||
|
alt="Offer Image" loading="lazy"
|
||||||
|
/>
|
||||||
|
{/* <div
|
||||||
|
className="offer-badge"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(assets/images/shapes/offer-circle-shape.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
only <br />
|
||||||
|
<span className="price">$59</span>
|
||||||
|
</span>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="offer-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img src="/assets/images/home/delicious.webp" alt="Shape" loading="lazy" />
|
||||||
|
</div>
|
||||||
|
<div className="shape two">
|
||||||
|
<img src="/assets/images/shapes/offer-shape2.png" alt="Shape" loading="lazy" />
|
||||||
|
</div>
|
||||||
|
<div className="shape three">
|
||||||
|
<img src="/assets/images/shapes/offer-shape3.png" alt="Shape" loading="lazy" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Popular Menu Area start */}
|
||||||
|
<MenuCategory />
|
||||||
|
{/* Call To Action Area start */}
|
||||||
|
|
||||||
|
<section className="cta-area-two bgc-black text-white py-100 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-center">
|
||||||
|
<div className="col-lg-4">
|
||||||
|
<div
|
||||||
|
className="cta-content-two mt-20 rmt-0"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="section-title text-white mb-20">
|
||||||
|
<h2>Uncompromisingly South Indian Cuisine</h2>
|
||||||
|
</div>
|
||||||
|
<hr className="mt-35 mb-45" />
|
||||||
|
<p>
|
||||||
|
🥥 Authentic South Indian Cuisine | 🍴 Home of the Heavenly Dosa | 🌿 Fresh Ingredients, Traditional Flavors |
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4">
|
||||||
|
<div
|
||||||
|
className="cta-two-image rmt-55 rmb-75"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="/assets/images/home/need-good-food.webp" alt="CTA" loading="lazy" />
|
||||||
|
{/* <div className="badge">
|
||||||
|
<img src="assets/images/cta/cta-two-badge.png" alt="Badge" />
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4">
|
||||||
|
<div
|
||||||
|
className="cta-content-list"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h5>
|
||||||
|
20 Years We Provide Quality foods
|
||||||
|
</h5>
|
||||||
|
<ul className="list-style-one mt-30 mb-40">
|
||||||
|
<li>Best Quality Natural & Fresh Food</li>
|
||||||
|
<li>Experience & Quality Chefs</li>
|
||||||
|
<li>Awards Winning Restaurant</li>
|
||||||
|
<li>Healthy & Organic Foods</li>
|
||||||
|
</ul>
|
||||||
|
<Link href="/contact" className="theme-btn">
|
||||||
|
Contact Us <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="cta-two-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img src="/assets/images/home/south-indian/1.webp" alt="Shape" loading="lazy" />
|
||||||
|
</div>
|
||||||
|
<div className="shape two">
|
||||||
|
<img src="/assets/images/home/south-indian/2.webp" alt="Shape" loading="lazy" />
|
||||||
|
</div>
|
||||||
|
<div className="shape three">
|
||||||
|
<img src="/assets/images/home/south-indian/3.webp" alt="Shape" loading="lazy" />
|
||||||
|
</div>
|
||||||
|
<div className="shape four">
|
||||||
|
<img src="/assets/images/home/south-indian/4.webp" alt="Shape" loading="lazy" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Call To Action Area end */}
|
||||||
|
|
||||||
|
<PopularMenu />
|
||||||
|
|
||||||
|
{/* Testimonials Six Area start */}
|
||||||
|
<section
|
||||||
|
className="testimonials-six pt-100 pb-130 rpb-100"
|
||||||
|
style={{
|
||||||
|
backgroundImage: "url(/assets/images/home/testimonial.webp)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="container rpt-70">
|
||||||
|
<div className="row align-items-center justify-content-between">
|
||||||
|
<div className="col-xl-6 col-lg-8">
|
||||||
|
<div className="testimonials-three-content rel z-1 text-white rmb-55">
|
||||||
|
<div
|
||||||
|
className="section-title mb-45"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title text-yellow mb-5">
|
||||||
|
customer feedback
|
||||||
|
</span>
|
||||||
|
<h2>what our customer’s say us</h2>
|
||||||
|
</div>
|
||||||
|
<Slider
|
||||||
|
{...sliderProps.testimonialsTwoCarousel}
|
||||||
|
className="testimonials-two-carousel"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="testimonial-two-item style-two">
|
||||||
|
<div className="content">
|
||||||
|
<div className="icon">
|
||||||
|
{/* <img
|
||||||
|
src="/assets/images/about/fourth-section.testi-2.webp"
|
||||||
|
alt=""
|
||||||
|
/> */}
|
||||||
|
<div className="d-flex gap-2">
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div className="customer-review">
|
||||||
|
The food was exceptional, with the dosas being a particular highlight and deserving of strong recommendation. Their taste was remarkable, representing the best dosas in the entire KWC region. The staff provided polite and attentive service. While the quantity of chutneys and sauces could be improved, the overall dining experience was highly satisfactory.
|
||||||
|
</div>
|
||||||
|
<span className="author">Mohit</span>
|
||||||
|
{/* <span className="designation">web designer</span> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-two-item style-two">
|
||||||
|
<div className="content">
|
||||||
|
<div className="icon">
|
||||||
|
{/* <img
|
||||||
|
src="/assets/images/about/fourth-section.testi-2.webp"
|
||||||
|
alt=""
|
||||||
|
/> */}
|
||||||
|
<div className="d-flex gap-2">
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="customer-review">
|
||||||
|
We had a delightful experience at Shivas Dosa. The service was exceptional, and the food was amazing.The Mysore Bonda and Chicken 65 reminded me of Bangalore, and the Mutton Chukka and Biryani were top-notch.A special mention for Rajatha's humble and attentive service. I truly appreciate their wonderful service and incredible food. Highly recommended!
|
||||||
|
</div>
|
||||||
|
<span className="author">Anoop V</span>
|
||||||
|
{/* <span className="designation">web designer</span> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-two-item style-two">
|
||||||
|
<div className="content">
|
||||||
|
<div className="icon">
|
||||||
|
{/* <img
|
||||||
|
src="/assets/images/about/fourth-section.testi-2.webp"
|
||||||
|
alt=""
|
||||||
|
/> */}
|
||||||
|
<div className="d-flex gap-2">
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="customer-review">
|
||||||
|
I ordered two party trays of Ambur chicken biryani and one tray of chicken 65. The price was very reasonable compared to other restaurants in Kitchener and Cambridge. The taste was absolutely delicious, and the Ambur-style biryani was flavorful and authentic. The chicken 65 was crispy and well-seasoned. The service provided by Pungulali was excellent. Highly recommend this place for great food at a great price!
|
||||||
|
</div>
|
||||||
|
<span className="author">Ramesh Babu Gnana Kandan</span>
|
||||||
|
{/* <span className="designation">web designer</span> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-two-item style-two">
|
||||||
|
<div className="content">
|
||||||
|
<div className="icon">
|
||||||
|
{/* <img
|
||||||
|
src="/assets/images/about/fourth-section.testi-2.webp"
|
||||||
|
alt=""
|
||||||
|
/> */}
|
||||||
|
<div className="d-flex gap-2">
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="customer-review">
|
||||||
|
I had a great experience at Shiva Dosa Point today! I ordered Sambhar Idli, Chicken Kothu Parotta, and Coffee, and everything was delicious. The flavors were authentic, and the food was served fresh and hot. A special mention to Poonguzhali and Swetha for their excellent service—they were friendly, attentive, and made the dining experience even better. Definitely recommend this place for anyone craving good South Indian food!
|
||||||
|
</div>
|
||||||
|
<span className="author">Murali Krishna</span>
|
||||||
|
{/* <span className="designation">web designer</span> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-two-item style-two">
|
||||||
|
<div className="content">
|
||||||
|
<div className="icon">
|
||||||
|
{/* <img
|
||||||
|
src="assets/images/about/fourth-section.testi-3.webp"
|
||||||
|
alt=""
|
||||||
|
/> */}
|
||||||
|
<div className="d-flex gap-2">
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
<div className="pr-3">
|
||||||
|
<i className="fa fa-star"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="customer-review">
|
||||||
|
I had a wonderful experience at Shiva Dosa Restaurant! The food was absolutely delicious — authentic South Indian flavors served hot and fresh. We truly didn’t feel far from India. But what truly made our visit special was the outstanding service. A big thank you to Poonguzhali and Smriti, who were both incredibly attentive, kind, and professional throughout our meal. Their warm hospitality made us feel right at home. Highly recommend this place and their food.
|
||||||
|
</div>
|
||||||
|
<span className="author">Serah Benjamin</span>
|
||||||
|
{/* <span className="designation">web designer</span> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Slider>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4">
|
||||||
|
<div
|
||||||
|
className="testimonial-quote-badge"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
{/* <div className="testi-badge">
|
||||||
|
<img src="assets/images/testimonials/badge.png" alt="Badge" />
|
||||||
|
</div>
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Testimonials Six Area end */}
|
||||||
|
|
||||||
|
{/* Blog Area start */}
|
||||||
|
<BlogSection />
|
||||||
|
{/* Blog Area end */}
|
||||||
|
|
||||||
|
{/* Client Area start */}
|
||||||
|
{/* <div className="client-area bg-light rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="client-wrap-two py-80">
|
||||||
|
<Slider {...sliderProps.clientActive} className="client-active">
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client1.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client2.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client3.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client4.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client5.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client6.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client1.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client2.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client3.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client4.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client5.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a href="#" className="client-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/clients/client6.png"
|
||||||
|
alt="Client Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</Slider>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> */}
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
508
app/product-details/page.js
Normal file
508
app/product-details/page.js
Normal file
@ -0,0 +1,508 @@
|
|||||||
|
"use client";
|
||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import Link from "next/link";
|
||||||
|
import { Nav, Tab } from "react-bootstrap";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"single product"} />
|
||||||
|
{/* Product Details Start */}
|
||||||
|
<section className="product-details pb-10 pt-130 rpt-100">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-center">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="product-details-image rmb-55"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="assets/images/products/product-details.jpg"
|
||||||
|
alt="Product Details"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="product-details-content"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="section-title">
|
||||||
|
<h2>Italian beef pizza</h2>
|
||||||
|
</div>
|
||||||
|
<span className="price mb-15">$58.63</span>
|
||||||
|
<div className="ratting mb-40">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>4.9(Customer Reivews)</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Quis ipsum sed et proin sit aliquet in quis aliqu ullamcorper
|
||||||
|
sollicitudin quis ut sedorbi dui porttitor duis porttitore
|
||||||
|
fringilla. Estauris purus vita volutpat. Estorem felis mau
|
||||||
|
libero nisi. Rhoncus phasellus facilisi praesent venenatis
|
||||||
|
</p>
|
||||||
|
<form action="#" className="add-to-cart py-25">
|
||||||
|
<h5>Quantity</h5>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
defaultValue={2}
|
||||||
|
min={1}
|
||||||
|
max={20}
|
||||||
|
onchange="if(parseInt(this.value,10)<10)this.value='0'+this.value;"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
<button type="submit" className="theme-btn mb-15">
|
||||||
|
Add to Cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
<ul className="category-tags pt-20 pb-30">
|
||||||
|
<li>
|
||||||
|
<h6>Categories</h6> :<a href="#">Restaurant</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h6>Tags </h6> :<a href="#">Pizza</a>
|
||||||
|
<a href="#">Burger</a>
|
||||||
|
<a href="#">Soup</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="social-style-one">
|
||||||
|
<h5>Share</h5>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-twitter" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-facebook-f" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</Link>
|
||||||
|
<a href="#">
|
||||||
|
<i className="fab fa-pinterest-p" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Tab.Container defaultActiveKey={"details"}>
|
||||||
|
<Nav
|
||||||
|
as={"ul"}
|
||||||
|
className="nav tab-style-one mt-125 rmt-95 mb-40"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<Nav.Item as={"li"}>
|
||||||
|
<Nav.Link
|
||||||
|
as={"a"}
|
||||||
|
href="#details"
|
||||||
|
eventKey="details"
|
||||||
|
data-bs-toggle="tab"
|
||||||
|
>
|
||||||
|
Descrptions
|
||||||
|
</Nav.Link>
|
||||||
|
</Nav.Item>
|
||||||
|
<Nav.Item as={"li"}>
|
||||||
|
<Nav.Link
|
||||||
|
as={"a"}
|
||||||
|
href="#information"
|
||||||
|
eventKey="information"
|
||||||
|
data-bs-toggle="tab"
|
||||||
|
>
|
||||||
|
Additional Information's
|
||||||
|
</Nav.Link>
|
||||||
|
</Nav.Item>
|
||||||
|
<Nav.Item as={"li"}>
|
||||||
|
<Nav.Link
|
||||||
|
as={"a"}
|
||||||
|
href="#reviews"
|
||||||
|
eventKey="reviews"
|
||||||
|
data-bs-toggle="tab"
|
||||||
|
>
|
||||||
|
Reviews(3)
|
||||||
|
</Nav.Link>
|
||||||
|
</Nav.Item>
|
||||||
|
</Nav>
|
||||||
|
<Tab.Content
|
||||||
|
className="tab-content pb-60"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<Tab.Pane className="tab-pane fade" eventKey="details">
|
||||||
|
<p>
|
||||||
|
Sorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||||
|
Tortor nulla id sit neque scelerisque pulvinar. Mus amet
|
||||||
|
interdum turpis consequat adipiscing. Elementum feugiat sed
|
||||||
|
duis consectetur varius et cras mattis. Lobortis auctor sit in
|
||||||
|
eu nisl fusce augue venenatis, dui. Phasellus eget sagittis
|
||||||
|
mauris, nibh augue cursus pellentesque amet elementum.
|
||||||
|
Tristique amet sollicitudin sit nulla aliquam, imperdiet sed
|
||||||
|
ut diam. Suspendisse ipsum rhoncus nulla lectus. Id neque in
|
||||||
|
urna neque non amet. Tortor sed aliquam in faucibus enim,
|
||||||
|
posuere. Sed et accumsan, neque posuere tempus in cras. Ornare
|
||||||
|
lectus pretium, est eget purus, enim quam purus netus. Turpis
|
||||||
|
nunc
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Dictum ultrices et suspendisse amet mattis in pellentesque.
|
||||||
|
Vulputate arcu, consectetur odio donec nec duis ultrices
|
||||||
|
facilisi. Mauris cursus elit diam, urna suspendisse et, amet.
|
||||||
|
Vitae ligula ultrices nulla justo, enim lorem duis. Volutpat
|
||||||
|
sit et neque, aliquam, diam at at neque. Lacus augue
|
||||||
|
</p>
|
||||||
|
</Tab.Pane>
|
||||||
|
<Tab.Pane className="tab-pane fade" eventKey="information">
|
||||||
|
<p>
|
||||||
|
Circumstances occur in which toil and pain can procure him
|
||||||
|
some great pleasure. To take a trivial example, which of us
|
||||||
|
ever undertakes laborious physical exercise, except to obtain
|
||||||
|
some advantage from it? But who has any right to find fault
|
||||||
|
with a man who chooses
|
||||||
|
</p>
|
||||||
|
<ul className="list-style-one mt-20 mb-15">
|
||||||
|
<li>Fresh Chicken Burger</li>
|
||||||
|
<li>Pizza With Mushrooms</li>
|
||||||
|
<li>Double Burger & Fries</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
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>
|
||||||
|
</Tab.Pane>
|
||||||
|
<Tab.Pane className="tab-pane fade" eventKey="reviews">
|
||||||
|
<h5>Reviews (3)</h5>
|
||||||
|
<div className="comments rattings mt-25">
|
||||||
|
<div className="comment-body">
|
||||||
|
<div className="author-thumb">
|
||||||
|
<img
|
||||||
|
src="assets/images/products/product-comment1.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
</div>
|
||||||
|
<ul className="comment-header">
|
||||||
|
<li>
|
||||||
|
<h6>Daniel A. Hayes</h6>
|
||||||
|
</li>
|
||||||
|
<li>15 Jan 2024</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
SaaS, or Software as a Service, is a cloud-based
|
||||||
|
software delivery model where applications are hosted by
|
||||||
|
a third-party provider and accessed via the internet. It
|
||||||
|
offers benefits such as scalability, cost-effectiveness
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="comment-body">
|
||||||
|
<div className="author-thumb">
|
||||||
|
<img
|
||||||
|
src="assets/images/products/product-comment2.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
</div>
|
||||||
|
<ul className="comment-header">
|
||||||
|
<li>
|
||||||
|
<h6>Daniel A. Hayes</h6>
|
||||||
|
</li>
|
||||||
|
<li>15 Jan 2024</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
SaaS, or Software as a Service, is a cloud-based
|
||||||
|
software delivery model where applications are hosted by
|
||||||
|
a third-party provider and accessed via the internet. It
|
||||||
|
offers benefits such as scalability, cost-effectiveness
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="comment-body">
|
||||||
|
<div className="author-thumb">
|
||||||
|
<img
|
||||||
|
src="assets/images/products/product-comment3.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
</div>
|
||||||
|
<ul className="comment-header">
|
||||||
|
<li>
|
||||||
|
<h6>Daniel A. Hayes</h6>
|
||||||
|
</li>
|
||||||
|
<li>15 Jan 2024</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
SaaS, or Software as a Service, is a cloud-based
|
||||||
|
software delivery model where applications are hosted by
|
||||||
|
a third-party provider and accessed via the internet. It
|
||||||
|
offers benefits such as scalability, cost-effectiveness
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Tab.Pane>
|
||||||
|
</Tab.Content>
|
||||||
|
</Tab.Container>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Product Details End */}
|
||||||
|
{/* Review Form Start */}
|
||||||
|
<section className="review-form-area">
|
||||||
|
<div className="container">
|
||||||
|
<form
|
||||||
|
id="review-form"
|
||||||
|
className="review-form z-1 rel"
|
||||||
|
name="review-form"
|
||||||
|
action="#"
|
||||||
|
method="post"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h5>Add a review</h5>
|
||||||
|
<p>3 reviews for Blue Stripes & Stone Earrings</p>
|
||||||
|
<div className="row mt-25">
|
||||||
|
<div className="col-lg-4">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="full-name"
|
||||||
|
name="full-name"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Full Name"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
id="email-address"
|
||||||
|
name="email"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Email Address"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4">
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="phone"
|
||||||
|
name="phone"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Phone Number"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group">
|
||||||
|
<textarea
|
||||||
|
name="message"
|
||||||
|
id="message"
|
||||||
|
className="form-control"
|
||||||
|
rows={4}
|
||||||
|
placeholder="Write Message"
|
||||||
|
required=""
|
||||||
|
defaultValue={""}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group mb-0">
|
||||||
|
<div className="ratting d-flex mb-25">
|
||||||
|
<b>Add Reviews</b>
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
</div>
|
||||||
|
<button type="submit" className="theme-btn">
|
||||||
|
Send Reviews <i className="fas fa-angle-double-right" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Review Form End */}
|
||||||
|
{/* Related Products Area start */}
|
||||||
|
<section className="related-products-area pt-130 rpt-100 pb-100 rpb-70 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-lg-12">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h2>Related Product</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish1.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">fresh chicken burger</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish2.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">pizza with mushrooms</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish3.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">
|
||||||
|
double burger & fries
|
||||||
|
</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish4.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">fried chicken french</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/* Related Products Area end */}
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
680
app/shop/page.js
Normal file
680
app/shop/page.js
Normal file
@ -0,0 +1,680 @@
|
|||||||
|
import PageBanner from "@/components/PageBanner";
|
||||||
|
import WellFoodLayout from "@/layout/WellFoodLayout";
|
||||||
|
import Link from "next/link";
|
||||||
|
const page = () => {
|
||||||
|
return (
|
||||||
|
<WellFoodLayout>
|
||||||
|
<PageBanner pageTitle={"Shop With sidebar"} />
|
||||||
|
<section className="shop-area py-130 rpy-100">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-xl-3 col-lg-4 col-md-8">
|
||||||
|
<div className="shop-sidebar rmb-75">
|
||||||
|
<div
|
||||||
|
className="widget widget-search"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h4 className="widget-title">Search</h4>
|
||||||
|
<form action="#" className="default-search-form">
|
||||||
|
<input type="text" placeholder="Search here" required="" />
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="searchbutton far fa-search"
|
||||||
|
/>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="widget widget-category"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h4 className="widget-title">Category</h4>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="shop">
|
||||||
|
Beef & Chicken Hamburger{" "}
|
||||||
|
<span className="count">8</span>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="shop">
|
||||||
|
Italian Pizza <span className="count">3</span>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="shop">
|
||||||
|
Sandwich <span className="count">5</span>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="shop">
|
||||||
|
Chicken Roll <span className="count">2</span>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="shop">
|
||||||
|
Soup <span className="count">5</span>
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="widget widget-filter"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h4 className="widget-title">Pricing</h4>
|
||||||
|
<div className="price-filter-wrap">
|
||||||
|
<div className="price-slider-range" />
|
||||||
|
<div className="price">
|
||||||
|
<span>Price </span>
|
||||||
|
<input type="text" id="price" readOnly="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="widget widget-products"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h4 className="widget-title">Best Seller</h4>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div className="image">
|
||||||
|
<img
|
||||||
|
src="assets/images/widgets/product1.jpg"
|
||||||
|
alt="Product"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
</div>
|
||||||
|
<h6>
|
||||||
|
<Link href="product-details">
|
||||||
|
Vegetable Hamburger
|
||||||
|
</Link>
|
||||||
|
</h6>
|
||||||
|
<span className="price">$58.63</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div className="image">
|
||||||
|
<img
|
||||||
|
src="assets/images/widgets/product2.jpg"
|
||||||
|
alt="Product"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
</div>
|
||||||
|
<h6>
|
||||||
|
<Link href="product-details">
|
||||||
|
Italian Chicken Pizza
|
||||||
|
</Link>
|
||||||
|
</h6>
|
||||||
|
<span className="price">$83.25</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div className="image">
|
||||||
|
<img
|
||||||
|
src="assets/images/widgets/product3.jpg"
|
||||||
|
alt="Product"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
</div>
|
||||||
|
<h6>
|
||||||
|
<Link href="product-details">Crab Seafood sauce</Link>
|
||||||
|
</h6>
|
||||||
|
<span className="price">$83.25</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="widget widget-tag-cloud"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<h4 className="widget-title">Popular Tags</h4>
|
||||||
|
<div className="tag-coulds">
|
||||||
|
<Link href="shop">Spicy</Link>
|
||||||
|
<Link href="shop">Seafoods</Link>
|
||||||
|
<Link href="shop">Burger</Link>
|
||||||
|
<Link href="shop">Pizza</Link>
|
||||||
|
<Link href="shop">Soup</Link>
|
||||||
|
<Link href="shop">Crap</Link>
|
||||||
|
<Link href="shop">Juice</Link>
|
||||||
|
<Link href="shop">Bread</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="widget widget-banner"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="category-banner-item"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(assets/images/widgets/banner-bg.jpg)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="price">only $59</span>
|
||||||
|
<h3>SPECIALTY PIZZAS</h3>
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn style-two">
|
||||||
|
Order now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-9 col-lg-8">
|
||||||
|
<div className="shop-page-wrap">
|
||||||
|
<div className="shop-shorter rel z-3 mb-35">
|
||||||
|
<div
|
||||||
|
className="sort-text mb-15"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
Showing 1–12 of 27 results
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="products-dropdown mb-15"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<select>
|
||||||
|
<option value="default" selected="">
|
||||||
|
Default Sorting
|
||||||
|
</option>
|
||||||
|
<option value="new">Newness Sorting</option>
|
||||||
|
<option value="old">Oldest Sorting</option>
|
||||||
|
<option value="hight-to-low">High To Low</option>
|
||||||
|
<option value="low-to-high">Low To High</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row">
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish1.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">
|
||||||
|
fresh chicken burger
|
||||||
|
</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish2.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">
|
||||||
|
pizza with mushrooms
|
||||||
|
</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish3.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">
|
||||||
|
double burger & fries
|
||||||
|
</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish5.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">Italian beef pizza</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish6.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">
|
||||||
|
fried chicken burger
|
||||||
|
</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish4.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">
|
||||||
|
fried chicken french
|
||||||
|
</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish7.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">
|
||||||
|
fried chicken french
|
||||||
|
</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish8.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">
|
||||||
|
fried chicken drench
|
||||||
|
</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish9.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">roasted chicken</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish10.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">Italian beef pizza</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish11.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">Italian beef pizza</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="product-item-two">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/dishes/dish12.png" alt="Dish" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">top fried chicken</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
add to cart <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ul
|
||||||
|
className="pagination pt-30 flex-wrap"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<li className="page-item disabled">
|
||||||
|
<span className="page-link">
|
||||||
|
<i className="fal fa-arrow-left" />
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li className="page-item active">
|
||||||
|
<span className="page-link">
|
||||||
|
1<span className="sr-only">(current)</span>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li className="page-item">
|
||||||
|
<a className="page-link" href="#">
|
||||||
|
2
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li className="page-item">
|
||||||
|
<a className="page-link" href="#">
|
||||||
|
3
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li className="page-item">
|
||||||
|
<a className="page-link" href="#">
|
||||||
|
4
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li className="page-item">
|
||||||
|
<a className="page-link" href="#">
|
||||||
|
5
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li className="page-item">
|
||||||
|
<a className="page-link" href="#">
|
||||||
|
<i className="fal fa-arrow-right" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</WellFoodLayout>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default page;
|
||||||
348
components/AboutUs.js
Normal file
348
components/AboutUs.js
Normal file
@ -0,0 +1,348 @@
|
|||||||
|
import Link from "next/link";
|
||||||
|
import Counter from "./Counter";
|
||||||
|
|
||||||
|
const AboutRight = () => {
|
||||||
|
return (
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-us-content"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="section-title mb-25">
|
||||||
|
<span className="sub-title mb-5">SOUTH INDIAN HERITAGE ON A PLATE
|
||||||
|
</span>
|
||||||
|
<h2 className="text-white">the amazing & Quality food for your good health</h2>
|
||||||
|
</div>
|
||||||
|
<p className="text-white">
|
||||||
|
ShivasDosa brings age-old recipes to life in the heart of Ontario.
|
||||||
|
Savor the spices, feel the comfort, and relive tradition in every bite.
|
||||||
|
Whether it's a family dinner or your first dosa — you're home here.
|
||||||
|
</p>
|
||||||
|
<p className="text-white">
|
||||||
|
From spicy curries to crispy vadas — we’ve got it all. ShivasDosa is your local hub for genuine South Indian food.
|
||||||
|
Dine with us and rediscover the magic of real Indian cooking.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<div className="about-btn-author pt-5 mb-60">
|
||||||
|
<Link href="/menu" className="theme-btn style-two">
|
||||||
|
Explore popular menu <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
{/* <Link href="about" className="read-more">
|
||||||
|
Explore popular menu <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link> */}
|
||||||
|
</div>
|
||||||
|
{/* <div className="row">
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="counter-item style-two counter-text-wrap">
|
||||||
|
<span
|
||||||
|
className="count-text k-plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={34}
|
||||||
|
>
|
||||||
|
<Counter end={34} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title text-white">Organic Planting</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="counter-item style-two counter-text-wrap">
|
||||||
|
<span
|
||||||
|
className="count-text plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={356}
|
||||||
|
>
|
||||||
|
<Counter end={356} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title text-white">Passionate Chef’s</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="counter-item style-two counter-text-wrap">
|
||||||
|
<span
|
||||||
|
className="count-text plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={8534}
|
||||||
|
>
|
||||||
|
<Counter end={8534} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title text-white">Favourite Dishes</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const AboutUs = ({
|
||||||
|
productImage = "/assets/images/about/third-section/about-3.webp",
|
||||||
|
title = "Shivas Dosa",
|
||||||
|
product = "Dosa",
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<section className="about-us-area bgc-black pt-60 pb-150 rpb-60 rel z-1" style={{
|
||||||
|
backgroundImage: "url(/assets/images/background/offer-dot-bg.png)",
|
||||||
|
}}>
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-end">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-image-part style-two mb-30 rmb-55"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src={productImage} alt={`About ${product}`} loading="lazy" />
|
||||||
|
<div
|
||||||
|
className="quality-food"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(/assets/images/shapes/about-star-yellow.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="for-border" />
|
||||||
|
<span className="text">
|
||||||
|
quality <br />
|
||||||
|
food
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<AboutRight />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<span className="about-bg-text">{title}</span>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default AboutUs;
|
||||||
|
|
||||||
|
export const AboutUs2 = ({
|
||||||
|
aboutImg1 = "/assets/images/about/about-four3.jpg",
|
||||||
|
aboutImg2 = "/assets/images/about/about-four4.jpg",
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<section className="about-us-area pt-130 rpt-100 pb-150 rpb-60 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-end">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-image-four style-two mb-30"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="row">
|
||||||
|
<div className="col">
|
||||||
|
<img src={aboutImg1} alt="About" loading="lazy"/>
|
||||||
|
</div>
|
||||||
|
<div className="col mt-80">
|
||||||
|
<img src={aboutImg2} alt="About" loading="lazy"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="badge">
|
||||||
|
<img
|
||||||
|
src="/assets/images/about/about-four-badge.jpg"
|
||||||
|
alt="Badge" loading="lazy"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<AboutRight />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export const AboutUs3 = ({
|
||||||
|
aboutImg1 = "/assets/images/about/about-four3.jpg",
|
||||||
|
aboutImg2 = "/assets/images/about/about-four4.jpg",
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<section className="about-us-area-four pt-130 rpt-100 pb-85 rpb-55 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-center">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-us-content ms-0 rmb-25"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="section-title mb-25">
|
||||||
|
<span className="sub-title mb-5">DISCOVER THE TASTE OF TRADITION
|
||||||
|
</span>
|
||||||
|
<h2>WE SERVE AUTHENTIC SOUTH INDIAN FLAVOURS YOU'LL LOVE
|
||||||
|
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Welcome to ShivasDosa Restaurant, where tradition meets taste and every meal feels like home. Located in the heart of Ontario, we bring you a soulful dining experience filled with rich flavours, fresh ingredients, and heartfelt hospitality.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
{/* <Link href="about" className="theme-btn mt-25 mb-60">
|
||||||
|
learn more about us <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link> */}
|
||||||
|
{/* <div className="row">
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="counter-item style-two counter-text-wrap">
|
||||||
|
<span
|
||||||
|
className="count-text k-plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={34}
|
||||||
|
>
|
||||||
|
<Counter end={34} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title">Organic Planting</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="counter-item style-two counter-text-wrap">
|
||||||
|
<span
|
||||||
|
className="count-text plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={356}
|
||||||
|
>
|
||||||
|
<Counter end={356} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title">Passionate Chef’s</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="counter-item style-two counter-text-wrap">
|
||||||
|
<span
|
||||||
|
className="count-text plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={8534}
|
||||||
|
>
|
||||||
|
<Counter end={8534} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title">Favourite Dishes</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-image-four style-two mb-30"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="row">
|
||||||
|
<div className="col">
|
||||||
|
<img src="/assets/images/about/second-section/left.webp" alt="About" loading="lazy" />
|
||||||
|
</div>
|
||||||
|
<div className="col mt-80">
|
||||||
|
<img src="/assets/images/about/second-section/right.webp" alt="About" loading="lazy"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="badge">
|
||||||
|
<img
|
||||||
|
src="/assets/images/about/about-four-badge.jpg"
|
||||||
|
alt="Badge" loading="lazy"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export const AboutUs4 = ({ }) => {
|
||||||
|
return (
|
||||||
|
<section className="about-us-area pt-130 rpt-100 pb-90 rpb-60 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-end">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-restaurant-page rel mb-30 rmb-55"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="/assets/images/about/menu-restaurant.jpg"
|
||||||
|
alt="Menu Restaurant"
|
||||||
|
/>
|
||||||
|
<div className="experience-year">
|
||||||
|
<span className="years">25</span>
|
||||||
|
Years of experience in restaurant services
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="about-us-content"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="section-title mb-25">
|
||||||
|
<span className="sub-title mb-5">learn About wellfood</span>
|
||||||
|
<h2>the amazing & Quality food for your good health</h2>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Welcome too restaurant, where culinary excellence meets warm
|
||||||
|
hospitality in every dish we serve. Nestled in the heart of City
|
||||||
|
Name our eatery invites you on a journey
|
||||||
|
</p>
|
||||||
|
<div className="about-btn-author pt-5 mb-60">
|
||||||
|
<Link href="about" className="theme-btn style-two">
|
||||||
|
learn more us <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
<Link href="about" className="read-more">
|
||||||
|
Explore popular menu <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="counter-item style-two counter-text-wrap">
|
||||||
|
<span
|
||||||
|
className="count-text k-plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={34}
|
||||||
|
>
|
||||||
|
<Counter end={34} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title">Organic Planting</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="counter-item style-two counter-text-wrap">
|
||||||
|
<span
|
||||||
|
className="count-text plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={356}
|
||||||
|
>
|
||||||
|
<Counter end={356} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title">Passionate Chef’s</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-sm-4 col-6">
|
||||||
|
<div className="counter-item style-two counter-text-wrap">
|
||||||
|
<span
|
||||||
|
className="count-text plus"
|
||||||
|
data-speed={3000}
|
||||||
|
data-stop={8534}
|
||||||
|
>
|
||||||
|
<Counter end={8534} />
|
||||||
|
</span>
|
||||||
|
<span className="counter-title">Favourite Dishes</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
163
components/BookTableForm.js
Normal file
163
components/BookTableForm.js
Normal file
@ -0,0 +1,163 @@
|
|||||||
|
const BookTableForm = () => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
className="booking-table-form mb-0"
|
||||||
|
style={{
|
||||||
|
backgroundImage: "url(assets/images/background/form-bg.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="section-title">
|
||||||
|
<h2>book a table</h2>
|
||||||
|
</div>
|
||||||
|
<p>Enjoy your food to book your table</p>
|
||||||
|
<form
|
||||||
|
id="booking-form"
|
||||||
|
className="booking-form mt-25"
|
||||||
|
name="booking-form"
|
||||||
|
method="post"
|
||||||
|
>
|
||||||
|
<div className="row gap-20">
|
||||||
|
<div className="col-md-12 mb-20">
|
||||||
|
<div className="form-group">
|
||||||
|
<select name="person" id="person">
|
||||||
|
<option value="option2">2 Person</option>
|
||||||
|
<option value="option3">3 Person</option>
|
||||||
|
<option value="option4">4 Person</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group">
|
||||||
|
<label htmlFor="date">
|
||||||
|
<i className="far fa-calendar-alt" />
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="date"
|
||||||
|
name="date"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Date"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group">
|
||||||
|
<label htmlFor="time">
|
||||||
|
<i className="far fa-clock" />
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="time"
|
||||||
|
name="time"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Time"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group mb-0">
|
||||||
|
<button type="submit" className="theme-btn">
|
||||||
|
book your table <i className="far fa-arrow-alt-right" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default BookTableForm;
|
||||||
|
|
||||||
|
export const BookTableForm2 = () => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
className="booking-table-form rmt-50"
|
||||||
|
style={{
|
||||||
|
backgroundImage: "url(assets/images/background/form-bg.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="section-title">
|
||||||
|
<h2>book a table</h2>
|
||||||
|
</div>
|
||||||
|
<p>Enjoy your food to book your table</p>
|
||||||
|
<form
|
||||||
|
id="booking-form"
|
||||||
|
className="booking-form mt-25"
|
||||||
|
name="booking-form"
|
||||||
|
method="post"
|
||||||
|
>
|
||||||
|
<div className="row gap-20">
|
||||||
|
<div className="col-md-6 mb-20">
|
||||||
|
<div className="form-group">
|
||||||
|
<select name="person" id="person">
|
||||||
|
<option value="option1">Person</option>
|
||||||
|
<option value="option2">Person 2</option>
|
||||||
|
<option value="option3">Person 3</option>
|
||||||
|
<option value="option4">Person 4</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="form-group">
|
||||||
|
<label htmlFor="date">
|
||||||
|
<i className="far fa-calendar-alt" />
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="date"
|
||||||
|
name="date"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Date"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group">
|
||||||
|
<label htmlFor="time">
|
||||||
|
<i className="far fa-clock" />
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="time"
|
||||||
|
name="time"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Time"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group">
|
||||||
|
<label htmlFor="number">
|
||||||
|
<i className="far fa-phone" />
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="number"
|
||||||
|
name="number"
|
||||||
|
className="form-control"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Phone"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-12">
|
||||||
|
<div className="form-group mb-0">
|
||||||
|
<button type="submit" className="theme-btn">
|
||||||
|
book your table <i className="far fa-arrow-alt-right" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
204
components/Burger.js
Normal file
204
components/Burger.js
Normal file
@ -0,0 +1,204 @@
|
|||||||
|
"use client";
|
||||||
|
import { sliderProps } from "@/utility/sliderProps";
|
||||||
|
import Link from "next/link";
|
||||||
|
import Slider from "react-slick";
|
||||||
|
|
||||||
|
const Burger = () => {
|
||||||
|
return (
|
||||||
|
<div className="container container-1520">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-lg-12">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">popular burger</span>
|
||||||
|
<h2>popular delicious burger</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Slider {...sliderProps.pizzaActive} className="pizza-active">
|
||||||
|
<div
|
||||||
|
className="product-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/products/burger1.jpg" alt="Burger" />
|
||||||
|
<span className="pizza-badge">hot</span>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">vegetable beef Burger</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="product-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/products/burger2.jpg" alt="Burger" />
|
||||||
|
<span className="pizza-badge">-10%</span>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">beef checken burger</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="product-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/products/burger3.jpg" alt="Burger" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">burgers black bread</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="product-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/products/burger4.jpg" alt="Burger" />
|
||||||
|
<span className="pizza-badge">new</span>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">delicious burger with beef</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="product-item">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/products/burger1.jpg" alt="Burger" />
|
||||||
|
<span className="pizza-badge">hot</span>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">vegetable beef Burger</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="product-item">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/products/burger2.jpg" alt="Burger" />
|
||||||
|
<span className="pizza-badge">-10%</span>
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">beef checken burger</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="product-item">
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/products/burger3.jpg" alt="Burger" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<h5>
|
||||||
|
<Link href="product-details">burgers black bread</Link>
|
||||||
|
</h5>
|
||||||
|
<span className="price">
|
||||||
|
<del>$50</del> $25
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Slider>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Burger;
|
||||||
117
components/CategoryBanner.js
Normal file
117
components/CategoryBanner.js
Normal file
@ -0,0 +1,117 @@
|
|||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
|
const CategoryBanner = () => {
|
||||||
|
return (
|
||||||
|
<div className="category-banner-area-two">
|
||||||
|
<div className="container-fluid">
|
||||||
|
<div className="row row-cols-lg-3 row-cols-sm-2 row-cols-1 justify-content-center">
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="category-banner-item style-two"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(assets/images/banner/category-banner-two1.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="price">only $59</span>
|
||||||
|
<h3>SPECIALTY Beef steak</h3>
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn style-two">
|
||||||
|
Order now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
<div className="food-image">
|
||||||
|
<img
|
||||||
|
src="assets/images/banner/category-banner-food1.png"
|
||||||
|
alt="Food"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="category-banner-item style-two color-black"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(assets/images/banner/category-banner-two2.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="price">only $43</span>
|
||||||
|
<h3>SPECIALTY Italian pizza</h3>
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn">
|
||||||
|
Order now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
<div className="food-image">
|
||||||
|
<img
|
||||||
|
src="assets/images/banner/category-banner-food2.png"
|
||||||
|
alt="Food"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="category-banner-item style-two"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(assets/images/banner/category-banner-two1.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span className="price">only $35</span>
|
||||||
|
<h3>vegetable burger</h3>
|
||||||
|
<div className="ratting">
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<i className="fas fa-star" />
|
||||||
|
<span>(5k)</span>
|
||||||
|
</div>
|
||||||
|
<Link href="shop" className="theme-btn style-two">
|
||||||
|
Order now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
<div className="food-image">
|
||||||
|
<img
|
||||||
|
src="assets/images/banner/category-banner-food3.png"
|
||||||
|
alt="Food"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default CategoryBanner;
|
||||||
27
components/Counter.js
Normal file
27
components/Counter.js
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
"use client";
|
||||||
|
import CountUp from "react-countup";
|
||||||
|
import ReactVisibilitySensor from "react-visibility-sensor";
|
||||||
|
const Counter = ({ end, decimals, extraClass }) => {
|
||||||
|
return (
|
||||||
|
<CountUp
|
||||||
|
end={end ? end : 100}
|
||||||
|
duration={3}
|
||||||
|
decimals={decimals ? decimals : 0}
|
||||||
|
>
|
||||||
|
{({ countUpRef, start }) => (
|
||||||
|
<ReactVisibilitySensor onChange={start} delayedCall>
|
||||||
|
<span
|
||||||
|
className={`${extraClass} text-white`}
|
||||||
|
data-from="0"
|
||||||
|
data-to={end}
|
||||||
|
ref={countUpRef}
|
||||||
|
>
|
||||||
|
count
|
||||||
|
</span>
|
||||||
|
</ReactVisibilitySensor>
|
||||||
|
)}
|
||||||
|
</CountUp>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Counter;
|
||||||
17
components/CustomArrow.js
Normal file
17
components/CustomArrow.js
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
export const NextArrow = (props) => {
|
||||||
|
const { className, onClick } = props;
|
||||||
|
return (
|
||||||
|
<div className={className} onClick={onClick} style={{ right: 0, zIndex: 2 }}>
|
||||||
|
<span style={{ fontSize: 24, color: "#333" }}>→</span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export const PrevArrow = (props) => {
|
||||||
|
const { className, onClick } = props;
|
||||||
|
return (
|
||||||
|
<div className={className} onClick={onClick} style={{ left: 0, zIndex: 2 }}>
|
||||||
|
<span style={{ fontSize: 24, color: "#333" }}>←</span>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
84
components/FoodCategory.js
Normal file
84
components/FoodCategory.js
Normal file
@ -0,0 +1,84 @@
|
|||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
|
const FoodCategory = () => {
|
||||||
|
return (
|
||||||
|
<section className="food-category-area rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-xxl-6 col-xl-7 col-lg-9">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">popular food category</span>
|
||||||
|
<h2>
|
||||||
|
we provide amazing & Quality food for your good health
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-md-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="featured-item">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="flaticon-recommended-food" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<h4>
|
||||||
|
<Link href="menu-restaurant">Best Quality Food</Link>
|
||||||
|
</h4>
|
||||||
|
<p>Sed ut perspiciatis unde omnis este natus sit voluptatem</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-md-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="featured-item">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="flaticon-fast-delivery" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<h4>
|
||||||
|
<Link href="menu-restaurant">fast food delivery</Link>
|
||||||
|
</h4>
|
||||||
|
<p>Sed ut perspiciatis unde omnis este natus sit voluptatem</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-4 col-md-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="featured-item">
|
||||||
|
<div className="icon">
|
||||||
|
<i className="flaticon-cashback" />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<h4>
|
||||||
|
<Link href="menu-restaurant">money back guarantee</Link>
|
||||||
|
</h4>
|
||||||
|
<p>Sed ut perspiciatis unde omnis este natus sit voluptatem</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default FoodCategory;
|
||||||
214
components/GalleryIsotope.js
Normal file
214
components/GalleryIsotope.js
Normal file
@ -0,0 +1,214 @@
|
|||||||
|
"use client";
|
||||||
|
import Isotope from "isotope-layout";
|
||||||
|
import { Fragment, useEffect, useRef, useState } from "react";
|
||||||
|
const GalleryIsotope = () => {
|
||||||
|
const isotope = useRef();
|
||||||
|
const [filterKey, setFilterKey] = useState("*");
|
||||||
|
useEffect(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
isotope.current = new Isotope(".gallery-active", {
|
||||||
|
itemSelector: ".item",
|
||||||
|
percentPosition: true,
|
||||||
|
masonry: {
|
||||||
|
columnWidth: ".item",
|
||||||
|
},
|
||||||
|
animationOptions: {
|
||||||
|
duration: 750,
|
||||||
|
easing: "linear",
|
||||||
|
queue: false,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}, 500);
|
||||||
|
}, []);
|
||||||
|
useEffect(() => {
|
||||||
|
if (isotope.current) {
|
||||||
|
filterKey === "*"
|
||||||
|
? isotope.current.arrange({ filter: `*` })
|
||||||
|
: isotope.current.arrange({ filter: `.${filterKey}` });
|
||||||
|
}
|
||||||
|
}, [filterKey]);
|
||||||
|
const handleFilterKeyChange = (key) => () => {
|
||||||
|
setFilterKey(key);
|
||||||
|
};
|
||||||
|
const activeBtn = (value) => (value === filterKey ? "active" : "");
|
||||||
|
return (
|
||||||
|
<Fragment>
|
||||||
|
<ul
|
||||||
|
className="nav gallery-nav food-menu-tab mb-40"
|
||||||
|
role="tablist"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<li>
|
||||||
|
<button
|
||||||
|
className={`nav-link ${activeBtn("*")}`}
|
||||||
|
onClick={handleFilterKeyChange("*")}
|
||||||
|
data-filter="*"
|
||||||
|
>
|
||||||
|
<i className="flaticon-cupcake" />
|
||||||
|
<span>dessert</span>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button
|
||||||
|
className={`nav-link ${activeBtn("vegetarian")}`}
|
||||||
|
onClick={handleFilterKeyChange("vegetarian")}
|
||||||
|
data-filter=".vegetarian"
|
||||||
|
>
|
||||||
|
<i className="flaticon-broccoli" />
|
||||||
|
<span>vegetarian</span>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button
|
||||||
|
className={`nav-link ${activeBtn("potatoes")}`}
|
||||||
|
onClick={handleFilterKeyChange("potatoes")}
|
||||||
|
data-filter=".potatoes"
|
||||||
|
>
|
||||||
|
<i className="flaticon-fried-potatoes" />
|
||||||
|
<span>potatoes</span>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button
|
||||||
|
className={`nav-link ${activeBtn("seafood")}`}
|
||||||
|
onClick={handleFilterKeyChange("seafood")}
|
||||||
|
data-filter=".seafood"
|
||||||
|
>
|
||||||
|
<i className="flaticon-crab" />
|
||||||
|
<span>seafood</span>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<button
|
||||||
|
className={`nav-link ${activeBtn("drinks")}`}
|
||||||
|
onClick={handleFilterKeyChange("drinks")}
|
||||||
|
data-filter=".drinks"
|
||||||
|
>
|
||||||
|
<i className="flaticon-poinsettia" />
|
||||||
|
<span>drinks</span>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="row gallery-active">
|
||||||
|
<div className="col-lg-4 col-sm-6 item potatoes">
|
||||||
|
<div
|
||||||
|
className="gallery-item-three"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/gallery/gallery-three1.jpg" alt="Gallery" />
|
||||||
|
<h3>Chicken burger</h3>
|
||||||
|
<span className="category">Delicious food</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4 col-sm-6 item vegetarian drinks">
|
||||||
|
<div
|
||||||
|
className="gallery-item-three"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/gallery/gallery-three2.jpg" alt="Gallery" />
|
||||||
|
<h3>yamee Chicken fry</h3>
|
||||||
|
<span className="category">Delicious food</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4 col-sm-6 item seafood">
|
||||||
|
<div
|
||||||
|
className="gallery-item-three"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/gallery/gallery-three3.jpg" alt="Gallery" />
|
||||||
|
<h3>beef vegetable hot dog</h3>
|
||||||
|
<span className="category">Delicious food</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4 col-sm-6 item potatoes drinks">
|
||||||
|
<div
|
||||||
|
className="gallery-item-three"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/gallery/gallery-three4.jpg" alt="Gallery" />
|
||||||
|
<h3>hot dog with mustard</h3>
|
||||||
|
<span className="category">Delicious food</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4 col-sm-6 item vegetarian">
|
||||||
|
<div
|
||||||
|
className="gallery-item-three"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/gallery/gallery-three5.jpg" alt="Gallery" />
|
||||||
|
<h3>traditional Italian pizza</h3>
|
||||||
|
<span className="category">Delicious food</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4 col-sm-6 item seafood drinks">
|
||||||
|
<div
|
||||||
|
className="gallery-item-three"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/gallery/gallery-three6.jpg" alt="Gallery" />
|
||||||
|
<h3>Chicken burger</h3>
|
||||||
|
<span className="category">Delicious food</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4 col-sm-6 item potatoes">
|
||||||
|
<div
|
||||||
|
className="gallery-item-three"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/gallery/gallery-three7.jpg" alt="Gallery" />
|
||||||
|
<h3>Chicken burger</h3>
|
||||||
|
<span className="category">Delicious food</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4 col-sm-6 item vegetarian drinks">
|
||||||
|
<div
|
||||||
|
className="gallery-item-three"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/gallery/gallery-three8.jpg" alt="Gallery" />
|
||||||
|
<h3>Chicken burger</h3>
|
||||||
|
<span className="category">Delicious food</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-4 col-sm-6 item seafood drinks">
|
||||||
|
<div
|
||||||
|
className="gallery-item-three"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img src="assets/images/gallery/gallery-three9.jpg" alt="Gallery" />
|
||||||
|
<h3>Chicken burger</h3>
|
||||||
|
<span className="category">Delicious food</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Fragment>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default GalleryIsotope;
|
||||||
78
components/Headline.js
Normal file
78
components/Headline.js
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
const Headline = ({ mb = "105" }) => {
|
||||||
|
return (
|
||||||
|
<div className={`headline-area mb-${mb} rmb-85 rel z-1`}>
|
||||||
|
<span className="marquee-wrap">
|
||||||
|
<span className="marquee-inner left">
|
||||||
|
<span className="marquee-item">Soups</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">Appetizers</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">Idly</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span className="marquee-inner left">
|
||||||
|
<span className="marquee-item">Dosa</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">Uttappam</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">Poori & Parotta</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span className="marquee-inner left">
|
||||||
|
<span className="marquee-item">Hakka Flavours</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">Egg Delights</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">Veg Rice</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span className="marquee-inner left">
|
||||||
|
<span className="marquee-item">Biryani</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">Curry</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">Desserts</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
<span className="marquee-item">Beverages</span>
|
||||||
|
<span className="marquee-item">
|
||||||
|
<i className="flaticon-star" />
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</span>
|
||||||
|
<div className="headline-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img src="assets/images/shapes/tomato.png" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
<div className="shape two">
|
||||||
|
<img src="assets/images/shapes/burger.png" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Headline;
|
||||||
78
components/InstagramArea.js
Normal file
78
components/InstagramArea.js
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
const InstagramArea = () => {
|
||||||
|
return (
|
||||||
|
<div className="instagram-area">
|
||||||
|
<div className="row no-gap row-cols-xxl-5 row-cols-xl-4 row-cols-lg-3 row-cols-sm-2 row-cols-1 justify-content-center">
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="instagram-item">
|
||||||
|
<img src="assets/images/instagram/instagram1.jpg" alt="Instagram" />
|
||||||
|
<a href="assets/images/instagram/instagram1.jpg">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="instagram-item">
|
||||||
|
<img src="assets/images/instagram/instagram2.jpg" alt="Instagram" />
|
||||||
|
<a href="assets/images/instagram/instagram2.jpg">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="instagram-item">
|
||||||
|
<img src="assets/images/instagram/instagram3.jpg" alt="Instagram" />
|
||||||
|
<a href="assets/images/instagram/instagram3.jpg">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="instagram-item">
|
||||||
|
<img src="assets/images/instagram/instagram4.jpg" alt="Instagram" />
|
||||||
|
<a href="assets/images/instagram/instagram4.jpg">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={200}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="instagram-item">
|
||||||
|
<img src="assets/images/instagram/instagram5.jpg" alt="Instagram" />
|
||||||
|
<a href="assets/images/instagram/instagram5.jpg">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default InstagramArea;
|
||||||
68
components/OfferCard.js
Normal file
68
components/OfferCard.js
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
const OfferCard = () => {
|
||||||
|
return (
|
||||||
|
<div className="offer-card-area">
|
||||||
|
<div className="row no-gap row-cols-xxl-3 row-cols-xl-3 row-cols-lg-3 row-cols-sm-2 row-cols-1 justify-content-center">
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="offer-card-item">
|
||||||
|
{/* <img src="assets/images/offer/good-food.png" alt="Good Food" />
|
||||||
|
<div className="badge">Hot</div> */}
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/offer/offer-card1.png" alt="Food" />
|
||||||
|
</div>
|
||||||
|
<span className="title">Burger</span>
|
||||||
|
<span className="available-item">35+ Burger menu items</span>
|
||||||
|
{/* <div className="bg-text">
|
||||||
|
<span>Burger</span> <span>Burger</span> <span>Burger</span>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="offer-card-item style-two">
|
||||||
|
<img src="assets/images/offer/good-food.png" alt="Good Food" />
|
||||||
|
<div className="badge">-10%</div>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/offer/offer-card2.png" alt="Food" />
|
||||||
|
</div>
|
||||||
|
<span className="title">Pizza</span>
|
||||||
|
<span className="available-item">35+ Burger menu items</span>
|
||||||
|
<div className="bg-text">
|
||||||
|
<span>Pizza</span> <span>Pizza</span> <span>Pizza</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="offer-card-item">
|
||||||
|
<img src="assets/images/offer/good-food.png" alt="Good Food" />
|
||||||
|
<div className="badge">Hot</div>
|
||||||
|
<div className="image">
|
||||||
|
<img src="assets/images/offer/offer-card3.png" alt="Food" />
|
||||||
|
</div>
|
||||||
|
<span className="title">hotdog</span>
|
||||||
|
<span className="available-item">35+ Burger menu items</span>
|
||||||
|
<div className="bg-text">
|
||||||
|
<span>hotdog</span> <span>hotdog</span> <span>hotdog</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default OfferCard;
|
||||||
41
components/PageBanner.js
Normal file
41
components/PageBanner.js
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
|
const PageBanner = ({ pageTitle, pageName, bgImg }) => {
|
||||||
|
return (
|
||||||
|
<section
|
||||||
|
className="page-banner-area overlay pt-215 rpt-150 pb-160 rpb-120 rel z-1 bgs-cover text-center"
|
||||||
|
style={{ backgroundImage: `url(${bgImg})` }}
|
||||||
|
|
||||||
|
>
|
||||||
|
<div className="container">
|
||||||
|
<div className="banner-inner text-white">
|
||||||
|
<h1
|
||||||
|
className="page-title"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
{pageTitle}
|
||||||
|
</h1>
|
||||||
|
<nav aria-label="breadcrumb">
|
||||||
|
<ol
|
||||||
|
className="breadcrumb justify-content-center"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={200}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<li className="breadcrumb-item">
|
||||||
|
<Link href="/">Home</Link>
|
||||||
|
</li>
|
||||||
|
<li className="breadcrumb-item active">
|
||||||
|
{pageName ? pageName : pageTitle}
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default PageBanner;
|
||||||
27
components/PlusMinusBtn.js
Normal file
27
components/PlusMinusBtn.js
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
"use client";
|
||||||
|
import { memo, useState } from "react";
|
||||||
|
|
||||||
|
const PlusMinusBtn = () => {
|
||||||
|
const [value, setValue] = useState(1);
|
||||||
|
return (
|
||||||
|
<div className="quantity-input">
|
||||||
|
<button
|
||||||
|
className="quantity-down"
|
||||||
|
onClick={() => setValue(value == 1 ? 1 : value - 1)}
|
||||||
|
>
|
||||||
|
--
|
||||||
|
</button>
|
||||||
|
<input
|
||||||
|
className="quantity"
|
||||||
|
type="text"
|
||||||
|
defaultValue={1}
|
||||||
|
value={value}
|
||||||
|
name="quantity"
|
||||||
|
/>
|
||||||
|
<button className="quantity-up" onClick={() => setValue(value + 1)}>
|
||||||
|
+
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default memo(PlusMinusBtn);
|
||||||
19
components/ProgressBar.js
Normal file
19
components/ProgressBar.js
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
"use client";
|
||||||
|
import { buildStyles, CircularProgressbar } from "react-circular-progressbar";
|
||||||
|
|
||||||
|
const ProgressBar = ({ value, color, extraCls, emptyFill }) => {
|
||||||
|
return (
|
||||||
|
<div className={`canvas ${extraCls ? extraCls : "one"}`}>
|
||||||
|
<CircularProgressbar
|
||||||
|
width={120}
|
||||||
|
value={value}
|
||||||
|
strokeWidth={3}
|
||||||
|
styles={buildStyles({
|
||||||
|
pathColor: color ? color : "#EC3D08",
|
||||||
|
trailColor: emptyFill ? emptyFill : "#FBDDD5",
|
||||||
|
})}
|
||||||
|
/>{" "}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default ProgressBar;
|
||||||
1205
components/RestaurantMenu.js
Normal file
1205
components/RestaurantMenu.js
Normal file
File diff suppressed because it is too large
Load Diff
109
components/Testimonial.js
Normal file
109
components/Testimonial.js
Normal file
@ -0,0 +1,109 @@
|
|||||||
|
"use client";
|
||||||
|
import { sliderProps } from "@/utility/sliderProps";
|
||||||
|
import Slider from "react-slick";
|
||||||
|
|
||||||
|
const Testimonial = () => {
|
||||||
|
return (
|
||||||
|
<section
|
||||||
|
className="testimonials-two bgc-primary"
|
||||||
|
style={{
|
||||||
|
backgroundImage:
|
||||||
|
"url(assets/images/testimonials/testimonials-two-bg.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="row align-items-center">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div className="why-choose-two-image">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testimonials-two.jpg"
|
||||||
|
alt="Testimonials"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div className="testimonials-two-content rel z-1 text-center text-white p-45 rpy-55">
|
||||||
|
<div
|
||||||
|
className="section-title mb-20"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">customer feedback</span>
|
||||||
|
<h2>what have lot’s off happy customer explore feedback</h2>
|
||||||
|
</div>
|
||||||
|
<span className="marquee-wrap style-two">
|
||||||
|
<span className="marquee-inner left">review </span>
|
||||||
|
<span className="marquee-inner left">review </span>
|
||||||
|
<span className="marquee-inner left">review </span>
|
||||||
|
</span>
|
||||||
|
<Slider
|
||||||
|
{...sliderProps.testimonialsTwoCarousel}
|
||||||
|
className="testimonials-two-carousel"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="testimonial-two-item">
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div>
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen, Red King Crab can
|
||||||
|
prepared in various ways, from simple steaming or boiling to
|
||||||
|
elaborate preparations such as grilling incorporating weather
|
||||||
|
loving
|
||||||
|
</div>
|
||||||
|
<span className="author">Salvador I. Burton</span>
|
||||||
|
<span className="designation">Manager</span>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-two-item">
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div>
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen, Red King Crab can
|
||||||
|
prepared in various ways, from simple steaming or boiling to
|
||||||
|
elaborate preparations such as grilling incorporating weather
|
||||||
|
loving
|
||||||
|
</div>
|
||||||
|
<span className="author">Salvador I. Burton</span>
|
||||||
|
<span className="designation">Manager</span>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-two-item">
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div>
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen, Red King Crab can
|
||||||
|
prepared in various ways, from simple steaming or boiling to
|
||||||
|
elaborate preparations such as grilling incorporating weather
|
||||||
|
loving
|
||||||
|
</div>
|
||||||
|
<span className="author">Salvador I. Burton</span>
|
||||||
|
<span className="designation">Manager</span>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-two-item">
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div>
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen, Red King Crab can
|
||||||
|
prepared in various ways, from simple steaming or boiling to
|
||||||
|
elaborate preparations such as grilling incorporating weather
|
||||||
|
loving
|
||||||
|
</div>
|
||||||
|
<span className="author">Salvador I. Burton</span>
|
||||||
|
<span className="designation">Manager</span>
|
||||||
|
</div>
|
||||||
|
</Slider>
|
||||||
|
<div className="shape">
|
||||||
|
<img src="assets/images/shapes/tomato.png" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Testimonial;
|
||||||
186
components/TestimonialAbout.js
Normal file
186
components/TestimonialAbout.js
Normal file
@ -0,0 +1,186 @@
|
|||||||
|
"use client";
|
||||||
|
import { sliderProps } from "@/utility/sliderProps";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
import Slider from "react-slick";
|
||||||
|
|
||||||
|
function TestimonialAbout() {
|
||||||
|
const [nav1, setNav1] = useState(null);
|
||||||
|
const [nav2, setNav2] = useState(null);
|
||||||
|
const [slider1, setSlider1] = useState(null);
|
||||||
|
const [slider2, setSlider2] = useState(null);
|
||||||
|
useEffect(() => {
|
||||||
|
setNav1(slider1);
|
||||||
|
setNav2(slider2);
|
||||||
|
});
|
||||||
|
|
||||||
|
const thumbs = {
|
||||||
|
dots: false,
|
||||||
|
arrows: false,
|
||||||
|
speed: 800,
|
||||||
|
autoplay: true,
|
||||||
|
focusOnSelect: true,
|
||||||
|
slidesToShow: 3,
|
||||||
|
slidesToScroll: 1,
|
||||||
|
};
|
||||||
|
const slider = {
|
||||||
|
arrows: false,
|
||||||
|
dots: false,
|
||||||
|
infinite: false,
|
||||||
|
autoplay: true,
|
||||||
|
speed: 500,
|
||||||
|
fade: true,
|
||||||
|
slidesToShow: 1,
|
||||||
|
slidesToScroll: 1,
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<section className="testimonials-five rel z-1 py-130 rpy-100">
|
||||||
|
<div className="container rel">
|
||||||
|
<div className="row text-center justify-content-center">
|
||||||
|
<div className="col-xl-6 col-lg-7 col-md-8">
|
||||||
|
<div
|
||||||
|
className="section-title mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">Customer Feedback</span>
|
||||||
|
<h2>what our customer’s say us</h2>
|
||||||
|
</div>
|
||||||
|
{/* <Slider
|
||||||
|
asNavFor={nav1}
|
||||||
|
ref={(slider) => setSlider2(slider)}
|
||||||
|
{...sliderProps.testimonialsFiveAuthors}
|
||||||
|
className="testimonials-five-authors mb-20"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="testimonial-five-author-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-author-five1.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-author-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-author-five2.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-author-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-author-five3.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-author-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-author-five2.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</Slider> */}
|
||||||
|
<Slider
|
||||||
|
className="testimonials-five-content"
|
||||||
|
asNavFor={nav2}
|
||||||
|
ref={(slider) => setSlider1(slider)}
|
||||||
|
{...sliderProps.testimonialsFiveContent}
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="testimonial-five-item">
|
||||||
|
<div className="text">
|
||||||
|
The food was exceptional, with the dosas being a particular highlight and deserving of strong recommendation. Their taste was remarkable, representing the best dosas in the entire KWC region. The staff provided polite and attentive service. While the quantity of chutneys and sauces could be improved, the overall dining experience was highly satisfactory.
|
||||||
|
</div>
|
||||||
|
<span className="author">Mohit</span>
|
||||||
|
{/* <span className="designation">Manager</span> */}
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-item">
|
||||||
|
<div className="text">
|
||||||
|
We had a delightful experience at Shivas Dosa. The service was exceptional, and the food was amazing.The Mysore Bonda and Chicken 65 reminded me of Bangalore, and the Mutton Chukka and Biryani were top-notch.A special mention for Rajatha's humble and attentive service. I truly appreciate their wonderful service and incredible food. Highly recommended!
|
||||||
|
</div>
|
||||||
|
<span className="author">Anoop V</span>
|
||||||
|
{/* <span className="designation">Manager</span> */}
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-item">
|
||||||
|
<div className="text">
|
||||||
|
I ordered two party trays of Ambur chicken biryani and one tray of chicken 65. The price was very reasonable compared to other restaurants in Kitchener and Cambridge. The taste was absolutely delicious, and the Ambur-style biryani was flavorful and authentic. The chicken 65 was crispy and well-seasoned. The service provided by Pungulali was excellent. Highly recommend this place for great food at a great price!
|
||||||
|
</div>
|
||||||
|
<span className="author">Ramesh Babu Gnana Kandan</span>
|
||||||
|
{/* <span className="designation">Manager</span> */}
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-item">
|
||||||
|
<div className="text">
|
||||||
|
I had a great experience at Shiva Dosa Point today! I ordered Sambhar Idli, Chicken Kothu Parotta, and Coffee, and everything was delicious. The flavors were authentic, and the food was served fresh and hot. A special mention to Poonguzhali and Swetha for their excellent service—they were friendly, attentive, and made the dining experience even better. Definitely recommend this place for anyone craving good South Indian food!
|
||||||
|
</div>
|
||||||
|
<span className="author">Murali Krishna</span>
|
||||||
|
{/* <span className="designation">Manager</span> */}
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-item">
|
||||||
|
<div className="text">
|
||||||
|
I had a wonderful experience at Shiva Dosa Restaurant! The food was absolutely delicious — authentic South Indian flavors served hot and fresh. We truly didn’t feel far from India. But what truly made our visit special was the outstanding service. A big thank you to Poonguzhali and Smriti, who were both incredibly attentive, kind, and professional throughout our meal. Their warm hospitality made us feel right at home. Highly recommend this place and their food.
|
||||||
|
</div>
|
||||||
|
<span className="author">Serah Benjamin</span>
|
||||||
|
{/* <span className="designation">Manager</span> */}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</Slider>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonials-five-shapes">
|
||||||
|
<div
|
||||||
|
className="shape left"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="/assets/images/about/fourth-section/left.webp"
|
||||||
|
alt="Left" loading="lazy"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="shape right"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="/assets/images/about/fourth-section/right.webp"
|
||||||
|
alt="right" loading="lazy"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonials-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img
|
||||||
|
src="/assets/images/about/fourth-section/bottom.webp"
|
||||||
|
alt="Shape" loading="lazy"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{/* <div className="shape three">
|
||||||
|
<img
|
||||||
|
src="/assets/images/about/fourth-section/testi-1.webp"
|
||||||
|
alt="Shape"
|
||||||
|
/>
|
||||||
|
</div> */}
|
||||||
|
<div className="shape four">
|
||||||
|
<img
|
||||||
|
src="/assets/images/about/fourth-section/chicken-right.webp"
|
||||||
|
alt="Shape" loading="lazy"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default TestimonialAbout;
|
||||||
|
|
||||||
311
components/TestimonialSlider.js
Normal file
311
components/TestimonialSlider.js
Normal file
@ -0,0 +1,311 @@
|
|||||||
|
"use client";
|
||||||
|
import { sliderProps } from "@/utility/sliderProps";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
import Slider from "react-slick";
|
||||||
|
|
||||||
|
function TestimonialSlider() {
|
||||||
|
const [nav1, setNav1] = useState(null);
|
||||||
|
const [nav2, setNav2] = useState(null);
|
||||||
|
const [slider1, setSlider1] = useState(null);
|
||||||
|
const [slider2, setSlider2] = useState(null);
|
||||||
|
useEffect(() => {
|
||||||
|
setNav1(slider1);
|
||||||
|
setNav2(slider2);
|
||||||
|
});
|
||||||
|
|
||||||
|
const thumbs = {
|
||||||
|
dots: false,
|
||||||
|
arrows: false,
|
||||||
|
speed: 800,
|
||||||
|
autoplay: true,
|
||||||
|
focusOnSelect: true,
|
||||||
|
slidesToShow: 3,
|
||||||
|
slidesToScroll: 1,
|
||||||
|
};
|
||||||
|
const slider = {
|
||||||
|
arrows: false,
|
||||||
|
dots: false,
|
||||||
|
infinite: false,
|
||||||
|
autoplay: true,
|
||||||
|
speed: 500,
|
||||||
|
fade: true,
|
||||||
|
slidesToShow: 1,
|
||||||
|
slidesToScroll: 1,
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<section className="testimonials-five rel z-1 bgc-lighter py-130 rpy-100">
|
||||||
|
<div className="container rel">
|
||||||
|
<div className="row text-center justify-content-center">
|
||||||
|
<div className="col-xl-6 col-lg-7 col-md-8">
|
||||||
|
<div
|
||||||
|
className="section-title mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">Customer Feedback</span>
|
||||||
|
<h2>We’ve Lot’s off Happy Customer Explore Our Feedback</h2>
|
||||||
|
</div>
|
||||||
|
<Slider
|
||||||
|
asNavFor={nav1}
|
||||||
|
ref={(slider) => setSlider2(slider)}
|
||||||
|
{...sliderProps.testimonialsFiveAuthors}
|
||||||
|
className="testimonials-five-authors mb-20"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="testimonial-five-author-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-author-five1.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-author-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-author-five2.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-author-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-author-five3.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-author-item">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-author-five2.jpg"
|
||||||
|
alt="Author"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</Slider>
|
||||||
|
<Slider
|
||||||
|
className="testimonials-five-content"
|
||||||
|
asNavFor={nav2}
|
||||||
|
ref={(slider) => setSlider1(slider)}
|
||||||
|
{...sliderProps.testimonialsFiveContent}
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="testimonial-five-item">
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen Red can prepared
|
||||||
|
various ways from simple steaming boiling to elaborate
|
||||||
|
preparations such
|
||||||
|
</div>
|
||||||
|
<span className="author">Salvador I. Burton</span>
|
||||||
|
<span className="designation">Manager</span>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-item">
|
||||||
|
<div className="text">
|
||||||
|
From simple steaming boiling to elaborate preparations such
|
||||||
|
Renowned for its versatility in the kitchen Red can prepared
|
||||||
|
various ways
|
||||||
|
</div>
|
||||||
|
<span className="author">Salvador I. Burton</span>
|
||||||
|
<span className="designation">Manager</span>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-item">
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its steaming boiling to elaborate preparations
|
||||||
|
suchver satility in the kitchen Red can prepared various ways
|
||||||
|
from simple{" "}
|
||||||
|
</div>
|
||||||
|
<span className="author">Salvador I. Burton</span>
|
||||||
|
<span className="designation">Manager</span>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-five-item">
|
||||||
|
<div className="text">
|
||||||
|
Elaborate preparations such renowned for its versatility in
|
||||||
|
the kitchen Red can prepared various ways from simple steaming
|
||||||
|
boiling to
|
||||||
|
</div>
|
||||||
|
<span className="author">Salvador I. Burton</span>
|
||||||
|
<span className="designation">Manager</span>
|
||||||
|
</div>
|
||||||
|
</Slider>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonials-five-shapes">
|
||||||
|
<div
|
||||||
|
className="shape left"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-five-left.png"
|
||||||
|
alt="Left"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="shape right"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-five-right.png"
|
||||||
|
alt="Left"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonials-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-five-shape3.png"
|
||||||
|
alt="Shape"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="shape three">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-five-shape1.png"
|
||||||
|
alt="Shape"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="shape four">
|
||||||
|
<img
|
||||||
|
src="assets/images/testimonials/testi-five-shape2.png"
|
||||||
|
alt="Shape"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default TestimonialSlider;
|
||||||
|
|
||||||
|
export const TestimonialSlider2 = () => {
|
||||||
|
return (
|
||||||
|
<Slider {...sliderProps.testimonialsActive} className="testimonials-active">
|
||||||
|
<div
|
||||||
|
className="testimonial-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div>
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen, Red King Crab can be
|
||||||
|
prepared in various ways, from simple steaming or boiling to elaborate
|
||||||
|
preparations such as grilling incorporating
|
||||||
|
</div>
|
||||||
|
<div className="author">
|
||||||
|
<img src="assets/images/testimonials/author1.jpg" alt="Author" />
|
||||||
|
<div className="description">
|
||||||
|
<h5>Steven H. Paxson</h5>
|
||||||
|
<span>CEO & Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="testimonial-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div>
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen, Red King Crab can be
|
||||||
|
prepared in various ways, from simple steaming or boiling to elaborate
|
||||||
|
preparations such as grilling incorporating
|
||||||
|
</div>
|
||||||
|
<div className="author">
|
||||||
|
<img src="assets/images/testimonials/author2.jpg" alt="Author" />
|
||||||
|
<div className="description">
|
||||||
|
<h5>Steven H. Paxson</h5>
|
||||||
|
<span>CEO & Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="testimonial-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div>
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen, Red King Crab can be
|
||||||
|
prepared in various ways, from simple steaming or boiling to elaborate
|
||||||
|
preparations such as grilling incorporating
|
||||||
|
</div>
|
||||||
|
<div className="author">
|
||||||
|
<img src="assets/images/testimonials/author3.jpg" alt="Author" />
|
||||||
|
<div className="description">
|
||||||
|
<h5>Steven H. Paxson</h5>
|
||||||
|
<span>CEO & Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-item">
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div>
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen, Red King Crab can be
|
||||||
|
prepared in various ways, from simple steaming or boiling to elaborate
|
||||||
|
preparations such as grilling incorporating
|
||||||
|
</div>
|
||||||
|
<div className="author">
|
||||||
|
<img src="assets/images/testimonials/author1.jpg" alt="Author" />
|
||||||
|
<div className="description">
|
||||||
|
<h5>Steven H. Paxson</h5>
|
||||||
|
<span>CEO & Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-item">
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div>
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen, Red King Crab can be
|
||||||
|
prepared in various ways, from simple steaming or boiling to elaborate
|
||||||
|
preparations such as grilling incorporating
|
||||||
|
</div>
|
||||||
|
<div className="author">
|
||||||
|
<img src="assets/images/testimonials/author2.jpg" alt="Author" />
|
||||||
|
<div className="description">
|
||||||
|
<h5>Steven H. Paxson</h5>
|
||||||
|
<span>CEO & Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="testimonial-item">
|
||||||
|
<div className="quote">
|
||||||
|
<i className="flaticon-quote" />
|
||||||
|
</div>
|
||||||
|
<div className="text">
|
||||||
|
Renowned for its versatility in the kitchen, Red King Crab can be
|
||||||
|
prepared in various ways, from simple steaming or boiling to elaborate
|
||||||
|
preparations such as grilling incorporating
|
||||||
|
</div>
|
||||||
|
<div className="author">
|
||||||
|
<img src="assets/images/testimonials/author3.jpg" alt="Author" />
|
||||||
|
<div className="description">
|
||||||
|
<h5>Steven H. Paxson</h5>
|
||||||
|
<span>CEO & Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Slider>
|
||||||
|
);
|
||||||
|
};
|
||||||
60
components/blog/ListOfBlogSection.js
Normal file
60
components/blog/ListOfBlogSection.js
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
import { Blog } from "@/utility/constant.utils";
|
||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
|
const ListOfBlogSection = () => {
|
||||||
|
return (
|
||||||
|
<section className="blog-area pt-100 rpt-70 pb-90 rpb-60 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-lg-12">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">The Latest News What We Have</span>
|
||||||
|
<h2>Our Latest Food News</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
{
|
||||||
|
Blog?.map((blog) => {
|
||||||
|
return (
|
||||||
|
<div className="col-xl-4 col-md-6" key={blog?.id}>
|
||||||
|
<div
|
||||||
|
className="blog-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src={blog?.image} alt={blog?.slug} />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<h4>
|
||||||
|
<Link href={`/blog/${blog?.slug}`}>
|
||||||
|
{blog?.title}
|
||||||
|
</Link>
|
||||||
|
</h4>
|
||||||
|
<p>
|
||||||
|
{blog?.short_des}
|
||||||
|
</p>
|
||||||
|
<Link href={`/blog/${blog?.slug}`} className="read-more">
|
||||||
|
Read more <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ListOfBlogSection;
|
||||||
60
components/home/BlogSection.js
Normal file
60
components/home/BlogSection.js
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
import { Blog } from "@/utility/constant.utils";
|
||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
|
const BlogSection = () => {
|
||||||
|
return (
|
||||||
|
<section className="blog-area pt-100 rpt-70 pb-90 rpb-60 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-lg-12">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">The Latest News What We Have</span>
|
||||||
|
<h2>Our Latest Food News</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
{
|
||||||
|
Blog?.map((blog) => {
|
||||||
|
return (
|
||||||
|
<div className="col-xl-4 col-md-6" key={blog?.id}>
|
||||||
|
<div
|
||||||
|
className="blog-item"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src={blog?.image} alt={blog?.slug} />
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<h4>
|
||||||
|
<Link href={`/blog/${blog?.slug}`}>
|
||||||
|
{blog?.title}
|
||||||
|
</Link>
|
||||||
|
</h4>
|
||||||
|
<p>
|
||||||
|
{blog?.short_des}
|
||||||
|
</p>
|
||||||
|
<Link href={`/blog/${blog?.slug}`} className="read-more">
|
||||||
|
Read more <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default BlogSection;
|
||||||
113
components/home/HeroBanner.js
Normal file
113
components/home/HeroBanner.js
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
import Link from "next/link";
|
||||||
|
import Slider from "react-slick";
|
||||||
|
import { sliderProps } from "@/utility/sliderProps";
|
||||||
|
|
||||||
|
const HeroBanner = () => {
|
||||||
|
const heroSlides = [
|
||||||
|
{
|
||||||
|
title: "Welcome to Shivas Dosa Restaurant",
|
||||||
|
subtitle: "Start price Only $25",
|
||||||
|
description:
|
||||||
|
"Truly Authentic South Indian Cuisine",
|
||||||
|
image: "/assets/images/banner/4.webp",
|
||||||
|
btnText: "Know More"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Quality Food and Dinning Experience",
|
||||||
|
subtitle: "Burger combo only $15",
|
||||||
|
description:
|
||||||
|
"Taking you back to Home",
|
||||||
|
image: "/assets/images/banner/2.webp",
|
||||||
|
btnText: "Dine in Menu"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Weekend Specials",
|
||||||
|
subtitle: "Pizza deals from $10",
|
||||||
|
description:
|
||||||
|
"Our Extensive South Indian Menu",
|
||||||
|
image: "/assets/images/banner/3.webp",
|
||||||
|
btnText: "Dine in Menu"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Real Taste, Real South Cuisine",
|
||||||
|
subtitle: "Pizza deals from $10",
|
||||||
|
description:
|
||||||
|
"More than 125 Menu Items - Special options for Veg, Non-veg, Vegan, Jain, Halal and Svami Narayan Foods",
|
||||||
|
image: "/assets/images/banner/1.webp",
|
||||||
|
btnText: "Dine in Menu"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Undertake Customize Catering Orders",
|
||||||
|
subtitle: "Pizza deals from $10",
|
||||||
|
description:
|
||||||
|
"Customize Menu items as per Customer's Request",
|
||||||
|
image: "/assets/images/banner/5.webp",
|
||||||
|
btnText: "Contact Us"
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<section
|
||||||
|
className="hero-area hero-banner bgs-cover pt-180 rpt-150 pb-100 rel z-1"
|
||||||
|
style={{
|
||||||
|
backgroundImage: "url(/assets/images/background/hero.jpg)"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Slider {...sliderProps.heroBanner} className="hero-slider container">
|
||||||
|
{heroSlides.map((slide, idx) => (
|
||||||
|
<div className="row align-items-center d-flex" key={idx}>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div
|
||||||
|
className="hero-content text-white"
|
||||||
|
data-aos="fade-left"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
{/* <span className="sub-title mb-35">
|
||||||
|
<i className="far fa-hamburger" /> {slide.subtitle}
|
||||||
|
</span> */}
|
||||||
|
<h1>{slide.title}</h1>
|
||||||
|
<p>{slide.description}</p>
|
||||||
|
<Link href="/menu" className="theme-btn">
|
||||||
|
View All Menu <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-lg-6"
|
||||||
|
data-aos="fade-right"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="hero-images rmt-60">
|
||||||
|
<img src={slide.image} alt="Hero" />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</Slider>
|
||||||
|
|
||||||
|
{/* Static Background Shapes */}
|
||||||
|
<div className="hero-shapes">
|
||||||
|
{/* <div className="shape one">
|
||||||
|
<img src="/assets/images/shapes/hero-shape1.png" alt="Shape 1" />
|
||||||
|
</div> */}
|
||||||
|
<div className="shape two">
|
||||||
|
<img src="/assets/images/shapes/hero-shape2.png" alt="Shape 2" />
|
||||||
|
</div>
|
||||||
|
<div className="shape three">
|
||||||
|
<img src="/assets/images/shapes/hero-shape3.png" alt="Shape 3" />
|
||||||
|
</div>
|
||||||
|
<div className="shape four">
|
||||||
|
<img src="/assets/images/shapes/hero-shape4.png" alt="Shape 4" />
|
||||||
|
</div>
|
||||||
|
<div className="shape five">
|
||||||
|
<img src="/assets/images/shapes/hero-shape5.png" alt="Shape 5" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default HeroBanner;
|
||||||
146
components/home/MenuCategory.js
Normal file
146
components/home/MenuCategory.js
Normal file
@ -0,0 +1,146 @@
|
|||||||
|
import Link from "next/link";
|
||||||
|
import Slider from "react-slick";
|
||||||
|
import { sliderProps } from "@/utility/sliderProps";
|
||||||
|
|
||||||
|
const menuItems = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
name: "Soups",
|
||||||
|
image: "/assets/images/home/popular-items/soups.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
name: "Appetizers",
|
||||||
|
image: "/assets/images/home/popular-items/veg-appetizer.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
name: "Idly",
|
||||||
|
image: "/assets/images/home/popular-items/idly.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
name: "Dosa",
|
||||||
|
image: "/assets/images/home/popular-items/dosa.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
name: "Uttappam",
|
||||||
|
image: "/assets/images/home/popular-items/uttapam.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
name: "Poori & Parotta",
|
||||||
|
image: "/assets/images/home/popular-items/breads.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
name: "Hakka Flavours",
|
||||||
|
image: "/assets/images/home/popular-items/hakka.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
name: "Egg Delights",
|
||||||
|
image: "/assets/images/home/popular-items/egg.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
name: "Veg Rice",
|
||||||
|
image: "/assets/images/home/popular-items/veg-rice.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
name: "Biryani",
|
||||||
|
image: "/assets/images/home/popular-items/biryani.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 11,
|
||||||
|
name: "Curry",
|
||||||
|
image: "/assets/images/home/popular-items/curry.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 12,
|
||||||
|
name: "Desserts",
|
||||||
|
image: "/assets/images/home/popular-items/dessert.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 12,
|
||||||
|
name: "Beverages",
|
||||||
|
image: "/assets/images/home/popular-items/beverages.webp",
|
||||||
|
badge: "",
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
|
const MenuCategory = () => {
|
||||||
|
return (
|
||||||
|
<section className="pizza-area pt-100 rpb-70 pb-130 rpb-100 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-lg-12">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">popular item</span>
|
||||||
|
<h2>POPULAR DISHES</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Slider {...sliderProps.pizzaActive} className="pizza-active">
|
||||||
|
{menuItems.map((item, index) => (
|
||||||
|
<div
|
||||||
|
className="product-item"
|
||||||
|
key={item.id}
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50 * (index + 1)}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="image">
|
||||||
|
<img src={item.image} alt={item.name} />
|
||||||
|
{item.badge && <span className="pizza-badge">{item.badge}</span>}
|
||||||
|
</div>
|
||||||
|
<div className="content">
|
||||||
|
<h5>
|
||||||
|
{item.name}
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</Slider>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default MenuCategory;
|
||||||
158
components/home/PopularMenu.js
Normal file
158
components/home/PopularMenu.js
Normal file
@ -0,0 +1,158 @@
|
|||||||
|
import Link from "next/link";
|
||||||
|
import { sliderProps } from "@/utility/sliderProps";
|
||||||
|
|
||||||
|
const menuData = [
|
||||||
|
[
|
||||||
|
{
|
||||||
|
name: "Veg Biryani",
|
||||||
|
desc: "Aromatic premium and flavor ...",
|
||||||
|
price: "$13.99",
|
||||||
|
image: "/assets/images/home/popular-menu/veg-biryani.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Rose Milk",
|
||||||
|
desc: "Tamil Nadu style Specially blended...",
|
||||||
|
price: "$6.99",
|
||||||
|
image: "/assets/images/home/popular-menu/beverages.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Special Curd Rice",
|
||||||
|
desc: "Steamed rice mixed with...",
|
||||||
|
price: "$11.99",
|
||||||
|
image: "/assets/images/home/popular-menu/special-curd-rice.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Kuzhi Paniyaram(7pcs)",
|
||||||
|
desc: "Rice and Lentil Basils with...",
|
||||||
|
price: "$11.99",
|
||||||
|
image: "/assets/images/home/popular-menu/paniyaram.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Pakoda Tamilnadu style",
|
||||||
|
desc: "Loosely Fried Savory Lentil, Onion...",
|
||||||
|
price: "$9.99",
|
||||||
|
image: "/assets/images/home/popular-menu/onion-pakoda.webp",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
name: "Cheese Omelette(SET OF 2PCS)",
|
||||||
|
desc: "South Indian Style",
|
||||||
|
price: "$11.99",
|
||||||
|
image: "/assets/images/home/popular-menu/omelette.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Medhu Vada(6PCS)",
|
||||||
|
desc: "A Snackable Savory Donut ..",
|
||||||
|
price: "$7.99",
|
||||||
|
image: "/assets/images/home/popular-menu/medhu-vada.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Jain Special Veg Masala Uttapam",
|
||||||
|
desc: "Masala Uttapam spread with...",
|
||||||
|
price: "$13.99",
|
||||||
|
image: "/assets/images/home/popular-menu/jain-special-veg-masala-uthappam.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Fish 65",
|
||||||
|
desc: "Marinated and Deep Fried...",
|
||||||
|
price: "$15.99",
|
||||||
|
image: "/assets/images/home/popular-menu/fish-65.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Chicken Fried Rice",
|
||||||
|
desc: "Fried rice with a Combination...",
|
||||||
|
price: "$14.99",
|
||||||
|
image: "/assets/images/home/popular-menu/chicken-rice.webp",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{
|
||||||
|
name: "Chicken Noodles",
|
||||||
|
desc: "Noodles with Local Flavor...",
|
||||||
|
price: "$14.99",
|
||||||
|
image: "/assets/images/home/popular-menu/chicken-noodles.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Manchurian Chicken",
|
||||||
|
desc: "Boneless Chicken Sauteed...",
|
||||||
|
price: "$14.99",
|
||||||
|
image: "/assets/images/home/popular-menu/chicken-manchurian-gravy.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Ambur Chicken Biryani",
|
||||||
|
desc: "Traditional Ambur-style chicken bir..",
|
||||||
|
price: "$14.99",
|
||||||
|
image: "/assets/images/home/popular-menu/chicken-biryani.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Chicken 65",
|
||||||
|
desc: "Boneless Chicken Chunks...",
|
||||||
|
price: "$12.99",
|
||||||
|
image: "/assets/images/home/popular-menu/chicken-65.webp",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Plain Dosa",
|
||||||
|
desc: "The Original Plain Dosa",
|
||||||
|
price: "$9.99",
|
||||||
|
image: "/assets/images/home/popular-items/dosa.webp",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
];
|
||||||
|
|
||||||
|
const PopularMenu = () => {
|
||||||
|
return (
|
||||||
|
<section className="popular-menu-area rpt-85 pt-100 pb-100 rpb-70 rel z-1">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div className="col-xl-7 col-lg-8">
|
||||||
|
<div
|
||||||
|
className="section-title text-center mb-50"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<span className="sub-title mb-5">popular menu</span>
|
||||||
|
<h2>From Authentic Indian Kitchen</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
{menuData.map((column, colIndex) => (
|
||||||
|
<div
|
||||||
|
key={colIndex}
|
||||||
|
className={`col-xl-4 col-lg-6 z-${3 - colIndex}`}
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={colIndex * 50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
{column.map((item, itemIndex) => (
|
||||||
|
<div
|
||||||
|
className={`food-item ${itemIndex === column.length - 1 ? "mb-30" : ""}`}
|
||||||
|
key={itemIndex}
|
||||||
|
>
|
||||||
|
<div className="content">
|
||||||
|
<div className="name-desc">
|
||||||
|
<h5>{item.name}</h5>
|
||||||
|
<p>{item.desc}</p>
|
||||||
|
</div>
|
||||||
|
<div className="price">
|
||||||
|
<span>{item.price}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="image">
|
||||||
|
<img src={item.image} alt={item.name} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default PopularMenu;
|
||||||
8
jsconfig.json
Normal file
8
jsconfig.json
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["./*"],
|
||||||
|
"@css/*": ["./public/assets/css/*"]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
883
layout/Footer.js
Normal file
883
layout/Footer.js
Normal file
@ -0,0 +1,883 @@
|
|||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
|
const Footer = ({ footer = 1 }) => {
|
||||||
|
switch (footer) {
|
||||||
|
case 1:
|
||||||
|
return <DefaultFooter />;
|
||||||
|
case 2:
|
||||||
|
return <Footer2 />;
|
||||||
|
case 3:
|
||||||
|
return <Footer3 />;
|
||||||
|
case 5:
|
||||||
|
return <Footer5 />;
|
||||||
|
case 6:
|
||||||
|
return <Footer6 />;
|
||||||
|
default:
|
||||||
|
return <DefaultFooter />;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
export default Footer;
|
||||||
|
|
||||||
|
const DefaultFooter = () => {
|
||||||
|
return (
|
||||||
|
<footer
|
||||||
|
className="main-footer bgc-black rel z-1"
|
||||||
|
style={{
|
||||||
|
backgroundImage: "url(/assets/images/background/footer-bg.png)",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="footer-top py-130 rpy-100">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-center">
|
||||||
|
<div
|
||||||
|
className="col-xl-7 col-lg-9"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
{/* <div className="section-title text-white text-center mb-35">
|
||||||
|
<span className="sub-title mb-10">join our newsletter</span>
|
||||||
|
<h2>subscribe follow our newsletter to get more updates</h2>
|
||||||
|
</div>
|
||||||
|
<form className="newsletter-form" action="#">
|
||||||
|
<label htmlFor="news-email">
|
||||||
|
<i className="fas fa-envelope" />
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
id="news-email"
|
||||||
|
type="email"
|
||||||
|
placeholder="Email Address"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
<button className="theme-btn" type="submit">
|
||||||
|
Subscribe <i className="far fa-arrow-alt-right" />
|
||||||
|
</button>
|
||||||
|
</form> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="widget-area pb-70">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={0}
|
||||||
|
>
|
||||||
|
<div className="footer-widget footer-text">
|
||||||
|
<div className="footer-logo mb-25">
|
||||||
|
<Link href="/">
|
||||||
|
<img src="/assets/images/logo.webp" alt="ShivasDosa Logo" loading="lazy" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Shivas Dosa in Kitchener serves authentic South Indian cuisine, including dosas, biryanis, and traditional dishes, loved by locals.
|
||||||
|
</p>
|
||||||
|
<div className="social-style-one mt-15">
|
||||||
|
<Link href="https://www.facebook.com/shivasdosa/">
|
||||||
|
<i className="fab fa-facebook-f" />
|
||||||
|
</Link>
|
||||||
|
{/* <Link href="#">
|
||||||
|
<i className="fab fa-twitter" />
|
||||||
|
</Link>
|
||||||
|
<Link href="#">
|
||||||
|
<i className="fab fa-linkedin-in" />
|
||||||
|
</Link> */}
|
||||||
|
<Link href="https://www.instagram.com/shivasdosa/">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-2 col-lg-5 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={0}
|
||||||
|
>
|
||||||
|
<div className="footer-widget footer-links">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>Quick Links</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="/">Home</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="/about">About</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="/menu">Menu</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="/contact">Contact</Link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* <div className="footer-widget footer-links">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>popular food</h5>
|
||||||
|
</div>
|
||||||
|
<ul className="two-column">
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Hamburger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">French fries</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Chicken pizza</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Onion rings</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Vegetable roll</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Chicken nuggets</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Sea fish</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Tacos Pizza</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Fried chicken</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Hot Dogs</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-6">
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div
|
||||||
|
className="col-xl-6 col-lg-5 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-widget footer-contact">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>contact us</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
1187 Fischer Hallman Rd, Unit 430, Kitchner, Ontario N2E 4H9.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="mailto:info@shivasdosa.com">
|
||||||
|
<u>info@shivasdosa.com</u>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="callto:(519) 744-1444"> (519) 744-1444</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-6 col-lg-5 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-widget opening-hour">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>opening hour</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Sunday – Thursday: <span>11:30am – 9:00pm</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Friday, Saturday: <span>11:30am – 9:30am</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
{/* <div className="any-question mt-20">
|
||||||
|
<h5>Have any questions?</h5>
|
||||||
|
<a href="#" className="theme-btn style-two">
|
||||||
|
let’s talk us <i className="far fa-arrow-alt-right" />
|
||||||
|
</a>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="footer-bottom pt-30 pb-15">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-lg-12">
|
||||||
|
<div className="copyright-text text-center">
|
||||||
|
<p>
|
||||||
|
Copyright {new Date().getFullYear()} © Shivas Dosa Restaurant. Powered by <Link href="https://metatroncubesolutions.com/">MetatronCube</Link>. All Right Reserved.{" "}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* <div className="col-lg-5 text-center text-lg-end">
|
||||||
|
<ul className="footer-bottom-nav">
|
||||||
|
<li>
|
||||||
|
<a href="#">Privacy Policy</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Terms & Condition</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
className="scroll-top scroll-to-target"
|
||||||
|
onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
|
||||||
|
>
|
||||||
|
<i className="fas fa-arrow-alt-up" />
|
||||||
|
</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="footer-shapes">
|
||||||
|
<div className="shape one">
|
||||||
|
<img src="/assets/images/footer-shape/2.webp" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
<div className="shape two">
|
||||||
|
<img src="/assets/images/footer-shape/3.webp" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
<div className="shape three">
|
||||||
|
<img src="/assets/images/footer-shape/1.webp" alt="Shape" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const Footer2 = () => {
|
||||||
|
return (
|
||||||
|
<footer
|
||||||
|
className="main-footer bgc-black pt-130 rpt-100 rel z-1"
|
||||||
|
style={{ backgroundImage: "url(assets/images/background/footer-bg.png)" }}
|
||||||
|
>
|
||||||
|
<div className="widget-area pb-70">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="footer-widget footer-text"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-logo mb-25">
|
||||||
|
<Link href="/">
|
||||||
|
<img src="assets/images/logos/logo-white.png" alt="Logo" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Temporibus autem quibusdam officiis aut rerum necessitatibus
|
||||||
|
eveniet voluta repudiandae molestiae recusandae
|
||||||
|
</p>
|
||||||
|
<div className="social-style-one mt-15">
|
||||||
|
<Link href="https://www.facebook.com/shivasdosa/">
|
||||||
|
<i className="fab fa-facebook-f" />
|
||||||
|
</Link>
|
||||||
|
{/* <Link href="#">
|
||||||
|
<i className="fab fa-twitter" />
|
||||||
|
</Link>
|
||||||
|
<Link href="#">
|
||||||
|
<i className="fab fa-linkedin-in" />
|
||||||
|
</Link> */}
|
||||||
|
<Link href="https://www.instagram.com/shivasdosa/">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-4 col-lg-5 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="footer-widget footer-links"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>popular food</h5>
|
||||||
|
</div>
|
||||||
|
<ul className="two-column">
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Hamburger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">French fries</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Chicken pizza</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Onion rings</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Vegetable roll</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Chicken nuggets</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Sea fish</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Tacos Pizza</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Fried chicken</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Hot Dogs</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-5">
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div className="col-xl-6 col-lg-5 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="footer-widget footer-contact"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>contact us</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
1403 Washington Ave, New Orlea ns, LA 70130, United
|
||||||
|
States
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="mailto:wellfood@gmail.com">
|
||||||
|
<u>wellfood@gmail.com</u>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="callto:+(1)0987654321">+(1) 098 765 4321</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-6 col-lg-5 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="footer-widget opening-hour"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>opening hour</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Monday – Friday: <span>8am – 4pm</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Saturday: <span>8am – 12am</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="any-question mt-20">
|
||||||
|
<h5>Have any questions?</h5>
|
||||||
|
<a href="#" className="theme-btn style-two">
|
||||||
|
let’s talk us <i className="far fa-arrow-alt-right" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="footer-bottom pt-30 pb-15">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-lg-5">
|
||||||
|
<div className="copyright-text text-center text-lg-start">
|
||||||
|
<p>
|
||||||
|
Copyright 2024 <Link href="/">Wellfood</Link>. All Rights
|
||||||
|
Reserved{" "}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-7 text-center text-lg-end">
|
||||||
|
<ul className="footer-bottom-nav">
|
||||||
|
<li>
|
||||||
|
<a href="#">Privacy Policy</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Terms & Condition</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* Scroll Top Button */}
|
||||||
|
<button className="scroll-top scroll-to-target" data-target="html">
|
||||||
|
<i className="fas fa-arrow-alt-up" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
const Footer3 = () => {
|
||||||
|
return (
|
||||||
|
<footer
|
||||||
|
className="main-footer footer-two bgc-black pt-120 rpt-90 rel z-1"
|
||||||
|
style={{ backgroundImage: "url(assets/images/background/footer-bg.png)" }}
|
||||||
|
>
|
||||||
|
<div className="widget-area pb-70">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-widget footer-text">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>Location</h5>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
1403 Washington Ave, New Orlea ns, LA 70130, United States
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-2 col-lg-3 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-widget footer-contact">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>contact us</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="mailto:wellfood@gmail.com">
|
||||||
|
<u>wellfood@gmail.com</u>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="callto:+(1)0987654321">+(1) 098 765 4321</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-widget opening-hour">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>opening hour</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Monday – Friday: <span>8am – 4pm</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Saturday: <span>8am – 12am</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="col-xl-3 col-lg-4 col-sm-6"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-widget footer-text">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>Follow Us</h5>
|
||||||
|
</div>
|
||||||
|
<div className="social-style-one mt-5">
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-facebook-f" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-twitter" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-linkedin-in" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="footer-bottom pt-30 pb-15">
|
||||||
|
<div className="container rel text-center">
|
||||||
|
<ul className="footer-bottom-nav">
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Hamburger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Pizza</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Vegetable roll</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Sea fish</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Fried chicken</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Burger</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Saladr</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
{/* Scroll Top Button */}
|
||||||
|
<button className="scroll-top scroll-to-target" data-target="html">
|
||||||
|
<i className="fas fa-arrow-alt-up" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<hr className="mt-25 mb-30" />
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-lg-5">
|
||||||
|
<div className="copyright-text text-center text-lg-start">
|
||||||
|
<p>
|
||||||
|
Copyright 2024 <Link href="/">Wellfood</Link>. All Rights
|
||||||
|
Reserved{" "}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-7 text-center text-lg-end">
|
||||||
|
<ul className="footer-bottom-nav">
|
||||||
|
<li>
|
||||||
|
<a href="#">Privacy Policy</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Terms & Condition</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const Footer5 = () => {
|
||||||
|
return (
|
||||||
|
<footer className="main-footer footer-two bgc-dark-green pt-120 rpt-90 rel z-1">
|
||||||
|
<div className="widget-area pb-70">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="footer-widget footer-text"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>Location</h5>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
1403 Washington Ave, New Orlea ns, LA 70130, United States
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-2 col-lg-3 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="footer-widget footer-contact"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={50}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>contact us</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="mailto:wellfood@gmail.com">
|
||||||
|
<u>wellfood@gmail.com</u>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="callto:+(1)0987654321">+(1) 098 765 4321</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="footer-widget opening-hour"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={100}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>opening hour</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Monday – Friday: <span>8am – 4pm</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Saturday: <span>8am – 12am</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div
|
||||||
|
className="footer-widget footer-text"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-delay={150}
|
||||||
|
data-aos-duration={1500}
|
||||||
|
data-aos-offset={50}
|
||||||
|
>
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>Follow Us</h5>
|
||||||
|
</div>
|
||||||
|
<div className="social-style-one mt-5">
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-facebook-f" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-twitter" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-linkedin-in" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="footer-bottom pt-30 pb-15">
|
||||||
|
<div className="container rel text-center">
|
||||||
|
<ul className="footer-bottom-nav">
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Hamburger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Pizza</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Vegetable roll</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Sea fish</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Fried chicken</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Burger</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Saladr</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
{/* Scroll Top Button */}
|
||||||
|
<button className="scroll-top scroll-to-target" data-target="html">
|
||||||
|
<i className="fas fa-arrow-alt-up" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<hr className="mt-25 mb-30" />
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-lg-5">
|
||||||
|
<div className="copyright-text text-center text-lg-start">
|
||||||
|
<p>
|
||||||
|
Copyright 2024 <Link href="/">Wellfood</Link>. All Rights
|
||||||
|
Reserved{" "}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-7 text-center text-lg-end">
|
||||||
|
<ul className="footer-bottom-nav">
|
||||||
|
<li>
|
||||||
|
<a href="#">Privacy Policy</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Terms & Condition</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const Footer6 = () => {
|
||||||
|
return (
|
||||||
|
<footer
|
||||||
|
className="main-footer footer-two bgc-black pt-120 rpt-90 rel z-1"
|
||||||
|
style={{ backgroundImage: "url(assets/images/background/footer-bg.png)" }}
|
||||||
|
>
|
||||||
|
<div className="widget-area pb-70">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row justify-content-between">
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div className="footer-widget footer-text">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>Location</h5>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
1403 Washington Ave, New Orlea ns, LA 70130, United States
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-2 col-lg-3 col-sm-6">
|
||||||
|
<div className="footer-widget footer-contact">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>contact us</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="mailto:wellfood@gmail.com">
|
||||||
|
<u>wellfood@gmail.com</u>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="callto:+(1)0987654321">+(1) 098 765 4321</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div className="footer-widget opening-hour">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>opening hour</h5>
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Monday – Friday: <span>8am – 4pm</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Saturday: <span>8am – 12am</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||||
|
<div className="footer-widget footer-text">
|
||||||
|
<div className="footer-title">
|
||||||
|
<h5>Follow Us</h5>
|
||||||
|
</div>
|
||||||
|
<div className="social-style-one mt-5">
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-facebook-f" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-twitter" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-linkedin-in" />
|
||||||
|
</Link>
|
||||||
|
<Link href="contact">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="footer-bottom pt-30 pb-15">
|
||||||
|
<div className="container rel text-center">
|
||||||
|
<ul className="footer-bottom-nav">
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Hamburger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Pizza</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Vegetable roll</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Sea fish</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Fried chicken</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Burger</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Saladr</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
{/* Scroll Top Button */}
|
||||||
|
<button className="scroll-top scroll-to-target" data-target="html">
|
||||||
|
<i className="fas fa-arrow-alt-up" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<hr className="mt-25 mb-30" />
|
||||||
|
<div className="container">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-lg-5">
|
||||||
|
<div className="copyright-text text-center text-lg-start">
|
||||||
|
<p>
|
||||||
|
Copyright 2024 <Link href="/">Wellfood</Link>. All Rights
|
||||||
|
Reserved{" "}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-7 text-center text-lg-end">
|
||||||
|
<ul className="footer-bottom-nav">
|
||||||
|
<li>
|
||||||
|
<a href="#">Privacy Policy</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">Terms & Condition</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
);
|
||||||
|
};
|
||||||
745
layout/Header.js
Normal file
745
layout/Header.js
Normal file
@ -0,0 +1,745 @@
|
|||||||
|
"use client";
|
||||||
|
import { wellfoodUtility } from "@/utility";
|
||||||
|
import useClickOutside from "@/utility/useClickOutside";
|
||||||
|
import Link from "next/link";
|
||||||
|
import { Fragment, useEffect, useState } from "react";
|
||||||
|
|
||||||
|
const Sidebar = () => {
|
||||||
|
return (
|
||||||
|
<Fragment>
|
||||||
|
{/*Form Back Drop*/}
|
||||||
|
<div
|
||||||
|
className="form-back-drop"
|
||||||
|
onClick={() =>
|
||||||
|
document
|
||||||
|
.querySelector("body")
|
||||||
|
.classList.remove("side-content-visible")
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
{/* Hidden Sidebar */}
|
||||||
|
<section className="hidden-bar">
|
||||||
|
<div className="inner-box text-center">
|
||||||
|
<div
|
||||||
|
className="cross-icon"
|
||||||
|
onClick={() =>
|
||||||
|
document
|
||||||
|
.querySelector("body")
|
||||||
|
.classList.remove("side-content-visible")
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<span className="fa fa-times" />
|
||||||
|
</div>
|
||||||
|
<div className="title">
|
||||||
|
<h4>Get Appointment</h4>
|
||||||
|
</div>
|
||||||
|
{/*Appointment Form*/}
|
||||||
|
<div className="appointment-form">
|
||||||
|
<form
|
||||||
|
onSubmit={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
document
|
||||||
|
.querySelector("body")
|
||||||
|
.classList.remove("side-content-visible");
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="text"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Name"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="form-group">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
name="email"
|
||||||
|
defaultValue=""
|
||||||
|
placeholder="Email Address"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="form-group">
|
||||||
|
<textarea placeholder="Message" rows={5} defaultValue={""} />
|
||||||
|
</div>
|
||||||
|
<div className="form-group">
|
||||||
|
<button type="submit" className="theme-btn style-two">
|
||||||
|
Submit now
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
{/*Social Icons*/}
|
||||||
|
<div className="social-style-one">
|
||||||
|
<Link href="https://www.facebook.com/shivasdosa/">
|
||||||
|
<i className="fab fa-facebook-f" />
|
||||||
|
</Link>
|
||||||
|
<Link href="#">
|
||||||
|
<i className="fab fa-twitter" />
|
||||||
|
</Link>
|
||||||
|
<Link href="#">
|
||||||
|
<i className="fab fa-linkedin-in" />
|
||||||
|
</Link>
|
||||||
|
<Link href="https://www.instagram.com/shivasdosa/">
|
||||||
|
<i className="fab fa-instagram" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/*End Hidden Sidebar */}
|
||||||
|
</Fragment>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const SearchBtn = () => {
|
||||||
|
const [toggleSearch, setToggleSearch] = useState(false);
|
||||||
|
|
||||||
|
let domNode = useClickOutside(() => {
|
||||||
|
setToggleSearch(false);
|
||||||
|
});
|
||||||
|
return (
|
||||||
|
<div className="nav-search py-10" ref={domNode}>
|
||||||
|
<button
|
||||||
|
className="far fa-search"
|
||||||
|
onClick={() => setToggleSearch(!toggleSearch)}
|
||||||
|
/>
|
||||||
|
<form
|
||||||
|
onSubmit={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
setToggleSearch(false);
|
||||||
|
}}
|
||||||
|
className={toggleSearch ? "" : "hide"}
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="Search"
|
||||||
|
className="searchbox"
|
||||||
|
required=""
|
||||||
|
/>
|
||||||
|
<button type="submit" className="searchbutton far fa-search" />
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const MobileMenu = () => {
|
||||||
|
const [toggle, setToggle] = useState(false);
|
||||||
|
const [activeMenu, setActiveMenu] = useState("");
|
||||||
|
const activeMenuSet = (value) =>
|
||||||
|
setActiveMenu(activeMenu === value ? "" : value),
|
||||||
|
activeLi = (value) =>
|
||||||
|
value === activeMenu ? { display: "block" } : { display: "none" };
|
||||||
|
return (
|
||||||
|
<Fragment>
|
||||||
|
<header className="main-header white-menu menu-absolute d-block d-xl-none">
|
||||||
|
{/*Header-Upper*/}
|
||||||
|
<div className="header-upper">
|
||||||
|
<div className="container-fluid clearfix">
|
||||||
|
<div className="header-inner rel d-flex align-items-center justify-content-between">
|
||||||
|
<div className="logo-outer">
|
||||||
|
<div className="logo">
|
||||||
|
<Link href="/">
|
||||||
|
<img
|
||||||
|
src="assets/images/logos/logo.png"
|
||||||
|
alt="Logo"
|
||||||
|
title="Logo"
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="nav-outer ms-lg-5 ps-xxl-4 clearfix">
|
||||||
|
{/* Main Menu */}
|
||||||
|
<nav className="main-menu navbar-expand-lg">
|
||||||
|
<div className="navbar-header py-10">
|
||||||
|
<div className="mobile-logo">
|
||||||
|
<Link href="/">
|
||||||
|
<img
|
||||||
|
src="/assets/images/logo.webp"
|
||||||
|
alt="Logo"
|
||||||
|
title="Logo"
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
{/* Toggle Button */}
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="navbar-toggle"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
data-bs-target=".navbar-collapse"
|
||||||
|
onClick={() => setToggle(!toggle)}
|
||||||
|
>
|
||||||
|
<span className="icon-bar" />
|
||||||
|
<span className="icon-bar" />
|
||||||
|
<span className="icon-bar" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className={`navbar-collapse collapse clearfix ${toggle ? "show" : ""
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
<ul className="navigation clearfix ">
|
||||||
|
{/* <li className="dropdown">
|
||||||
|
<a href="#">Home</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="/">Home Restauran</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index2">Home Pizza</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index3">Home Burger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index4">Home Chiken</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index5">Juice & Drinks</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index6">Home Grill</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li> */}
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<Link href="/">Home</Link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<Link href="/about">About Us</Link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<Link href="/menu">Food Menu</Link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<Link href="/blog">Blog</Link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
{/* <li className="dropdown">
|
||||||
|
<a href="#">Menu</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-restaurant">Menu Restaurant</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-pizza">Menu Pizza</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-grill">Menu Gril</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-burger">Menu Burger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-sea-food">Menu Sea Food</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-chicken">Menu Chicken</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li> */}
|
||||||
|
{/* <li className="dropdown">
|
||||||
|
<a href="#">pages</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="about">About Us</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="history">Our History</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="faq">faqs</Link>
|
||||||
|
</li>
|
||||||
|
<li className="dropdown">
|
||||||
|
<a href="#">chefs</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="chefs">Our chefs</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="chef-details">chef Details</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="gallery">Gallery</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li> */}
|
||||||
|
{/* <li className="dropdown">
|
||||||
|
<a href="#">blog</a>
|
||||||
|
<ul style={activeLi("blog")}>
|
||||||
|
<li>
|
||||||
|
<Link href="blog">blog standard</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="blog-details">blog details</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div
|
||||||
|
className="dropdown-btn"
|
||||||
|
onClick={() => activeMenuSet("blog")}
|
||||||
|
>
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li> */}
|
||||||
|
{/* <li className="dropdown">
|
||||||
|
<a href="#">shop</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="shop">Products</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Product Details</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="cart">Shopping Cart</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="checkout">Checkout Page</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li> */}
|
||||||
|
<li>
|
||||||
|
<Link href="/contact">Contact</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
{/* <ul className="navigation clearfix">
|
||||||
|
<li className="dropdown" style={activeLi("home")}>
|
||||||
|
<a href="#">Home</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="/">Home Restauran</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index2">Home Pizza</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index3">Home Burger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index4">Home Chiken</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index5">Juice & Drinks</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index6">Home Grill</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div
|
||||||
|
className="dropdown-btn"
|
||||||
|
onClick={() => activeMenuSet("home")}
|
||||||
|
>
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li className="dropdown">
|
||||||
|
<a href="#">Menu</a>
|
||||||
|
<ul style={activeLi("Menu")}>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-restaurant">Menu Restaurant</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-pizza">Menu Pizza</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-grill">Menu Gril</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-burger">Menu Burger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-sea-food">Menu Sea Food</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-chicken">Menu Chicken</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div
|
||||||
|
className="dropdown-btn"
|
||||||
|
onClick={() => activeMenuSet("Menu")}
|
||||||
|
>
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li className="dropdown">
|
||||||
|
<a href="#">pages</a>
|
||||||
|
<ul style={activeLi("pages")}>
|
||||||
|
<li>
|
||||||
|
<Link href="about">About Us</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="history">Our History</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="faq">faqs</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="chefs">Our chefs</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="chef-details">chef Details</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="gallery">Gallery</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div
|
||||||
|
className="dropdown-btn"
|
||||||
|
onClick={() => activeMenuSet("pages")}
|
||||||
|
>
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li className="dropdown">
|
||||||
|
<a href="#">blog</a>
|
||||||
|
<ul style={activeLi("blog")}>
|
||||||
|
<li>
|
||||||
|
<Link href="blog">blog standard</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="blog-details">blog details</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div
|
||||||
|
className="dropdown-btn"
|
||||||
|
onClick={() => activeMenuSet("blog")}
|
||||||
|
>
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li className="dropdown">
|
||||||
|
<a href="#">shop</a>
|
||||||
|
<ul style={activeLi("shop")}>
|
||||||
|
<li>
|
||||||
|
<Link href="shop">Products</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Product Details</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Product Details</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="cart">Shopping Cart</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="checkout">Checkout Page</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div
|
||||||
|
className="dropdown-btn"
|
||||||
|
onClick={() => activeMenuSet("shop")}
|
||||||
|
>
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="contact">Contact</Link>
|
||||||
|
</li>
|
||||||
|
</ul> */}
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
{/* Main Menu End*/}
|
||||||
|
</div>
|
||||||
|
{/* <div className="header-number">
|
||||||
|
<i className="far fa-phone" />
|
||||||
|
Call : <a href="callto:+88012345688">+880 123 456 88</a>
|
||||||
|
</div>
|
||||||
|
<SearchBtn />
|
||||||
|
<div className="menu-btns">
|
||||||
|
<button>
|
||||||
|
<i className="far fa-shopping-cart" /> <span>2</span>
|
||||||
|
</button>
|
||||||
|
<Link href="contact" className="theme-btn">
|
||||||
|
Book now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
<div className="menu-sidebar">
|
||||||
|
<button
|
||||||
|
className="bg-transparent"
|
||||||
|
onClick={() =>
|
||||||
|
document
|
||||||
|
.querySelector("body")
|
||||||
|
.classList.add("side-content-visible")
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-lines">
|
||||||
|
<span />
|
||||||
|
<span />
|
||||||
|
<span />
|
||||||
|
<span />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/*End Header Upper*/}
|
||||||
|
</header>
|
||||||
|
</Fragment>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const Header = () => {
|
||||||
|
useEffect(() => {
|
||||||
|
wellfoodUtility.fixedHeader();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Fragment>
|
||||||
|
<header className="main-header white-menu menu-absolute d-none d-xl-block">
|
||||||
|
{/*Header-Upper*/}
|
||||||
|
<div className="header-upper">
|
||||||
|
<div className="container clearfix">
|
||||||
|
<div className="header-inner rel d-flex align-items-center justify-content-between">
|
||||||
|
<div className="logo-outer">
|
||||||
|
<div className="logo">
|
||||||
|
<Link href="/">
|
||||||
|
<img
|
||||||
|
src="/assets/images/logo.webp"
|
||||||
|
alt="Logo"
|
||||||
|
title="Logo"
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="nav-outer ms-lg-5 ps-xxl-4 clearfix">
|
||||||
|
{/* Main Menu */}
|
||||||
|
<nav className="main-menu navbar-expand-lg">
|
||||||
|
<div className="navbar-header py-10">
|
||||||
|
<div className="mobile-logo">
|
||||||
|
<Link href="/">
|
||||||
|
<img
|
||||||
|
src="assets/images/logos/logo.png"
|
||||||
|
alt="Logo"
|
||||||
|
title="Logo"
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
{/* Toggle Button */}
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="navbar-toggle"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
data-bs-target=".navbar-collapse"
|
||||||
|
>
|
||||||
|
<span className="icon-bar" />
|
||||||
|
<span className="icon-bar" />
|
||||||
|
<span className="icon-bar" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div className="navbar-collapse collapse clearfix">
|
||||||
|
<ul className="navigation clearfix ">
|
||||||
|
{/* <li className="dropdown">
|
||||||
|
<a href="#">Home</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="/">Home Restauran</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index2">Home Pizza</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index3">Home Burger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index4">Home Chiken</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index5">Juice & Drinks</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="index6">Home Grill</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li> */}
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<Link href="/">Home</Link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<Link href="/about">About Us</Link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<Link href="/menu">Food Menu</Link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<Link href="/blog">Blog</Link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
{/* <li className="dropdown">
|
||||||
|
<a href="#">Menu</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-restaurant">Menu Restaurant</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-pizza">Menu Pizza</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-grill">Menu Gril</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-burger">Menu Burger</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-sea-food">Menu Sea Food</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="menu-chicken">Menu Chicken</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li> */}
|
||||||
|
{/* <li className="dropdown">
|
||||||
|
<a href="#">pages</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="about">About Us</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="history">Our History</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="faq">faqs</Link>
|
||||||
|
</li>
|
||||||
|
<li className="dropdown">
|
||||||
|
<a href="#">chefs</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="chefs">Our chefs</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="chef-details">chef Details</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="gallery">Gallery</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li> */}
|
||||||
|
{/* <li className="dropdown">
|
||||||
|
<a href="#">blog</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="blog">blog standard</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="blog-details">blog details</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li> */}
|
||||||
|
{/* <li className="dropdown">
|
||||||
|
<a href="#">shop</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<Link href="shop">Products</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="product-details">Product Details</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="cart">Shopping Cart</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link href="checkout">Checkout Page</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="dropdown-btn">
|
||||||
|
<span className="far fa-angle-down" />
|
||||||
|
</div>
|
||||||
|
</li> */}
|
||||||
|
<li>
|
||||||
|
<Link href="/contact">Contact</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div className="menu-btns" style={{ paddingLeft: "30px" }}>
|
||||||
|
<Link href="/contact" className="theme-btn">
|
||||||
|
Book now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
{/* Main Menu End*/}
|
||||||
|
</div>
|
||||||
|
{/* <div className="header-number">
|
||||||
|
<i className="far fa-phone" />
|
||||||
|
Call : <a href="callto:+88012345688">+880 123 456 88</a>
|
||||||
|
</div> */}
|
||||||
|
{/* Nav Search */}
|
||||||
|
{/* <SearchBtn /> */}
|
||||||
|
{/* Menu Button */}
|
||||||
|
{/* <div className="menu-btns">
|
||||||
|
<button>
|
||||||
|
<i className="far fa-shopping-cart" /> <span>2</span>
|
||||||
|
</button>
|
||||||
|
<Link href="contact" className="theme-btn">
|
||||||
|
Book now <i className="far fa-arrow-alt-right" />
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<div className="menu-sidebar">
|
||||||
|
<button
|
||||||
|
className="bg-transparent"
|
||||||
|
onClick={() =>
|
||||||
|
document
|
||||||
|
.querySelector("body")
|
||||||
|
.classList.add("side-content-visible")
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-lines">
|
||||||
|
<span />
|
||||||
|
<span />
|
||||||
|
<span />
|
||||||
|
<span />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/*End Header Upper*/}
|
||||||
|
</header>
|
||||||
|
<MobileMenu />
|
||||||
|
{/* <Sidebar /> */}
|
||||||
|
</Fragment>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Header;
|
||||||
32
layout/WellFoodLayout.js
Normal file
32
layout/WellFoodLayout.js
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
"use client";
|
||||||
|
import { wellfoodUtility } from "@/utility";
|
||||||
|
import { useEffect } from "react";
|
||||||
|
import niceSelect from "react-nice-select";
|
||||||
|
import Footer from "./Footer";
|
||||||
|
import Header from "./Header";
|
||||||
|
|
||||||
|
const WellFoodLayout = ({ children, bgBlack, footer }) => {
|
||||||
|
useEffect(() => {
|
||||||
|
niceSelect();
|
||||||
|
wellfoodUtility.animation();
|
||||||
|
console.log(bgBlack);
|
||||||
|
if (bgBlack) {
|
||||||
|
document.querySelector(".page-wrapper").classList.add("bg-black");
|
||||||
|
} else {
|
||||||
|
if (
|
||||||
|
document.querySelector(".page-wrapper").classList.contains("bg-black")
|
||||||
|
) {
|
||||||
|
document.querySelector(".page-wrapper").classList.remove("bg-black");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="page-wrapper">
|
||||||
|
<Header />
|
||||||
|
{children}
|
||||||
|
<Footer footer={footer} />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default WellFoodLayout;
|
||||||
22
next.config.js
Normal file
22
next.config.js
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
/** @type {import('next').NextConfig} */
|
||||||
|
const nextConfig = {
|
||||||
|
output: "export",
|
||||||
|
reactStrictMode: false,
|
||||||
|
trailingSlash: true, // if needed for static export
|
||||||
|
|
||||||
|
async headers() {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
source: '/(.*)', // apply this to all routes
|
||||||
|
headers: [
|
||||||
|
{
|
||||||
|
key: 'Cache-Control',
|
||||||
|
value: 'no-store, no-cache, must-revalidate, proxy-revalidate',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
module.exports = nextConfig;
|
||||||
955
package-lock.json
generated
Normal file
955
package-lock.json
generated
Normal file
@ -0,0 +1,955 @@
|
|||||||
|
{
|
||||||
|
"name": "shivas-dosa-restarunt",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"lockfileVersion": 3,
|
||||||
|
"requires": true,
|
||||||
|
"packages": {
|
||||||
|
"": {
|
||||||
|
"name": "shivas-dosa-restarunt",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"dependencies": {
|
||||||
|
"aos": "^2.3.4",
|
||||||
|
"isotope-layout": "^3.0.6",
|
||||||
|
"next": "14.2.4",
|
||||||
|
"react": "^18",
|
||||||
|
"react-bootstrap": "^1.6.1",
|
||||||
|
"react-circular-progressbar": "^2.1.0",
|
||||||
|
"react-countup": "^6.5.3",
|
||||||
|
"react-dom": "^18",
|
||||||
|
"react-nice-select": "^1.0.6",
|
||||||
|
"react-player": "^2.16.0",
|
||||||
|
"react-slick": "^0.30.2",
|
||||||
|
"react-visibility-sensor": "^5.1.1",
|
||||||
|
"sitemap": "^8.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@babel/runtime": {
|
||||||
|
"version": "7.27.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.1.tgz",
|
||||||
|
"integrity": "sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=6.9.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@next/env": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-3EtkY5VDkuV2+lNmKlbkibIJxcO4oIHEhBWne6PaAp+76J9KoSsGvNikp6ivzAT8dhhBMYrm6op2pS1ApG0Hzg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@next/swc-darwin-arm64": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-AH3mO4JlFUqsYcwFUHb1wAKlebHU/Hv2u2kb1pAuRanDZ7pD/A/KPD98RHZmwsJpdHQwfEc/06mgpSzwrJYnNg==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"darwin"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@next/swc-darwin-x64": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-QVadW73sWIO6E2VroyUjuAxhWLZWEpiFqHdZdoQ/AMpN9YWGuHV8t2rChr0ahy+irKX5mlDU7OY68k3n4tAZTg==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"darwin"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@next/swc-linux-arm64-gnu": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-KT6GUrb3oyCfcfJ+WliXuJnD6pCpZiosx2X3k66HLR+DMoilRb76LpWPGb4tZprawTtcnyrv75ElD6VncVamUQ==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@next/swc-linux-arm64-musl": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-Alv8/XGSs/ytwQcbCHwze1HmiIkIVhDHYLjczSVrf0Wi2MvKn/blt7+S6FJitj3yTlMwMxII1gIJ9WepI4aZ/A==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@next/swc-linux-x64-gnu": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-ze0ShQDBPCqxLImzw4sCdfnB3lRmN3qGMB2GWDRlq5Wqy4G36pxtNOo2usu/Nm9+V2Rh/QQnrRc2l94kYFXO6Q==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@next/swc-linux-x64-musl": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-8dwC0UJoc6fC7PX70csdaznVMNr16hQrTDAMPvLPloazlcaWfdPogq+UpZX6Drqb1OBlwowz8iG7WR0Tzk/diQ==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"linux"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@next/swc-win32-arm64-msvc": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-jxyg67NbEWkDyvM+O8UDbPAyYRZqGLQDTPwvrBBeOSyVWW/jFQkQKQ70JDqDSYg1ZDdl+E3nkbFbq8xM8E9x8A==",
|
||||||
|
"cpu": [
|
||||||
|
"arm64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"win32"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@next/swc-win32-ia32-msvc": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-twrmN753hjXRdcrZmZttb/m5xaCBFa48Dt3FbeEItpJArxriYDunWxJn+QFXdJ3hPkm4u7CKxncVvnmgQMY1ag==",
|
||||||
|
"cpu": [
|
||||||
|
"ia32"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"win32"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@next/swc-win32-x64-msvc": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-tkLrjBzqFTP8DVrAAQmZelEahfR9OxWpFR++vAI9FBhCiIxtwHwBHC23SBHCTURBtwB4kc/x44imVOnkKGNVGg==",
|
||||||
|
"cpu": [
|
||||||
|
"x64"
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"win32"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 10"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@popperjs/core": {
|
||||||
|
"version": "2.11.8",
|
||||||
|
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
|
||||||
|
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/popperjs"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@restart/context": {
|
||||||
|
"version": "2.1.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@restart/context/-/context-2.1.4.tgz",
|
||||||
|
"integrity": "sha512-INJYZQJP7g+IoDUh/475NlGiTeMfwTXUEr3tmRneckHIxNolGOW9CTq83S8cxq0CgJwwcMzMJFchxvlwe7Rk8Q==",
|
||||||
|
"license": "MIT",
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.3.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@restart/hooks": {
|
||||||
|
"version": "0.4.16",
|
||||||
|
"resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.16.tgz",
|
||||||
|
"integrity": "sha512-f7aCv7c+nU/3mF7NWLtVVr0Ra80RqsO89hO72r+Y/nvQr5+q0UFGkocElTH6MJApvReVh6JHUFYn2cw1WdHF3w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"dequal": "^2.0.3"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.8.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@swc/counter": {
|
||||||
|
"version": "0.1.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
|
||||||
|
"integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
|
||||||
|
"license": "Apache-2.0"
|
||||||
|
},
|
||||||
|
"node_modules/@swc/helpers": {
|
||||||
|
"version": "0.5.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
|
||||||
|
"integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
|
||||||
|
"license": "Apache-2.0",
|
||||||
|
"dependencies": {
|
||||||
|
"@swc/counter": "^0.1.3",
|
||||||
|
"tslib": "^2.4.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@types/invariant": {
|
||||||
|
"version": "2.2.37",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/invariant/-/invariant-2.2.37.tgz",
|
||||||
|
"integrity": "sha512-IwpIMieE55oGWiXkQPSBY1nw1nFs6bsKXTFskNY8sdS17K24vyEBRQZEwlRS7ZmXCWnJcQtbxWzly+cODWGs2A==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@types/node": {
|
||||||
|
"version": "17.0.45",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.45.tgz",
|
||||||
|
"integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@types/prop-types": {
|
||||||
|
"version": "15.7.14",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz",
|
||||||
|
"integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@types/react": {
|
||||||
|
"version": "19.1.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.5.tgz",
|
||||||
|
"integrity": "sha512-piErsCVVbpMMT2r7wbawdZsq4xMvIAhQuac2gedQHysu1TZYEigE6pnFfgZT+/jQnrRuF5r+SHzuehFjfRjr4g==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"csstype": "^3.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@types/react-transition-group": {
|
||||||
|
"version": "4.4.12",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz",
|
||||||
|
"integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"peerDependencies": {
|
||||||
|
"@types/react": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@types/sax": {
|
||||||
|
"version": "1.2.7",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/sax/-/sax-1.2.7.tgz",
|
||||||
|
"integrity": "sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/node": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@types/warning": {
|
||||||
|
"version": "3.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.3.tgz",
|
||||||
|
"integrity": "sha512-D1XC7WK8K+zZEveUPY+cf4+kgauk8N4eHr/XIHXGlGYkHLud6hK9lYfZk1ry1TNh798cZUCgb6MqGEG8DkJt6Q==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/aos": {
|
||||||
|
"version": "2.3.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/aos/-/aos-2.3.4.tgz",
|
||||||
|
"integrity": "sha512-zh/ahtR2yME4I51z8IttIt4lC1Nw0ktsFtmeDzID1m9naJnWXhCoARaCgNOGXb5CLy3zm+wqmRAEgMYB5E2HUw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"classlist-polyfill": "^1.0.3",
|
||||||
|
"lodash.debounce": "^4.0.6",
|
||||||
|
"lodash.throttle": "^4.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/arg": {
|
||||||
|
"version": "5.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
|
||||||
|
"integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/busboy": {
|
||||||
|
"version": "1.6.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
|
||||||
|
"integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
|
||||||
|
"dependencies": {
|
||||||
|
"streamsearch": "^1.1.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=10.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/caniuse-lite": {
|
||||||
|
"version": "1.0.30001718",
|
||||||
|
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001718.tgz",
|
||||||
|
"integrity": "sha512-AflseV1ahcSunK53NfEs9gFWgOEmzr0f+kaMFA4xiLZlr9Hzt7HxcSpIFcnNCUkz6R6dWKa54rUz3HUmI3nVcw==",
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/browserslist"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "tidelift",
|
||||||
|
"url": "https://tidelift.com/funding/github/npm/caniuse-lite"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://github.com/sponsors/ai"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "CC-BY-4.0"
|
||||||
|
},
|
||||||
|
"node_modules/classlist-polyfill": {
|
||||||
|
"version": "1.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/classlist-polyfill/-/classlist-polyfill-1.2.0.tgz",
|
||||||
|
"integrity": "sha512-GzIjNdcEtH4ieA2S8NmrSxv7DfEV5fmixQeyTmqmRmRJPGpRBaSnA2a0VrCjyT8iW8JjEdMbKzDotAJf+ajgaQ==",
|
||||||
|
"license": "Unlicense"
|
||||||
|
},
|
||||||
|
"node_modules/classnames": {
|
||||||
|
"version": "2.5.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
|
||||||
|
"integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/client-only": {
|
||||||
|
"version": "0.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
|
||||||
|
"integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/countup.js": {
|
||||||
|
"version": "2.8.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/countup.js/-/countup.js-2.8.2.tgz",
|
||||||
|
"integrity": "sha512-UtRoPH6udaru/MOhhZhI/GZHJKAyAxuKItD2Tr7AbrqrOPBX/uejWBBJt8q86169AMqKkE9h9/24kFWbUk/Bag==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/csstype": {
|
||||||
|
"version": "3.1.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
|
||||||
|
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/deepmerge": {
|
||||||
|
"version": "4.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
|
||||||
|
"integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.10.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/dequal": {
|
||||||
|
"version": "2.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
|
||||||
|
"integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=6"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/desandro-matches-selector": {
|
||||||
|
"version": "2.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/desandro-matches-selector/-/desandro-matches-selector-2.0.2.tgz",
|
||||||
|
"integrity": "sha512-+1q0nXhdzg1IpIJdMKalUwvvskeKnYyEe3shPRwedNcWtnhEKT3ZxvFjzywHDeGcKViIxTCAoOYQWP1qD7VNyg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/dom-helpers": {
|
||||||
|
"version": "5.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
|
||||||
|
"integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.8.7",
|
||||||
|
"csstype": "^3.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/enquire.js": {
|
||||||
|
"version": "2.1.6",
|
||||||
|
"resolved": "https://registry.npmjs.org/enquire.js/-/enquire.js-2.1.6.tgz",
|
||||||
|
"integrity": "sha512-/KujNpO+PT63F7Hlpu4h3pE3TokKRHN26JYmQpPyjkRD/N57R7bPDNojMXdi7uveAKjYB7yQnartCxZnFWr0Xw==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/ev-emitter": {
|
||||||
|
"version": "1.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/ev-emitter/-/ev-emitter-1.1.1.tgz",
|
||||||
|
"integrity": "sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/fizzy-ui-utils": {
|
||||||
|
"version": "2.0.7",
|
||||||
|
"resolved": "https://registry.npmjs.org/fizzy-ui-utils/-/fizzy-ui-utils-2.0.7.tgz",
|
||||||
|
"integrity": "sha512-CZXDVXQ1If3/r8s0T+v+qVeMshhfcuq0rqIFgJnrtd+Bu8GmDmqMjntjUePypVtjHXKJ6V4sw9zeyox34n9aCg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"desandro-matches-selector": "^2.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/get-size": {
|
||||||
|
"version": "2.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/get-size/-/get-size-2.0.3.tgz",
|
||||||
|
"integrity": "sha512-lXNzT/h/dTjTxRbm9BXb+SGxxzkm97h/PCIKtlN/CBCxxmkkIVV21udumMS93MuVTDX583gqc94v3RjuHmI+2Q==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/graceful-fs": {
|
||||||
|
"version": "4.2.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
|
||||||
|
"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
|
||||||
|
"license": "ISC"
|
||||||
|
},
|
||||||
|
"node_modules/invariant": {
|
||||||
|
"version": "2.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
|
||||||
|
"integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"loose-envify": "^1.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/isotope-layout": {
|
||||||
|
"version": "3.0.6",
|
||||||
|
"resolved": "https://registry.npmjs.org/isotope-layout/-/isotope-layout-3.0.6.tgz",
|
||||||
|
"integrity": "sha512-z2ZKablhocXhoNyWwzJPFd7u7FWbYbVJA51Nvsqsod8jH2ExGc1SwDsSWKE54e3PhXzqf2yZPhFSq/c2MR1arw==",
|
||||||
|
"license": "GPL-3.0",
|
||||||
|
"dependencies": {
|
||||||
|
"desandro-matches-selector": "^2.0.0",
|
||||||
|
"fizzy-ui-utils": "^2.0.4",
|
||||||
|
"get-size": "^2.0.0",
|
||||||
|
"masonry-layout": "^4.1.0",
|
||||||
|
"outlayer": "^2.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/js-tokens": {
|
||||||
|
"version": "4.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||||
|
"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/json2mq": {
|
||||||
|
"version": "0.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
|
||||||
|
"integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"string-convert": "^0.2.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/load-script": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/load-script/-/load-script-1.0.0.tgz",
|
||||||
|
"integrity": "sha512-kPEjMFtZvwL9TaZo0uZ2ml+Ye9HUMmPwbYRJ324qF9tqMejwykJ5ggTyvzmrbBeapCAbk98BSbTeovHEEP1uCA==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/lodash.debounce": {
|
||||||
|
"version": "4.0.8",
|
||||||
|
"resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
|
||||||
|
"integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/lodash.throttle": {
|
||||||
|
"version": "4.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
|
||||||
|
"integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/loose-envify": {
|
||||||
|
"version": "1.4.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
|
||||||
|
"integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"js-tokens": "^3.0.0 || ^4.0.0"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"loose-envify": "cli.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/masonry-layout": {
|
||||||
|
"version": "4.2.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/masonry-layout/-/masonry-layout-4.2.2.tgz",
|
||||||
|
"integrity": "sha512-iGtAlrpHNyxaR19CvKC3npnEcAwszXoyJiI8ARV2ePi7fmYhIud25MHK8Zx4P0LCC4d3TNO9+rFa1KoK1OEOaA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"get-size": "^2.0.2",
|
||||||
|
"outlayer": "^2.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/memoize-one": {
|
||||||
|
"version": "5.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
|
||||||
|
"integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/nanoid": {
|
||||||
|
"version": "3.3.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
|
||||||
|
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://github.com/sponsors/ai"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"bin": {
|
||||||
|
"nanoid": "bin/nanoid.cjs"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/next": {
|
||||||
|
"version": "14.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/next/-/next-14.2.4.tgz",
|
||||||
|
"integrity": "sha512-R8/V7vugY+822rsQGQCjoLhMuC9oFj9SOi4Cl4b2wjDrseD0LRZ10W7R6Czo4w9ZznVSshKjuIomsRjvm9EKJQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@next/env": "14.2.4",
|
||||||
|
"@swc/helpers": "0.5.5",
|
||||||
|
"busboy": "1.6.0",
|
||||||
|
"caniuse-lite": "^1.0.30001579",
|
||||||
|
"graceful-fs": "^4.2.11",
|
||||||
|
"postcss": "8.4.31",
|
||||||
|
"styled-jsx": "5.1.1"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"next": "dist/bin/next"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=18.17.0"
|
||||||
|
},
|
||||||
|
"optionalDependencies": {
|
||||||
|
"@next/swc-darwin-arm64": "14.2.4",
|
||||||
|
"@next/swc-darwin-x64": "14.2.4",
|
||||||
|
"@next/swc-linux-arm64-gnu": "14.2.4",
|
||||||
|
"@next/swc-linux-arm64-musl": "14.2.4",
|
||||||
|
"@next/swc-linux-x64-gnu": "14.2.4",
|
||||||
|
"@next/swc-linux-x64-musl": "14.2.4",
|
||||||
|
"@next/swc-win32-arm64-msvc": "14.2.4",
|
||||||
|
"@next/swc-win32-ia32-msvc": "14.2.4",
|
||||||
|
"@next/swc-win32-x64-msvc": "14.2.4"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"@opentelemetry/api": "^1.1.0",
|
||||||
|
"@playwright/test": "^1.41.2",
|
||||||
|
"react": "^18.2.0",
|
||||||
|
"react-dom": "^18.2.0",
|
||||||
|
"sass": "^1.3.0"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"@opentelemetry/api": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"@playwright/test": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"sass": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/object-assign": {
|
||||||
|
"version": "4.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
|
||||||
|
"integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.10.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/outlayer": {
|
||||||
|
"version": "2.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/outlayer/-/outlayer-2.1.1.tgz",
|
||||||
|
"integrity": "sha512-+GplXsCQ3VrbGujAeHEzP9SXsBmJxzn/YdDSQZL0xqBmAWBmortu2Y9Gwdp9J0bgDQ8/YNIPMoBM13nTwZfAhw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"ev-emitter": "^1.0.0",
|
||||||
|
"fizzy-ui-utils": "^2.0.0",
|
||||||
|
"get-size": "^2.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/picocolors": {
|
||||||
|
"version": "1.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
|
||||||
|
"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
|
||||||
|
"license": "ISC"
|
||||||
|
},
|
||||||
|
"node_modules/postcss": {
|
||||||
|
"version": "8.4.31",
|
||||||
|
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
|
||||||
|
"integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/postcss/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "tidelift",
|
||||||
|
"url": "https://tidelift.com/funding/github/npm/postcss"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://github.com/sponsors/ai"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"nanoid": "^3.3.6",
|
||||||
|
"picocolors": "^1.0.0",
|
||||||
|
"source-map-js": "^1.0.2"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": "^10 || ^12 || >=14"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/prop-types": {
|
||||||
|
"version": "15.8.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
|
||||||
|
"integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"loose-envify": "^1.4.0",
|
||||||
|
"object-assign": "^4.1.1",
|
||||||
|
"react-is": "^16.13.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/prop-types-extra": {
|
||||||
|
"version": "1.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
|
||||||
|
"integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"react-is": "^16.3.2",
|
||||||
|
"warning": "^4.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=0.14.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react": {
|
||||||
|
"version": "18.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
|
||||||
|
"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"loose-envify": "^1.1.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.10.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-bootstrap": {
|
||||||
|
"version": "1.6.8",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-1.6.8.tgz",
|
||||||
|
"integrity": "sha512-yD6uN78XlFOkETQp6GRuVe0s5509x3XYx8PfPbirwFTYCj5/RfmSs9YZGCwkUrhZNFzj7tZPdpb+3k50mK1E4g==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.14.0",
|
||||||
|
"@restart/context": "^2.1.4",
|
||||||
|
"@restart/hooks": "^0.4.7",
|
||||||
|
"@types/invariant": "^2.2.33",
|
||||||
|
"@types/prop-types": "^15.7.3",
|
||||||
|
"@types/react": ">=16.14.8",
|
||||||
|
"@types/react-transition-group": "^4.4.1",
|
||||||
|
"@types/warning": "^3.0.0",
|
||||||
|
"classnames": "^2.3.1",
|
||||||
|
"dom-helpers": "^5.2.1",
|
||||||
|
"invariant": "^2.2.4",
|
||||||
|
"prop-types": "^15.7.2",
|
||||||
|
"prop-types-extra": "^1.1.0",
|
||||||
|
"react-overlays": "^5.1.2",
|
||||||
|
"react-transition-group": "^4.4.1",
|
||||||
|
"uncontrollable": "^7.2.1",
|
||||||
|
"warning": "^4.0.3"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.8.0",
|
||||||
|
"react-dom": ">=16.8.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-circular-progressbar": {
|
||||||
|
"version": "2.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-circular-progressbar/-/react-circular-progressbar-2.2.0.tgz",
|
||||||
|
"integrity": "sha512-cgyqEHOzB0nWMZjKfWN3MfSa1LV3OatcDjPz68lchXQUEiBD5O1WsAtoVK4/DSL0B4USR//cTdok4zCBkq8X5g==",
|
||||||
|
"license": "MIT",
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=0.14.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-countup": {
|
||||||
|
"version": "6.5.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-countup/-/react-countup-6.5.3.tgz",
|
||||||
|
"integrity": "sha512-udnqVQitxC7QWADSPDOxVWULkLvKUWrDapn5i53HE4DPRVgs+Y5rr4bo25qEl8jSh+0l2cToJgGMx+clxPM3+w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"countup.js": "^2.8.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">= 16.3.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-dom": {
|
||||||
|
"version": "18.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
|
||||||
|
"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"loose-envify": "^1.1.0",
|
||||||
|
"scheduler": "^0.23.2"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "^18.3.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-fast-compare": {
|
||||||
|
"version": "3.2.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
|
||||||
|
"integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/react-is": {
|
||||||
|
"version": "16.13.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
|
||||||
|
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/react-lifecycles-compat": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/react-nice-select": {
|
||||||
|
"version": "1.0.6",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-nice-select/-/react-nice-select-1.0.6.tgz",
|
||||||
|
"integrity": "sha512-DG/dQu3FSxTJJKbGTJAko7ehNOK8cKo0yf61BSyiTM5hFCP1I/Q5G2+xuTlDrhuUA+p9FjnsM2ebLz7VKQXvsQ==",
|
||||||
|
"license": "Artistic-2.0"
|
||||||
|
},
|
||||||
|
"node_modules/react-overlays": {
|
||||||
|
"version": "5.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-overlays/-/react-overlays-5.2.1.tgz",
|
||||||
|
"integrity": "sha512-GLLSOLWr21CqtJn8geSwQfoJufdt3mfdsnIiQswouuQ2MMPns+ihZklxvsTDKD3cR2tF8ELbi5xUsvqVhR6WvA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.13.8",
|
||||||
|
"@popperjs/core": "^2.11.6",
|
||||||
|
"@restart/hooks": "^0.4.7",
|
||||||
|
"@types/warning": "^3.0.0",
|
||||||
|
"dom-helpers": "^5.2.0",
|
||||||
|
"prop-types": "^15.7.2",
|
||||||
|
"uncontrollable": "^7.2.1",
|
||||||
|
"warning": "^4.0.3"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.3.0",
|
||||||
|
"react-dom": ">=16.3.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-player": {
|
||||||
|
"version": "2.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-player/-/react-player-2.16.0.tgz",
|
||||||
|
"integrity": "sha512-mAIPHfioD7yxO0GNYVFD1303QFtI3lyyQZLY229UEAp/a10cSW+hPcakg0Keq8uWJxT2OiT/4Gt+Lc9bD6bJmQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"deepmerge": "^4.0.0",
|
||||||
|
"load-script": "^1.0.0",
|
||||||
|
"memoize-one": "^5.1.1",
|
||||||
|
"prop-types": "^15.7.2",
|
||||||
|
"react-fast-compare": "^3.0.1"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.6.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-slick": {
|
||||||
|
"version": "0.30.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.30.3.tgz",
|
||||||
|
"integrity": "sha512-B4x0L9GhkEWUMApeHxr/Ezp2NncpGc+5174R02j+zFiWuYboaq98vmxwlpafZfMjZic1bjdIqqmwLDcQY0QaFA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"classnames": "^2.2.5",
|
||||||
|
"enquire.js": "^2.1.6",
|
||||||
|
"json2mq": "^0.2.0",
|
||||||
|
"lodash.debounce": "^4.0.8",
|
||||||
|
"resize-observer-polyfill": "^1.5.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
||||||
|
"react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-transition-group": {
|
||||||
|
"version": "4.4.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
|
||||||
|
"integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
|
||||||
|
"license": "BSD-3-Clause",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.5.5",
|
||||||
|
"dom-helpers": "^5.0.1",
|
||||||
|
"loose-envify": "^1.4.0",
|
||||||
|
"prop-types": "^15.6.2"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.6.0",
|
||||||
|
"react-dom": ">=16.6.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-visibility-sensor": {
|
||||||
|
"version": "5.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-visibility-sensor/-/react-visibility-sensor-5.1.1.tgz",
|
||||||
|
"integrity": "sha512-cTUHqIK+zDYpeK19rzW6zF9YfT4486TIgizZW53wEZ+/GPBbK7cNS0EHyJVyHYacwFEvvHLEKfgJndbemWhB/w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"prop-types": "^15.7.2"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.0.0",
|
||||||
|
"react-dom": ">=16.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/resize-observer-polyfill": {
|
||||||
|
"version": "1.5.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
|
||||||
|
"integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/sax": {
|
||||||
|
"version": "1.4.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz",
|
||||||
|
"integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
|
||||||
|
"license": "ISC"
|
||||||
|
},
|
||||||
|
"node_modules/scheduler": {
|
||||||
|
"version": "0.23.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
|
||||||
|
"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"loose-envify": "^1.1.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/sitemap": {
|
||||||
|
"version": "8.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/sitemap/-/sitemap-8.0.0.tgz",
|
||||||
|
"integrity": "sha512-+AbdxhM9kJsHtruUF39bwS/B0Fytw6Fr1o4ZAIAEqA6cke2xcoO2GleBw9Zw7nRzILVEgz7zBM5GiTJjie1G9A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/node": "^17.0.5",
|
||||||
|
"@types/sax": "^1.2.1",
|
||||||
|
"arg": "^5.0.0",
|
||||||
|
"sax": "^1.2.4"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"sitemap": "dist/cli.js"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=14.0.0",
|
||||||
|
"npm": ">=6.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/source-map-js": {
|
||||||
|
"version": "1.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
|
||||||
|
"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
|
||||||
|
"license": "BSD-3-Clause",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.10.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/streamsearch": {
|
||||||
|
"version": "1.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
|
||||||
|
"integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=10.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/string-convert": {
|
||||||
|
"version": "0.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
|
||||||
|
"integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/styled-jsx": {
|
||||||
|
"version": "5.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
|
||||||
|
"integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"client-only": "0.0.1"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 12.0.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"@babel/core": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"babel-plugin-macros": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/tslib": {
|
||||||
|
"version": "2.8.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
|
||||||
|
"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
|
||||||
|
"license": "0BSD"
|
||||||
|
},
|
||||||
|
"node_modules/uncontrollable": {
|
||||||
|
"version": "7.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
|
||||||
|
"integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.6.3",
|
||||||
|
"@types/react": ">=16.9.11",
|
||||||
|
"invariant": "^2.2.4",
|
||||||
|
"react-lifecycles-compat": "^3.0.4"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=15.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/warning": {
|
||||||
|
"version": "4.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
|
||||||
|
"integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"loose-envify": "^1.0.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
26
package.json
Normal file
26
package.json
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
{
|
||||||
|
"name": "shivas-dosa-restarunt",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"dev": "next dev",
|
||||||
|
"build": "next build",
|
||||||
|
"start": "next start",
|
||||||
|
"lint": "next lint"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"aos": "^2.3.4",
|
||||||
|
"isotope-layout": "^3.0.6",
|
||||||
|
"next": "14.2.4",
|
||||||
|
"react": "^18",
|
||||||
|
"react-bootstrap": "^1.6.1",
|
||||||
|
"react-circular-progressbar": "^2.1.0",
|
||||||
|
"react-countup": "^6.5.3",
|
||||||
|
"react-dom": "^18",
|
||||||
|
"react-nice-select": "^1.0.6",
|
||||||
|
"react-player": "^2.16.0",
|
||||||
|
"react-slick": "^0.30.2",
|
||||||
|
"react-visibility-sensor": "^5.1.1",
|
||||||
|
"sitemap": "^8.0.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
1
public/assets/css/aos.css
Normal file
1
public/assets/css/aos.css
Normal file
File diff suppressed because one or more lines are too long
7
public/assets/css/bootstrap.min.css
vendored
Normal file
7
public/assets/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
12
public/assets/css/flaticon.min.css
vendored
Normal file
12
public/assets/css/flaticon.min.css
vendored
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
/*!
|
||||||
|
* ______ _ _ _
|
||||||
|
* | ____| | | | (_)
|
||||||
|
* | |__ | | __ _| |_ _ ___ ___ _ __
|
||||||
|
* | __| | |/ _` | __| |/ __/ _ \| '_ \
|
||||||
|
* | | | | (_| | |_| | (_| (_) | | | |
|
||||||
|
* |_| |_|\__,_|\__|_|\___\___/|_| |_|
|
||||||
|
*
|
||||||
|
* https://www.flaticon.com
|
||||||
|
*/
|
||||||
|
|
||||||
|
@font-face{font-family:flaticon_wellfood;src:url("../fonts/flaticon_wellfood.woff2?b408068d07dc6882716d7cd15a2e1a88") format("woff2"),url("../fonts/flaticon_wellfood.woff?b408068d07dc6882716d7cd15a2e1a88") format("woff"),url("../fonts/flaticon_wellfood.eot?b408068d07dc6882716d7cd15a2e1a88#iefix") format("embedded-opentype"),url("../fonts/flaticon_wellfood.ttf?b408068d07dc6882716d7cd15a2e1a88") format("truetype"),url("../fonts/flaticon_wellfood.svg?b408068d07dc6882716d7cd15a2e1a88#flaticon_wellfood") format("svg")}i[class*=" flaticon-"]:before,i[class^=flaticon-]:before{font-family:flaticon_wellfood!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flaticon-star-1:before{content:"\f101"}.flaticon-star:before{content:"\f102"}.flaticon-quote:before{content:"\f103"}.flaticon-dish:before{content:"\f104"}.flaticon-fast-delivery:before{content:"\f105"}.flaticon-cashback:before{content:"\f106"}.flaticon-recommended-food:before{content:"\f107"}.flaticon-chef:before{content:"\f108"}.flaticon-high-quality:before{content:"\f109"}.flaticon-ship:before{content:"\f10a"}.flaticon-rate:before{content:"\f10b"}.flaticon-medal:before{content:"\f10c"}.flaticon-happiness:before{content:"\f10d"}.flaticon-poinsettia:before{content:"\f10e"}.flaticon-crab:before{content:"\f10f"}.flaticon-crawfish:before{content:"\f110"}.flaticon-fried-potatoes:before{content:"\f111"}.flaticon-cupcake:before{content:"\f112"}.flaticon-broccoli:before{content:"\f113"}
|
||||||
5
public/assets/css/fontawesome-5.14.0.min.css
vendored
Normal file
5
public/assets/css/fontawesome-5.14.0.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
public/assets/css/jquery-ui.min.css
vendored
Normal file
7
public/assets/css/jquery-ui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2
public/assets/css/magnific-popup.min.css
vendored
Normal file
2
public/assets/css/magnific-popup.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
public/assets/css/nice-select.min.css
vendored
Normal file
1
public/assets/css/nice-select.min.css
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:0;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5, 0, 0, 1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:0;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{background-color:#f6f6f6}.nice-select .option.selected{font-weight:700}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}
|
||||||
2
public/assets/css/slick.min.css
vendored
Normal file
2
public/assets/css/slick.min.css
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
/* Slick Slider */
|
||||||
|
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
|
||||||
12146
public/assets/css/style.css
Normal file
12146
public/assets/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
8443
public/assets/css/update.css
Normal file
8443
public/assets/css/update.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
public/assets/fonts/fa-brands-400.eot
Normal file
BIN
public/assets/fonts/fa-brands-400.eot
Normal file
Binary file not shown.
3637
public/assets/fonts/fa-brands-400.svg
Normal file
3637
public/assets/fonts/fa-brands-400.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 713 KiB |
BIN
public/assets/fonts/fa-brands-400.ttf
Normal file
BIN
public/assets/fonts/fa-brands-400.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-brands-400.woff
Normal file
BIN
public/assets/fonts/fa-brands-400.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-brands-400.woff2
Normal file
BIN
public/assets/fonts/fa-brands-400.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-duotone-900.eot
Normal file
BIN
public/assets/fonts/fa-duotone-900.eot
Normal file
Binary file not shown.
15299
public/assets/fonts/fa-duotone-900.svg
Normal file
15299
public/assets/fonts/fa-duotone-900.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 2.5 MiB |
BIN
public/assets/fonts/fa-duotone-900.ttf
Normal file
BIN
public/assets/fonts/fa-duotone-900.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-duotone-900.woff
Normal file
BIN
public/assets/fonts/fa-duotone-900.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-duotone-900.woff2
Normal file
BIN
public/assets/fonts/fa-duotone-900.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-light-300.eot
Normal file
BIN
public/assets/fonts/fa-light-300.eot
Normal file
Binary file not shown.
12397
public/assets/fonts/fa-light-300.svg
Normal file
12397
public/assets/fonts/fa-light-300.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 2.3 MiB |
BIN
public/assets/fonts/fa-light-300.ttf
Normal file
BIN
public/assets/fonts/fa-light-300.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-light-300.woff
Normal file
BIN
public/assets/fonts/fa-light-300.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-light-300.woff2
Normal file
BIN
public/assets/fonts/fa-light-300.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-regular-400.eot
Normal file
BIN
public/assets/fonts/fa-regular-400.eot
Normal file
Binary file not shown.
11299
public/assets/fonts/fa-regular-400.svg
Normal file
11299
public/assets/fonts/fa-regular-400.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 2.1 MiB |
BIN
public/assets/fonts/fa-regular-400.ttf
Normal file
BIN
public/assets/fonts/fa-regular-400.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-regular-400.woff
Normal file
BIN
public/assets/fonts/fa-regular-400.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-regular-400.woff2
Normal file
BIN
public/assets/fonts/fa-regular-400.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-solid-900.eot
Normal file
BIN
public/assets/fonts/fa-solid-900.eot
Normal file
Binary file not shown.
9634
public/assets/fonts/fa-solid-900.svg
Normal file
9634
public/assets/fonts/fa-solid-900.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 1.7 MiB |
BIN
public/assets/fonts/fa-solid-900.ttf
Normal file
BIN
public/assets/fonts/fa-solid-900.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-solid-900.woff
Normal file
BIN
public/assets/fonts/fa-solid-900.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/fa-solid-900.woff2
Normal file
BIN
public/assets/fonts/fa-solid-900.woff2
Normal file
Binary file not shown.
89
public/assets/fonts/flaticon_wellfood.css
Normal file
89
public/assets/fonts/flaticon_wellfood.css
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
/*!
|
||||||
|
* ______ _ _ _
|
||||||
|
* | ____| | | | (_)
|
||||||
|
* | |__ | | __ _| |_ _ ___ ___ _ __
|
||||||
|
* | __| | |/ _` | __| |/ __/ _ \| '_ \
|
||||||
|
* | | | | (_| | |_| | (_| (_) | | | |
|
||||||
|
* |_| |_|\__,_|\__|_|\___\___/|_| |_|
|
||||||
|
*
|
||||||
|
* https://www.flaticon.com
|
||||||
|
*/
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "flaticon_wellfood";
|
||||||
|
src: url("./flaticon_wellfood.woff2?b408068d07dc6882716d7cd15a2e1a88") format("woff2"),
|
||||||
|
url("./flaticon_wellfood.woff?b408068d07dc6882716d7cd15a2e1a88") format("woff"),
|
||||||
|
url("./flaticon_wellfood.eot?b408068d07dc6882716d7cd15a2e1a88#iefix") format("embedded-opentype"),
|
||||||
|
url("./flaticon_wellfood.ttf?b408068d07dc6882716d7cd15a2e1a88") format("truetype"),
|
||||||
|
url("./flaticon_wellfood.svg?b408068d07dc6882716d7cd15a2e1a88#flaticon_wellfood") format("svg")
|
||||||
|
}
|
||||||
|
|
||||||
|
i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
|
||||||
|
font-family: flaticon_wellfood !important;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal !important;
|
||||||
|
font-variant: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 1;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flaticon-star-1:before {
|
||||||
|
content: "\f101";
|
||||||
|
}
|
||||||
|
.flaticon-star:before {
|
||||||
|
content: "\f102";
|
||||||
|
}
|
||||||
|
.flaticon-quote:before {
|
||||||
|
content: "\f103";
|
||||||
|
}
|
||||||
|
.flaticon-dish:before {
|
||||||
|
content: "\f104";
|
||||||
|
}
|
||||||
|
.flaticon-fast-delivery:before {
|
||||||
|
content: "\f105";
|
||||||
|
}
|
||||||
|
.flaticon-cashback:before {
|
||||||
|
content: "\f106";
|
||||||
|
}
|
||||||
|
.flaticon-recommended-food:before {
|
||||||
|
content: "\f107";
|
||||||
|
}
|
||||||
|
.flaticon-chef:before {
|
||||||
|
content: "\f108";
|
||||||
|
}
|
||||||
|
.flaticon-high-quality:before {
|
||||||
|
content: "\f109";
|
||||||
|
}
|
||||||
|
.flaticon-ship:before {
|
||||||
|
content: "\f10a";
|
||||||
|
}
|
||||||
|
.flaticon-rate:before {
|
||||||
|
content: "\f10b";
|
||||||
|
}
|
||||||
|
.flaticon-medal:before {
|
||||||
|
content: "\f10c";
|
||||||
|
}
|
||||||
|
.flaticon-happiness:before {
|
||||||
|
content: "\f10d";
|
||||||
|
}
|
||||||
|
.flaticon-poinsettia:before {
|
||||||
|
content: "\f10e";
|
||||||
|
}
|
||||||
|
.flaticon-crab:before {
|
||||||
|
content: "\f10f";
|
||||||
|
}
|
||||||
|
.flaticon-crawfish:before {
|
||||||
|
content: "\f110";
|
||||||
|
}
|
||||||
|
.flaticon-fried-potatoes:before {
|
||||||
|
content: "\f111";
|
||||||
|
}
|
||||||
|
.flaticon-cupcake:before {
|
||||||
|
content: "\f112";
|
||||||
|
}
|
||||||
|
.flaticon-broccoli:before {
|
||||||
|
content: "\f113";
|
||||||
|
}
|
||||||
|
|
||||||
BIN
public/assets/fonts/flaticon_wellfood.eot
Normal file
BIN
public/assets/fonts/flaticon_wellfood.eot
Normal file
Binary file not shown.
665
public/assets/fonts/flaticon_wellfood.html
Normal file
665
public/assets/fonts/flaticon_wellfood.html
Normal file
@ -0,0 +1,665 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Flaticon Webfont</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="flaticon_wellfood.css"/>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<style>
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header, hgroup,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: #777777;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #52D999;
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
|
||||||
|
font-family: Flaticon;
|
||||||
|
font-size: 32px;
|
||||||
|
line-height: 1.25;
|
||||||
|
font-style: normal;
|
||||||
|
margin-left: 20px;
|
||||||
|
color: #424242;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
max-width: 600px;
|
||||||
|
margin: auto;
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin-bottom: 24px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .logo {
|
||||||
|
height: auto;
|
||||||
|
border: none;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
header strong {
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 1.25;
|
||||||
|
font-weight: 500;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo {
|
||||||
|
margin: 2em auto;
|
||||||
|
line-height: 1.25;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo ul li {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo ul li code {
|
||||||
|
background-color: #121212;
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: 12px;
|
||||||
|
display: inline-block;
|
||||||
|
color: #fff;
|
||||||
|
font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
||||||
|
font-weight: lighter;
|
||||||
|
margin-top: 12px;
|
||||||
|
font-size: 13px;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo ul li code .red {
|
||||||
|
color: #EB644C;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo ul li code .green {
|
||||||
|
color: #52D999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo ul li code .yellow {
|
||||||
|
color: #FFF4D9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo ul li code .blue {
|
||||||
|
color: #648EEF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo ul li code .purple {
|
||||||
|
color: #6569BD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo ul li code .dots {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#glyphs {
|
||||||
|
border-bottom: 1px solid #E5E5E5;
|
||||||
|
padding: 2em 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glyph {
|
||||||
|
display: inline-block;
|
||||||
|
width: 9em;
|
||||||
|
margin: 1em;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: top;
|
||||||
|
background: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glyph .flaticon {
|
||||||
|
padding: 10px;
|
||||||
|
display: block;
|
||||||
|
font-family: "Flaticon";
|
||||||
|
font-size: 64px;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glyph .flaticon:before {
|
||||||
|
font-size: 64px;
|
||||||
|
color: #777777;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.class-name {
|
||||||
|
font-size: 0.65em;
|
||||||
|
background-color: #E5E5E5;
|
||||||
|
color: #9C9C9C;
|
||||||
|
border-radius: 4px 4px 0 0;
|
||||||
|
padding: 0.5em;
|
||||||
|
font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-name {
|
||||||
|
font-size: 0.6em;
|
||||||
|
background-color: #EFF3F6;
|
||||||
|
border-top: 0;
|
||||||
|
border-radius: 0 0 4px 4px;
|
||||||
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-name a {
|
||||||
|
color: #121212;
|
||||||
|
}
|
||||||
|
|
||||||
|
.class-name:last-child {
|
||||||
|
font-size: 10px;
|
||||||
|
line-height: 1.75;
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.class-name:last-child a {
|
||||||
|
font-size: 10px;
|
||||||
|
line-height: 1.75;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glyph > input {
|
||||||
|
display: block;
|
||||||
|
width: 100px;
|
||||||
|
margin: 5px auto;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.75;
|
||||||
|
cursor: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glyph > input.icon-input {
|
||||||
|
font-family: "Flaticon";
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 1.6;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attribution .title {
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attribution textarea {
|
||||||
|
background-color: #F8FAFB;
|
||||||
|
color: #121212;
|
||||||
|
padding: 1em;
|
||||||
|
border: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border: 1px solid #E5E5E5;
|
||||||
|
border-radius: 4px;
|
||||||
|
resize: none;
|
||||||
|
width: 100%;
|
||||||
|
height: 150px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.6;
|
||||||
|
font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attribution textarea:hover {
|
||||||
|
border-color: #CFD9E0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attribution textarea:focus {
|
||||||
|
border-color: #52D999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconsuse {
|
||||||
|
margin: 2em auto;
|
||||||
|
text-align: center;
|
||||||
|
max-width: 1200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconsuse:after {
|
||||||
|
content: '';
|
||||||
|
display: table;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconsuse .image {
|
||||||
|
float: left;
|
||||||
|
width: 25%;
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconsuse .image p {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconsuse .image span {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.65em;
|
||||||
|
background-color: #222;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 10px;
|
||||||
|
color: #FFFF99;
|
||||||
|
margin-top: 1em;
|
||||||
|
font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flaticon:before {
|
||||||
|
color: #777777;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
text-align: center;
|
||||||
|
background-color: #121212;
|
||||||
|
color: #9C9C9C;
|
||||||
|
padding: 12px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer a {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 960px) {
|
||||||
|
.iconsuse .image {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview {
|
||||||
|
width: 100px;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview .inner {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
background: #F7F7F7;
|
||||||
|
-webkit-border-radius: 3px 3px 0 0;
|
||||||
|
-moz-border-radius: 3px 3px 0 0;
|
||||||
|
border-radius: 3px 3px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview .inner {
|
||||||
|
line-height: 85px;
|
||||||
|
font-size: 40px;
|
||||||
|
color: #424242;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 10px;
|
||||||
|
font-family: Monaco, monospace;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
background: #ddd;
|
||||||
|
-webkit-border-radius: 0 0 3px 3px;
|
||||||
|
-moz-border-radius: 0 0 3px 3px;
|
||||||
|
border-radius: 0 0 3px 3px;
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<a href="https://www.flaticon.com/" target="_blank" class="logo">
|
||||||
|
<img src="https://media.flaticon.com/dist/min/img/logos/flaticon-by-positive-hor.svg" alt="logo">
|
||||||
|
</a>
|
||||||
|
</header>
|
||||||
|
<section class="demo wrapper">
|
||||||
|
|
||||||
|
<p class="title">Webfont Instructions</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span class="num">1. </span>Copy the "Fonts" files and CSS files to your website CSS folder.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="num">2. </span>Add the CSS link to your website source code on header.
|
||||||
|
<code class="big">
|
||||||
|
<<span class="red">head</span>>
|
||||||
|
<br/><span class="dots">...</span>
|
||||||
|
<br/><<span class="red">link</span> <span class="green">rel</span>=<span
|
||||||
|
class="yellow">"stylesheet"</span> <span class="green">type</span>=<span
|
||||||
|
class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon_collection_name.css"</span>>
|
||||||
|
<br/><span class="dots">...</span>
|
||||||
|
<br/></<span class="red">head</span>>
|
||||||
|
</code>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<p>
|
||||||
|
<span class="num">3. </span>Use the icon class on <code>"<span class="blue">display</span>:<span
|
||||||
|
class="purple"> inline</span>"</code> elements:
|
||||||
|
<br/>
|
||||||
|
Use example: <code><<span class="red">i</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span
|
||||||
|
class="red">i</span>></code> or <code><<span class="red">span</span> <span
|
||||||
|
class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span
|
||||||
|
class="red">span</span>></code>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<section id="glyphs">
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-star-1"></i>
|
||||||
|
<div class="class-name">.flaticon-star-1</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-star-1# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-star"></i>
|
||||||
|
<div class="class-name">.flaticon-star</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-star# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-quote"></i>
|
||||||
|
<div class="class-name">.flaticon-quote</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-quote# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-dish"></i>
|
||||||
|
<div class="class-name">.flaticon-dish</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-dish# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-fast-delivery"></i>
|
||||||
|
<div class="class-name">.flaticon-fast-delivery</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-fast-delivery# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-cashback"></i>
|
||||||
|
<div class="class-name">.flaticon-cashback</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-cashback# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-recommended-food"></i>
|
||||||
|
<div class="class-name">.flaticon-recommended-food</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-recommended-food# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-chef"></i>
|
||||||
|
<div class="class-name">.flaticon-chef</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-chef# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-high-quality"></i>
|
||||||
|
<div class="class-name">.flaticon-high-quality</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-high-quality# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-ship"></i>
|
||||||
|
<div class="class-name">.flaticon-ship</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-ship# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-rate"></i>
|
||||||
|
<div class="class-name">.flaticon-rate</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-rate# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-medal"></i>
|
||||||
|
<div class="class-name">.flaticon-medal</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-medal# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-happiness"></i>
|
||||||
|
<div class="class-name">.flaticon-happiness</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-happiness# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-poinsettia"></i>
|
||||||
|
<div class="class-name">.flaticon-poinsettia</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-poinsettia# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-crab"></i>
|
||||||
|
<div class="class-name">.flaticon-crab</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-crab# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-crawfish"></i>
|
||||||
|
<div class="class-name">.flaticon-crawfish</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-crawfish# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-fried-potatoes"></i>
|
||||||
|
<div class="class-name">.flaticon-fried-potatoes</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-fried-potatoes# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-cupcake"></i>
|
||||||
|
<div class="class-name">.flaticon-cupcake</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-cupcake# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="glyph">
|
||||||
|
<i class="flaticon flaticon-broccoli"></i>
|
||||||
|
<div class="class-name">.flaticon-broccoli</div>
|
||||||
|
<div class="author-name">Author: #author-link-flaticon-broccoli# </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="attribution wrapper" style="text-align:center;">
|
||||||
|
|
||||||
|
<div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div>#allAuthorLinksCC# #allAuthorLinksBasic# </div>
|
||||||
|
</div>
|
||||||
|
<div class="title">Copy the Attribution License:</div>
|
||||||
|
|
||||||
|
<textarea onclick="this.focus();this.select();">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. #allAuthorLinksCC# #allAuthorLinksBasic#
|
||||||
|
</textarea>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="iconsuse">
|
||||||
|
|
||||||
|
<div class="title">Examples:</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-star-1"></i>
|
||||||
|
<span><i class="flaticon-star-1"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-star"></i>
|
||||||
|
<span><i class="flaticon-star"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-quote"></i>
|
||||||
|
<span><i class="flaticon-quote"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-dish"></i>
|
||||||
|
<span><i class="flaticon-dish"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-fast-delivery"></i>
|
||||||
|
<span><i class="flaticon-fast-delivery"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-cashback"></i>
|
||||||
|
<span><i class="flaticon-cashback"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-recommended-food"></i>
|
||||||
|
<span><i class="flaticon-recommended-food"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-chef"></i>
|
||||||
|
<span><i class="flaticon-chef"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-high-quality"></i>
|
||||||
|
<span><i class="flaticon-high-quality"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-ship"></i>
|
||||||
|
<span><i class="flaticon-ship"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-rate"></i>
|
||||||
|
<span><i class="flaticon-rate"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-medal"></i>
|
||||||
|
<span><i class="flaticon-medal"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-happiness"></i>
|
||||||
|
<span><i class="flaticon-happiness"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-poinsettia"></i>
|
||||||
|
<span><i class="flaticon-poinsettia"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-crab"></i>
|
||||||
|
<span><i class="flaticon-crab"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-crawfish"></i>
|
||||||
|
<span><i class="flaticon-crawfish"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-fried-potatoes"></i>
|
||||||
|
<span><i class="flaticon-fried-potatoes"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-cupcake"></i>
|
||||||
|
<span><i class="flaticon-cupcake"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="image">
|
||||||
|
<p>
|
||||||
|
<i class="flaticon flaticon-broccoli"></i>
|
||||||
|
<span><i class="flaticon-broccoli"></i></span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div id="footer">
|
||||||
|
<div>Generated by <a href="https://www.flaticon.com">flaticon.com</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
69
public/assets/fonts/flaticon_wellfood.svg
Normal file
69
public/assets/fonts/flaticon_wellfood.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 177 KiB |
BIN
public/assets/fonts/flaticon_wellfood.ttf
Normal file
BIN
public/assets/fonts/flaticon_wellfood.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/flaticon_wellfood.woff
Normal file
BIN
public/assets/fonts/flaticon_wellfood.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/flaticon_wellfood.woff2
Normal file
BIN
public/assets/fonts/flaticon_wellfood.woff2
Normal file
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user