new 2 blogs are updated

.gitignore

@@ -79,6 +79,8 @@ web_modules/
 .env.production.local
 .env.local
 
+*.csv
+
 # parcel-bundler cache (https://parceljs.org/)
 .cache
 .parcel-cache

app/about/AboutContent.js

@@ -0,0 +1,237 @@
+'use client'
+
+import Link from "next/link"
+import { Swiper, SwiperSlide } from "swiper/react"
+import { Autoplay, Pagination, Navigation } from "swiper/modules"
+import GallerySlider1 from '@/components/slider/GallerySlider1'
+
+const swiperOptions = {
+    modules: [Autoplay, Pagination, Navigation],
+    slidesPerView: 1,
+    spaceBetween: 30,
+    loop: true,
+    autoplay: {
+        delay: 3000,
+        disableOnInteraction: false,
+    },
+    navigation: {
+        nextEl: '.srn',
+        prevEl: '.srp',
+    },
+    pagination: {
+        el: '.swiper-pagination',
+        clickable: true,
+    },
+}
+
+export default function AboutContent() {
+    return (
+        <>
+
+            {/* History Section */}
+            <section className="history-section-two">
+                <div className="auto-container">
+                    <div className="row clearfix align-items-center">
+
+                        {/* Image Column */}
+                        <div className="image-column col-lg-7 col-md-12 col-sm-12">
+                            <div className="inner-column">
+                                <div className="image">
+                                    <img src="/assets/images/about/about-us.webp" alt="About Sixty5 Street restaurant in Brampton Ontario" loading="lazy"/>
+                                </div>
+                                <div className="image-two mb-4">
+                                    <img src="/assets/images/about/about-us-element.webp" alt="Sixty5 Street about page design element Brampton" loading="lazy"/>
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Content Column */}
+                        <div className="content-column col-lg-5 col-md-12 col-sm-12">
+                            <div className="inner-column">
+                                {/* Sec Title */}
+                                <div className="sec-title about-sec">
+                                    <div className="title custome-style">About Us</div>
+                                    <h2>Street Fresh. <span className="theme_color"> Full of Flavour.</span></h2>
+
+                                    <div className="text">At Sixty5 Street, we believe great food starts with freshness and ends with bold, memorable flavour. Our menu is inspired by the vibrant energy of street-style eats, where every dish and every blend is crafted to feel lively, colourful, and satisfying. Whether it’s one of our refreshing fruit mixes or a flavour-packed bowl, everything we serve is designed to bring you real taste made from real ingredients.</div>
+
+                                </div>
+                                <ul className="list-style-two">
+                                    <li>Fresh fruits and ingredients in every blend</li>
+                                    <li>Street-inspired flavours prepared with care</li>
+                                    <li>A vibrant experience that keeps you feeling energized</li>
+                                </ul>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+            </section>
+            {/* End History Section */}
+
+            {/* Menu Page Section */}
+            <section className="menu-page-section">
+                <div className="auto-container">
+                    <div className="row clearfix">
+                        <div className="menu-block-two col-lg-4 col-md-6 col-sm-12">
+                            <div className="inner-box">
+                                <div className="icon">
+                                    <img src="/assets/images/about/card-1.webp" alt="Sixty5 Street fresh ingredients card Brampton ON" loading="lazy" />
+                                </div>
+                                <h3>Bold Flavours</h3>
+                                <div className="text">Every item is created to deliver bright, bold flavour. From our signature blends to our colourful bowls, we make sure each serving tastes fresh, lively, and instantly enjoyable.</div>
+                            </div>
+                        </div>
+                        <div className="menu-block-two col-lg-4 col-md-6 col-sm-12">
+                            <div className="inner-box">
+                                <div className="icon">
+                                    <img src="/assets/images/about/card-2.webp" alt="Sixty5 Street fast service card Brampton Ontario" loading="lazy" />
+                                </div>
+                                <h3>Real Fruits</h3>
+                                <div className="text">We use high-quality fruits chosen for their natural sweetness and freshness. This ensures every mix, topping, and serving brings out authentic, clean flavour.</div>
+                            </div>
+                        </div>
+                        <div className="menu-block-two col-lg-4 col-md-6 col-sm-12">
+                            <div className="inner-box">
+                                <div className="icon">
+                                    <img src="/assets/images/about/card-3.webp" alt="Sixty5 Street unique flavours card Brampton ON"  loading="lazy"/>
+                                </div>
+                                <h3>Healthy Blends</h3>
+                                <div className="text">Our blends are crafted to be both nourishing and delicious. Light, refreshing, and made fresh to order — perfect for energizing your day without compromise.</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+
+            {/* Fluid Section */}
+            <section className="fluid-section-one">
+                <div className="outer-container clearfix">
+                    <div className="content-column">
+                        <div className="icon-box" style={{ backgroundImage: 'url(/assets/images/about/fresh-flavour-left-bottom-element.webp)' }} ></div>
+                        <div className="inner-column">
+                            <div className="sec-title">
+                                <h2>Fresh Flavour <br /> Fusion</h2>
+                                <div className="separate"></div>
+                                <div className="text">At Sixty5 Street, we are always creating something new, fresh, and full of flavour. Our upcoming beverage range is crafted with real fruits, clean ingredients, and creative blends that bring a refreshing twist to your day. These new additions are designed to energize, hydrate, and satisfy—all while staying true to our vibrant, street-style taste.</div>
+                            </div>
+                            <div className="button-box">
+                                <Link href="/menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View Menu</Link>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="image-column" style={{ backgroundImage: 'url(/assets/images/about/fresh-flavour-right.webp)' }}></div>
+                </div>
+            </section>
+
+            {/* Testimonial Section */}
+            <section className="testimonial-section-two">
+                <div className="icon-layer-two" style={{ backgroundImage: "url(/assets/images/about/review-right-bottom-element.webp)" }}></div>
+                <div className="auto-container">
+                    <div className="sec-title centered">
+                        <div className="title">Google Reviews</div>
+                        <h2>Hear from our happy customers</h2>
+                        <div className="separate"></div>
+                    </div>
+
+                    <div className="inner-container">
+                        <Swiper {...swiperOptions} className="single-item-carousel">
+                            <SwiperSlide>
+                                <div className="testimonial-block-two">
+                                    <div className="inner-box">
+                                        <div className="rating gap-1 mb-3">
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                        </div>
+                                        <div className="text">“Absolutely love this place! Every blend tastes fresh and natural. The flavors pop, and you can really tell they use quality ingredients. Sixty5 Street never disappoints.”</div>
+                                        <div className="designation">— Emily R.</div>
+                                    </div>
+                                </div>
+                            </SwiperSlide>
+                            <SwiperSlide>
+                                <div className="testimonial-block-two">
+                                    <div className="inner-box">
+                                        <div className="rating gap-1 mb-3">
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                        </div>
+                                        <div className="text">“The perfect spot when you need something refreshing. Their fruit mixes are vibrant, clean, and full of energy. I always leave feeling great.”</div>
+                                        <div className="designation">— Jason M.</div>
+                                    </div>
+                                </div>
+                            </SwiperSlide>
+                            <SwiperSlide>
+                                <div className="testimonial-block-two">
+                                    <div className="inner-box">
+                                        <div className="rating gap-1 mb-3">
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                        </div>
+                                        <div className="text">“Sixty5 Street has mastered the art of fresh flavor. The bowls are colorful, the drinks are delicious, and everything feels thoughtfully prepared. A must-try!”</div>
+                                        <div className="designation">— Sofia L.</div>
+                                    </div>
+                                </div>
+                            </SwiperSlide>
+                            <SwiperSlide>
+                                <div className="testimonial-block-two">
+                                    <div className="inner-box">
+                                        <div className="rating gap-1 mb-3">
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                        </div>
+                                        <div className="text">“Consistently amazing! The blends are smooth, balanced, and not overly sweet. You can taste the real fruit in every sip. Highly recommend for healthy cravings.”</div>
+                                        <div className="designation">— David P.</div>
+                                    </div>
+                                </div>
+                            </SwiperSlide>
+                            <SwiperSlide>
+                                <div className="testimonial-block-two">
+                                    <div className="inner-box">
+                                        <div className="rating gap-1 mb-3">
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                            <span className="fa fa-star"></span>
+                                        </div>
+                                        <div className="text">“Super fresh, super tasty. The street-style vibe makes the whole experience fun and lively. Sixty5 Street has quickly become one of my favorite places to grab a flavorful drink.”</div>
+                                        <div className="designation">— Ava T.</div>
+                                    </div>
+                                </div>
+                            </SwiperSlide>
+                        </Swiper>
+
+                        <div className="btns-box text-center mt-4">
+                            <Link
+                                href="https://www.google.com/search?sca_esv=0fe16c1f02c217b7&sxsrf=AE3TifOLptPQLUmmtN31E_3elXLW6TFOQw:1762618049873&si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-E-aY0flGiK9jtBbvWKno0yJxYW9CK-ZYgm0G70i4ON2SMlNBNsid-fMvQPqNzI7FcY1u8NR67M0xsy1G8HMAZhtgOP2m&q=Sixty5+Street+Reviews&sa=X&ved=2ahUKEwjY5_L19-KQAxW89DgGHdw0AesQ0bkNegQILRAE&biw=1366&bih=633&dpr=1&sei=MHYRadbjFKWo4-EPlrjFkAs&zx=1762752154509&no_sw_cr=1#lrd=0x882b3dbb0e18ed73:0xbdb3783d6e6393c9,3,,,,"
+                                target="_blank"
+                                className="theme-btn btn-style-one clearfix"
+                            >
+                                <span className="icon"></span> Review us on Google
+                            </Link>
+                        </div>
+                    </div>
+                </div>
+            </section>
+
+            {/* Gallery Section */}
+            {/* <section className="gallery-section">
+                <div className="outer-container">
+                    <GallerySlider1 />
+                </div>
+            </section> */}
+        </>
+    )
+}

app/about/page.js

@@ -0,0 +1,17 @@
+import Layout from "@/components/layout/Layout"
+import AboutContent from "./AboutContent"
+
+export const metadata = {
+    title: "About Sixty5 Street – Our Story of Street-Food Flavor",
+    description: "At Sixty5 Street we bring the hustle and flavor of real street food – bold bites like Chicken 65, wings, shawarmas & dosas, crafted fresh for fast satisfaction.",
+}
+
+export default function About() {
+  return (
+    <>
+      <Layout headerStyle={2} footerStyle={2} breadcrumbTitle="About Us" bgImage="/assets/images/about/about-banner.webp">
+        <AboutContent />
+      </Layout>
+    </>
+  )
+}

app/api/reviews/route.js

@@ -0,0 +1,46 @@
+export async function GET() {
+  const apiKey = "37eb7f83988cfd76ffb5c5af9adc25652efe5607e39997fc7d0e054d690ef25e";
+  const placeId = "ChIJc-0YDrs9K4gRyZNjbj14s70";
+
+  let allReviews = [];
+  let nextPageToken = null;
+
+  try {
+    while (true) {
+      const url = `https://serpapi.com/search.json?engine=google_maps_reviews&hl=en&api_key=${apiKey}&place_id=${placeId}${
+        nextPageToken ? `&next_page_token=${nextPageToken}` : ""
+      }`;
+
+      const response = await fetch(url);
+      const data = await response.json();
+
+      if (data.reviews && data.reviews.length > 0) {
+        allReviews = [...allReviews, ...data.reviews];
+      }
+
+      // Stop if no next page
+      if (!data.serpapi_pagination || !data.serpapi_pagination.next_page_token) {
+        break;
+      }
+
+      nextPageToken = data.serpapi_pagination.next_page_token;
+
+      // SerpAPI requires 2–3 seconds delay before using next_page_token
+      await new Promise((resolve) => setTimeout(resolve, 2500));
+    }
+
+    return new Response(
+      JSON.stringify({ reviews: allReviews, total: allReviews.length }),
+      {
+        status: 200,
+        headers: { "Content-Type": "application/json" },
+      }
+    );
+  } catch (error) {
+    console.error(error);
+    return new Response(JSON.stringify({ error: "Failed to fetch reviews" }), {
+      status: 500,
+      headers: { "Content-Type": "application/json" },
+    });
+  }
+}

app/blog/[slug]/page.js

@@ -0,0 +1,69 @@
+import Layout from "@/components/layout/Layout";
+import Link from "next/link";
+import Blogs from "@/utils/constant.utils";
+import { notFound } from "next/navigation";
+import FAQAccordion from "@/components/elements/FAQAccordion";
+
+export async function generateStaticParams() {
+  return Blogs.map((item) => ({
+    slug: item.slug,
+  }));
+}
+
+export async function generateMetadata({ params }) {
+  const blog = Blogs.find((item) => item.slug === params.slug);
+
+    if (!blog) {
+    return {
+      title: "Blog Not Found",
+      description: "The blog you are looking for does not exist.",
+    };
+  }
+
+  return {
+    title: blog.metatitle,
+    description: blog.metadesc,
+  };
+
+}
+
+export default function BlogDetails({ params }) {
+  const blog = Blogs.find((item) => item.slug === params.slug);
+
+  if (!blog) return notFound();
+
+  return (
+    <Layout
+      headerStyle={2}
+      footerStyle={2}
+      breadcrumbTitle={blog.title}
+      bgImage={blog.banner}
+    >
+      <div className="sidebar-page-container">
+        <div className="auto-container">
+          <div className="row clearfix">
+            {/* Content Side */}
+            <div className="content-side col-lg-12 col-md-12 col-sm-12">
+              <div className="blog-detail">
+                <div className="inner-box">
+                  <div className="image">
+                    <img src={blog.detailImage} alt={blog.title} style={{ height: "600px", width: "100%", objectFit: "cover" }}/>
+                  </div>
+
+                  <div className="lower-content">
+                    <div dangerouslySetInnerHTML={{ __html: blog.content }} />
+                  </div>
+                </div>
+              </div>
+
+              {blog.faqs && blog.faqs.length > 0 && (
+                <FAQAccordion faqs={blog.faqs} className="mt-5" />
+              )}
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </Layout>
+  );
+}

app/blog/page.js

@@ -0,0 +1,87 @@
+
+import Link from "next/link";
+import Layout from "@/components/layout/Layout";
+import Blogs from "@/utils/constant.utils";
+
+export const metadata = {
+  title: "Street-Food Stories from Sixty5 Street",
+  description: "Dive into the Sixty5 Street blog for behind-the-scenes stories, flavor experiments, new dish launches and street-food culture updates.",
+};
+
+const truncateWords = (text, limit) => {
+  const words = text.split(" ");
+  return words.length > limit ? words.slice(0, limit).join(" ") + " ..." : text;
+};
+
+const stripHtml = (html) => {
+  if (!html) return "";
+  return html.replace(/<[^>]*>/g, "");
+};
+
+const truncateTitle = (text, limit) => {
+  if (!text) return "";
+  return text.length > limit ? text.slice(0, limit) + "..." : text;
+};
+
+export default function Blog() {
+  return (
+    <Layout
+      headerStyle={2}
+      footerStyle={2}
+      breadcrumbTitle="Blog"
+      bgImage={"/assets/images/inner-banner/blog-banner.webp"}
+    >
+      <div className="sidebar-page-container">
+        <div className="auto-container">
+          <div className="sec-title mb-4 centered">
+            <div className="title">Our Blogs</div>
+            <h2>Explore Our Delicious Dishes</h2>
+            <div className="separate"></div>
+          </div>
+
+          <div className="row clearfix">
+            {Blogs.map((blog) => (
+              <div
+                key={blog.id}
+                className="col-lg-4 col-md-6 col-sm-12 mb-4"
+              >
+                <div className="blog-card rounded shadow-sm overflow-hidden">
+                  {/* Blog Image */}
+                  <div className="blog-image">
+                    <img
+                      src={blog.imageDetail}
+                      alt={blog.title}
+                      className="img-fluid w-100"
+                    />
+                  </div>
+
+                  {/* Blog Title */}
+                  <div className="blog-content p-3">
+                    <h3 className="mb-2 text-lg font-semibold blog-title-hover">
+                      <Link href={`/blog/${blog.slug}`} className="blog-title-link">
+                        {truncateTitle(stripHtml(blog.title), 40)}
+                      </Link>
+                    </h3>
+
+                    {/* Blog Excerpt */}
+                    <p className="text-gray-700 mb-3">
+                      {truncateWords(stripHtml(blog.para))}
+                    </p>
+
+                    {/* Read More Button */}
+                    <Link
+                      href={`/blog/${blog.slug}`}
+                      className="font-medium blog-title-link"
+                    >
+                      Read More
+                    </Link>
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </Layout>
+  );
+}

app/contact/ContactForm.js

@@ -0,0 +1,146 @@
+'use client'
+import { useState, useEffect } from "react";
+import ReCAPTCHA from "react-google-recaptcha";
+import axios from "axios";
+
+export default function ContactForm() {
+  const [formData, setFormData] = useState({
+    name: "",
+    email: "",
+    phone: "",
+    message: "",
+  });
+
+  const [alert, setAlert] = useState({
+    show: false,
+    type: "",
+    message: "",
+  });
+
+  const [captchaToken, setCaptchaToken] = useState(null);
+
+  const handleCaptchaChange = (token) => {
+    setCaptchaToken(token);
+  };
+
+  const handleChange = (e) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({ ...prev, [name]: value }));
+  };
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+
+    if (!formData.name || !formData.email || !formData.phone || !formData.message) {
+      setAlert({ show: true, type: "danger", message: "Please fill in all fields." });
+      return;
+    }
+
+    if (!captchaToken) {
+      setAlert({ show: true, type: "danger", message: "Please verify the CAPTCHA." });
+      return;
+    }
+
+    const emailData = {
+      ...formData,
+      recaptchaToken: captchaToken,
+      to: "sixty5street@gmail.com",
+      senderName: "Sixty5Street Contact Form",
+      message: `
+        <b>Name:</b> ${formData.name}<br/>
+        <b>Email:</b> ${formData.email}<br/>
+        <b>Phone:</b> ${formData.phone}<br/><br/>
+        <b>Message:</b><br/>${formData.message}
+      `,
+    };
+
+    try {
+      await axios.post("https://mailserver.metatronnest.com/send", emailData, {
+        headers: { "Content-Type": "application/json" },
+      });
+
+      setAlert({ show: true, type: "success", message: "Your message has been sent successfully!" });
+      setFormData({ name: "", email: "", phone: "", message: "" });
+      setCaptchaToken(null);
+    } catch {
+      setAlert({ show: true, type: "danger", message: "Failed to send your message. Try again later." });
+    }
+  };
+
+  useEffect(() => {
+    if (alert.show) {
+      const timer = setTimeout(() => setAlert({ show: false, type: "", message: "" }), 5000);
+      return () => clearTimeout(timer);
+    }
+  }, [alert.show]);
+
+  return (
+    <div className="contact-form">
+      {alert.show && (
+        <div className={`alert ${alert.type === "success" ? "text-green-600" : "text-red-600"}`}>
+          {alert.message}
+        </div>
+      )}
+
+      <form onSubmit={handleSubmit}>
+        <div className="row clearfix">
+          <div className="col-lg-6 col-md-12 col-sm-12 form-group">
+            <input
+              type="text"
+              name="name"
+              placeholder="Your Name"
+              value={formData.name}
+              onChange={handleChange}
+              required
+            />
+          </div>
+
+          <div className="col-lg-6 col-md-12 col-sm-12 form-group">
+            <input
+              type="text"
+              name="phone"
+              placeholder="Your Phone Number"
+              value={formData.phone}
+              onChange={handleChange}
+              required
+            />
+          </div>
+
+          <div className="col-lg-12 col-md-12 col-sm-12 form-group">
+            <input
+              type="email"
+              name="email"
+              placeholder="Your Email"
+              value={formData.email}
+              onChange={handleChange}
+              required
+            />
+          </div>
+
+          <div className="col-lg-12 col-md-12 col-sm-12 form-group">
+            <textarea
+              name="message"
+              placeholder="Your Message"
+              value={formData.message}
+              onChange={handleChange}
+              required
+            ></textarea>
+          </div>
+
+          <div className="col-lg-12 col-md-12 col-sm-12 form-group">
+            <ReCAPTCHA
+              sitekey="6LeaPggsAAAAAM4DHBSX0y3IC6lu9SrJIhoQKZKo"
+              onChange={handleCaptchaChange}
+            />
+          </div>
+
+          <div className="col-lg-12 col-md-12 col-sm-12 form-group">
+            <button type="submit" className="theme-btn btn-style-four">
+              <span className="icon flaticon-arrow-pointing-to-right"></span> Send
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+  );
+}

app/contact/page.js

@@ -0,0 +1,76 @@
+import Layout from "@/components/layout/Layout";
+import ContactForm from "./ContactForm";
+
+export const metadata = {
+  title: "Contact Sixty5 Street – Get in Touch with Us",
+  description: "Have questions or crave something special? Reach out to Sixty5 Street. We’re here for you with fresh street-food passion. Let’s talk wings, wraps and more.",
+}
+
+export default function Contact() {
+  return (
+    <Layout
+      headerStyle={2}
+      footerStyle={2}
+      breadcrumbTitle="Contact Us"
+      bgImage="/assets/images/inner-banner/contact-us-banner.webp"
+    >
+      {/* Contact Section */}
+      <section className="contact-section" id="contact">
+        <div className="auto-container">
+          <div className="row clearfix">
+
+            {/* Left Column - Info */}
+            <div className="title-column col-lg-5 col-md-12 col-sm-12">
+              <div className="inner-column">
+                <div className="sec-title">
+                  <div className="title custome-style">Reach us</div>
+                  <h2>Contact</h2>
+                  <div className="separate"></div>
+                  <div className="text">
+                    Whether you're grabbing lunch, chilling with friends, or fueling a late-night craving, we've got something hot, hearty, and delicious waiting for you.
+                  </div>
+                </div>
+
+                <ul className="info-list">
+                  <li>
+                    <span className="icon flaticon-email"></span>
+                    <strong>Email</strong>
+                    <a href="mailto:sixty5street@gmail.com">sixty5street@gmail.com</a>
+                  </li>
+                  <li>
+                    <span className="icon flaticon-telephone"></span>
+                    <strong>Phone</strong>
+                    <a href="tel:+289-498-6565">+ 289-498-6565</a>
+                  </li>
+                  <li>
+                    <span className="icon flaticon-pin"></span>
+                    <strong>Address</strong>
+                    <a href="#">Unit 75, 100 Maritime Ontario Blvd, Brampton, ON L6S 0E7</a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            {/* Right Column - Form */}
+            <div className="form-column col-lg-7 col-md-12 col-sm-12">
+              <div className="inner-column">
+                <ContactForm />
+              </div>
+            </div>
+
+          </div>
+        </div>
+      </section>
+
+      {/* Google Map */}
+      <section className="contact-map-section">
+        <iframe
+          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2888.8200521592764!2d-79.6977294!3d43.749255!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3dbb0e18ed73%3A0xbdb3783d6e6393c9!2s100%20Maritime%20Ontario%20Blvd%20%2375%2C%20Brampton%2C%20ON%20L6S%200E7%2C%20Canada!5e0!3m2!1sen!2sus!4v170995882xxx"
+          allowFullScreen
+          loading="lazy"
+          referrerPolicy="no-referrer-when-downgrade"
+        ></iframe>
+      </section>
+    </Layout>
+  );
+}

app/gallery/GalleryLightbox.js

@@ -0,0 +1,136 @@
+'use client';
+import { useState } from "react";
+import 'react-image-lightbox/style.css';
+import Lightbox from 'react-image-lightbox';
+
+export default function GalleryLightbox({ images }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [photoIndex, setPhotoIndex] = useState(0);
+
+    return (
+        <>
+            <div className="masonry-items-container row no-gutters clearfix">
+
+                {/* Column 1 */}
+                <div className="col-lg-3 col-md-6 col-sm-12">
+                    <div className="gallery-block-two masonry-item">
+                        <div className="inner-box">
+                            <div 
+                                className="image-box" 
+                                onClick={() => { setPhotoIndex(0); setIsOpen(true); }} 
+                                style={{ cursor: "pointer" }}
+                            >
+                                <img src={images[0]} alt="Combos" />
+                                <div className="overlay-box">
+                                    <h6>Combos</h6>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Column 2 */}
+                <div className="col-lg-3 col-md-6 col-sm-12">
+                    <div className="gallery-block-two masonry-item">
+                        <div className="inner-box">
+                            <div 
+                                className="image-box" 
+                                onClick={() => { setPhotoIndex(1); setIsOpen(true); }} 
+                                style={{ cursor: "pointer" }}
+                            >
+                                <img src={images[1]} alt="Milk Shakes" />
+                                <div className="overlay-box">
+                                    <h6>Milk Shakes</h6>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="gallery-block-two masonry-item">
+                        <div className="inner-box">
+                            <div 
+                                className="image-box" 
+                                onClick={() => { setPhotoIndex(2); setIsOpen(true); }} 
+                                style={{ cursor: "pointer" }}
+                            >
+                                <img src={images[2]} alt="Poutine" />
+                                <div className="overlay-box">
+                                    <h6>Poutine</h6>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Column 3 */}
+                <div className="col-lg-6 col-md-12 col-sm-12">
+                    <div className="row no-gutters">
+                        <div className="col-lg-6 col-md-6 col-sm-12">
+                            <div className="gallery-block-two masonry-item">
+                                <div className="inner-box">
+                                    <div 
+                                        className="image-box" 
+                                        onClick={() => { setPhotoIndex(3); setIsOpen(true); }} 
+                                        style={{ cursor: "pointer" }}
+                                    >
+                                        <img src={images[3]} alt="Salads" />
+                                        <div className="overlay-box">
+                                            <h6>Salads</h6>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-6 col-md-6 col-sm-12">
+                            <div className="gallery-block-two masonry-item">
+                                <div className="inner-box">
+                                    <div 
+                                        className="image-box" 
+                                        onClick={() => { setPhotoIndex(4); setIsOpen(true); }} 
+                                        style={{ cursor: "pointer" }}
+                                    >
+                                        <img src={images[4]} alt="Shawarma Wraps" />
+                                        <div className="overlay-box">
+                                            <h6>Shawarma Wraps</h6>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-12 col-md-12 col-sm-12">
+                            <div className="gallery-block-two masonry-item">
+                                <div className="inner-box">
+                                    <div 
+                                        className="image-box" 
+                                        onClick={() => { setPhotoIndex(5); setIsOpen(true); }} 
+                                        style={{ cursor: "pointer" }}
+                                    >
+                                        <img src={images[5]} alt="Dosa" />
+                                        <div className="overlay-box">
+                                            <h6>Dosa</h6>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+
+            {isOpen && (
+                <Lightbox
+                    mainSrc={images[photoIndex]}
+                    nextSrc={images[(photoIndex + 1) % images.length]}
+                    prevSrc={images[(photoIndex + images.length - 1) % images.length]}
+                    onCloseRequest={() => setIsOpen(false)}
+                    onMovePrevRequest={() =>
+                        setPhotoIndex((photoIndex + images.length - 1) % images.length)
+                    }
+                    onMoveNextRequest={() =>
+                        setPhotoIndex((photoIndex + 1) % images.length)
+                    }
+                />
+            )}
+        </>
+    );
+}

app/gallery/page.js

@@ -0,0 +1,40 @@
+import Layout from "@/components/layout/Layout";
+import GalleryLightbox from "./GalleryLightbox";
+
+export const metadata = {
+    title: "Gallery – Sixty5 Street Eats & Vibes",
+    description: "Browse the Sixty5 Street gallery to see our bold bites, sizzling dishes and vibrant atmosphere. Get inspired by the food, flavor and fun.",
+}
+
+export default function GalleryPage() {
+    const images = [
+        "/assets/images/home/categories/combos.webp",
+        "/assets/images/home/categories/milkshakes.webp",
+        "/assets/images/home/categories/poutine.webp",
+        "/assets/images/home/categories/salads.webp",
+        "/assets/images/home/categories/shawarma.webp",
+        "/assets/images/home/categories/dosa.webp"
+    ];
+
+    return (
+        <Layout
+            headerStyle={2}
+            footerStyle={2}
+            breadcrumbTitle="Gallery"
+            bgImage="/assets/images/inner-banner/gallery-banner.webp"
+        >
+            {/* Gallery Section Two */}
+            <section className="gallery-section-two sec-pad" id="gallery">
+                <div className="outer-container">
+                    <div className="sec-title mb-4 centered">
+                        <div className="title">Our Gallery</div>
+                        <h2>Explore Our Delicious Dishes</h2>
+                        <div className="separate"></div>
+                    </div>
+                    <GalleryLightbox images={images} />
+                </div>
+            </section>
+            {/* End Gallery Section Two */}
+        </Layout>
+    );
+}

app/layout.js

@@ -1,23 +1,135 @@
-import "@/node_modules/react-modal-video/css/modal-video.css"
+"use client";
-import "public/assets/css/style.css"
-import "public/assets/css/responsive.css"
 
+import "@/node_modules/react-modal-video/css/modal-video.css";
+import "public/assets/css/style.css";
+import "public/assets/css/responsive.css";
 
+import "swiper/css";
+import "swiper/css/pagination";
+import "swiper/css/free-mode";
+
+import {niconne, poppins, tangerine} from "@/lib/font";
+import Script from "next/script";
+import { usePathname } from "next/navigation";
 
-import 'swiper/css'
-// import "swiper/css/navigation"
-import "swiper/css/pagination"
-import 'swiper/css/free-mode';
-import {niconne, poppins, tangerine} from '@/lib/font'
 export const metadata = {
-    title: 'Sixty5street',
+  title: "Sixty5 Street: Fusion Street Food in Ontario",
-    description: 'Generated by create next app',
+  description:
-}
+    "Discover Sixty5 Street — where Middle Eastern, South Indian, and North American flavors come together. Visit us in Ontario for fusion street food that’s bold and comforting.",
+};
 
 export default function RootLayout({ children }) {
-    return (
+  const pathname = usePathname();
-        <html lang="en" className={`${niconne.variable} ${poppins.variable} ${tangerine.variable}`}>
+  const siteUrl = "https://sixty5street.com";
-            <body>{children}</body>
+  const canonicalUrl = `${siteUrl}${pathname}`;
-        </html>
+  const ogImage = `${siteUrl}/assets/images/logo/logo-white.png`;
-    )
+
+  return (
+    <html
+      lang="en"
+      className={`${niconne.variable} ${poppins.variable} ${tangerine.variable}`}>
+      <head>
+                      {/* Google Tag Manager */}
+              <script dangerouslySetInnerHTML={{
+          __html: `
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('config', 'G-YZNXD8G2Y7');
+          `
+        }} />
+        {/* ✅ Canonical URL */}
+        <link rel="canonical" href={canonicalUrl} />
+
+        {/* ✅ Robots */}
+        <meta name="robots" content="index, follow" />
+
+        {/* ✅ Open Graph */}
+        <meta property="og:title" content="Sixty5 Street – Bold Global Street Food" />
+        <meta
+          property="og:description"
+          content="Welcome to Sixty5 Street – where every bite brings you the vibrant taste of global street food. From fiery wings and loaded fries to shawarma, dosas and milkshakes, we serve crave-worthy meals made fresh, fast, and full of attitude."
+        />
+        <meta property="og:type" content="restaurant" />
+        <meta property="og:url" content={siteUrl} />
+        <meta property="og:site_name" content="Sixty5 Street" />
+        <meta property="og:image" content={ogImage} />
+        <meta property="og:locale" content="en_CA" />
+
+        {/* ✅ Twitter Meta */}
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta
+          name="twitter:title"
+          content="Sixty5 Street – Bold Global Street Food"
+        />
+        <meta
+          name="twitter:description"
+          content="From fiery wings and loaded fries to shawarma, dosas and milkshakes — Sixty5 Street brings crave-worthy street food made fresh and full of attitude."
+        />
+        <meta name="twitter:image" content={ogImage} />
+        <meta name="twitter:site" content="@Sixty5Street" />
+        <meta name="twitter:creator" content="@Sixty5Street" />
+
+
+        {/* ✅ Preconnect */}
+        <link rel="preconnect" href="https://www.googletagmanager.com" />
+        <link rel="preconnect" href="https://connect.facebook.net" />
+        <link rel="preconnect" href="https://www.facebook.com" />
+        <link rel="preconnect" href="https://scripts.clarity.ms" />
+
+        {/* ✅ Preload Hero Image */}
+        <link
+          rel="preload"
+          as="image"
+          href="/assets/images/banner/banner-1.webp"
+          fetchPriority="high"
+        />
+
+        {/* ✅ Schema.org JSON-LD */}
+        <Script
+          id="schema-restaurant"
+          type="application/ld+json"
+          strategy="afterInteractive"
+        >
+          {JSON.stringify({
+            "@context": "https://schema.org",
+            "@type": "Restaurant",
+            name: "Sixty5 Street",
+            url: siteUrl,
+            image: ogImage,
+            description:
+              "Fusion street food blending Middle Eastern, South Indian & North American flavors in Ontario.",
+            address: {
+              "@type": "PostalAddress",
+              addressLocality: "Mississauga",
+              addressRegion: "ON",
+              addressCountry: "CA",
+            },
+            telephone: "+1-289-498-6565",
+            servesCuisine: ["Indian", "Middle Eastern", "Fusion"],
+            priceRange: "$$",
+            sameAs: [
+              "https://www.facebook.com/sixty5street/",
+              "https://www.instagram.com/sixty5street/",
+            ],
+          })}
+        </Script>
+
+        {/*clarity Tag start */}
+          <script 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", "tiwefg4i5m");
+          `
+        }} />
+  {/*clarity Tag End */}
+
+
+      </head>
+  <body>{children}</body>
+    </html>
+  );
 }

app/menu/MenusClient.js

@@ -0,0 +1,109 @@
+'use client'
+import { useState } from 'react'
+import Layout from "@/components/layout/Layout"
+import Link from 'next/link'
+import { menuData } from '@/utils/constant.utils'
+
+export default function MenusClient() {
+    const [activeTab, setActiveTab] = useState('Wings')
+    const tabs = Object.keys(menuData)
+    const menuItems = menuData[activeTab] || []
+
+    // Split items into two columns
+    const mid = Math.ceil(menuItems.length / 2)
+    const firstHalf = menuItems.slice(0, mid)
+    const secondHalf = menuItems.slice(mid)
+
+    return (
+        <>
+            <Layout
+                headerStyle={2}
+                footerStyle={2}
+                breadcrumbTitle="Our Menu"
+                bgImage={"/assets/images/inner-banner/menu-banner.webp"}
+            >
+                {/* Menu Section */}
+                <section className="menus-section sec-pad" id="menu">
+                    <div className="auto-container">
+                        {/* Section Title */}
+                        <div className="sec-title mb-3 centered">
+                            <div className="title">Our Menu</div>
+                            <h2>Explore Our Delicious Dishes</h2>
+                            <div className="separate"></div>
+                        </div>
+
+                        {/* Tabs */}
+                        <ul className="nav nav-tabs justify-content-center mb-5 border-0">
+                            {tabs.map((tab) => (
+                                <li
+                                    key={tab}
+                                    className="nav-item"
+                                    onClick={() => setActiveTab(tab)}
+                                    style={{ cursor: 'pointer' }}
+                                >
+                                    <span
+                                        className={`nav-link ${activeTab === tab ? 'active fw-bold' : ''}`}
+                                        style={activeTab === tab ? { color: '#cf2d1f' } : {}}
+                                    >
+                                        {tab}
+                                    </span>
+                                </li>
+                            ))}
+                        </ul>
+
+                        {/* Menu Items */}
+                        <div className="row clearfix">
+                            {/* Left Column */}
+                            <div className="menu-column col-lg-6 col-md-12 col-sm-12">
+                                <div className="inner-column">
+                                    {firstHalf.map((item, index) => (
+                                        <div className="menu-block" key={index}>
+                                            <div className="inner-box">
+                                                <div className="menu-image">
+                                                    <Link href="/#">
+                                                        <img src={item.img} alt={item.alt} />
+                                                    </Link>
+                                                </div>
+                                                <h3>
+                                                    <Link href="/#">{item.name}</Link>
+                                                </h3>
+                                                <div className="title">{item.desc}</div>
+                                                <div className="price-box">
+                                                    <span className="price">${item.price}</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    ))}
+                                </div>
+                            </div>
+
+                            {/* Right Column */}
+                            <div className="menu-column col-lg-6 col-md-12 col-sm-12">
+                                <div className="inner-column">
+                                    {secondHalf.map((item, index) => (
+                                        <div className="menu-block" key={index}>
+                                            <div className="inner-box">
+                                                <div className="menu-image">
+                                                    <Link href="/#">
+                                                        <img src={item.img} alt={item.alt} />
+                                                    </Link>
+                                                </div>
+                                                <h3>
+                                                    <Link href="/#">{item.name}</Link>
+                                                </h3>
+                                                <div className="title">{item.desc}</div>
+                                                <div className="price-box">
+                                                    <span className="price">${item.price}</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    ))}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+            </Layout>
+        </>
+    )
+}

app/menu/page.js

@@ -0,0 +1,11 @@
+
+import MenusClient from './MenusClient'; 
+
+export const metadata = {
+    title: "Sixty5 Street Wings, Dosas & More",
+    description: "Explore the Sixty5 Street menu featuring saucy wings, shawarmas, crispy dosas, loaded fries and shakes. Street food done bold, fresh & satisfying.",
+};
+
+export default function MenuPage() {
+    return <MenusClient />; 
+}

app/page.js

@@ -8,7 +8,13 @@ import Juice from "@/components/sections/home1/Juice"
 import Recipe from "@/components/sections/home3/Recipe"
 import Fluid from "@/components/sections/home3/Fluid"
 import Menu2 from "@/components/sections/home4/Menu2"
+import Testimonial from "@/components/sections/home1/client-review"
+import Blog from "@/components/sections/home2/blog"
 
+export const metadata = {
+    title: "Sixty5 Street – Bold Street Food, Wings, Wraps & Dosas",
+    description: "Welcome to Sixty5 Street – where fiery wings, loaded fries, shawarmas and crispy dosas bring global street-food attitude to your plate. Dive in now.",
+}
 
 export default function Home() {
 
@@ -24,6 +30,8 @@ export default function Home() {
                 {/* <Video /> */}
                 <Menu2 />
                 <Gallery />
+                <Testimonial />
+                <Blog />
             </Layout>
         </>
     )

components/elements/FAQAccordion.js

@@ -0,0 +1,62 @@
+'use client'
+import { useState, useRef, useEffect } from 'react';
+
+export default function FAQAccordion({ faqs = [], className = '' }) {
+    const [activeIndex, setActiveIndex] = useState(null);
+    const refs = useRef([]);
+
+    useEffect(() => {
+        refs.current = refs.current.slice(0, faqs.length);
+    }, [faqs]);
+
+    if (!faqs || faqs.length === 0) return null;
+
+    return (
+        <section className={`faq-section ${className}`}>
+                <div className="sec-title">
+                    {/* <div className="title">FAQ</div> */}
+                    <h2>FAQs</h2>
+                    {/* <div className="separate"></div> */}
+                </div>
+
+                <div className="faq-wrapper">
+                    {faqs.map((item, i) => (
+                        <div
+                            key={i}
+                            className={`faq-block ${activeIndex === i ? 'active' : ''}`}
+                        >
+                            <button
+                                type="button"
+                                className="faq-question"
+                                onClick={() => setActiveIndex(activeIndex === i ? null : i)}
+                                aria-expanded={activeIndex === i}
+                                aria-controls={`faq-answer-${i}`}
+                            >
+                                <h3>{item.q}</h3>
+                                <span className={`icon fa ${activeIndex === i ? 'fa-angle-up' : 'fa-angle-down'}`} />
+                            </button>
+
+                            <div
+                                id={`faq-answer-${i}`}
+                                ref={(el) => (refs.current[i] = el)}
+                                className="faq-answer"
+                                style={{
+                                    maxHeight:
+                                        activeIndex === i
+                                            ? `${refs.current[i]?.scrollHeight || 0}px`
+                                            : "0px",
+                                    overflow: "hidden",
+                                    transition: "max-height 0.4s ease",
+                                }}
+                                aria-hidden={activeIndex !== i}
+                            >
+                                <div className="faq-answer-inner">
+                                    <p dangerouslySetInnerHTML={{ __html: item.a }} />
+                                </div>
+                            </div>
+                        </div>
+                    ))}
+                </div>
+        </section>
+    );
+}

components/elements/VideoPopup.js

@@ -39,7 +39,7 @@ export default function VideoPopup({ style, text }) {
             {style === 4 &&
                 <div className="video-btn">
                     <a onClick={() => setOpen(true)} className="lightbox-image">
-                        <img src="/assets/images-4/icons/video-btn-1.png" alt="" /></a>
+                        <img src="/assets/images-4/icons/video-btn-1.png" alt="" loading="lazy"/></a>
                 </div>
             }
             {style === 5 &&

components/layout/Breadcrumb.js

@@ -1,22 +1,20 @@
 import Link from "next/link"
 
-export default function Breadcrumb({ breadcrumbTitle }) {
+export default function Breadcrumb({ breadcrumbTitle, bgImage }) {
     return (
         <>
-
+            {/* Page Title */}
-        {/* Page Title */}
+            <section className="page-title" style={{ backgroundImage: `url(${bgImage})` }} >
-        <section className="page-title" style={{ backgroundImage: 'url(/assets/images/background/6.jpg)' }} >
+                <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/background/pattern-7.png)' }} ></div>
-            <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/background/pattern-7.png)' }} ></div>
+                <div className="auto-container">
-            <div className="auto-container">
+                    <h1>{breadcrumbTitle}</h1>
-                <h2>{breadcrumbTitle}</h2>
+                    <ul className="page-breadcrumb">
-                <ul className="page-breadcrumb">
+                        <li><Link href="/">home</Link></li>
-                    <li><Link href="/">home</Link></li>
+                        <li>{breadcrumbTitle}</li>
-                    <li>{breadcrumbTitle}</li>
+                    </ul>
-                </ul>
+                </div>
-            </div>
+            </section>
-        </section>
+            {/* End Page Title */}
-        {/* End Page Title */}
-
         </>
     )
 }

components/layout/Layout.js

@@ -17,7 +17,7 @@ import Footer3 from "./footer/Footer3"
 import Footer4 from "./footer/Footer4"
 
 
-export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, children, wrapperCls }) {
+export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, bgImage, children, wrapperCls }) {
     const [scroll, setScroll] = useState(0)
     // Mobile Menu
     const [isMobileMenu, setMobileMenu] = useState(false)
@@ -64,7 +64,7 @@ export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumb
                 <Sidebar isSidebar={isSidebar} handleSidebar={handleSidebar} />
                 <SearchPopup isPopup={isPopup} handlePopup={handlePopup} />
 
-                {breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />}
+                {breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} bgImage={bgImage} />}
 
                 {children}
 

components/layout/Menu.js

@@ -53,7 +53,7 @@ export default function Menu() {
                     </ul>
                 </li>
                 <li>
-                    <Link href="contact">Contact</Link>
+                    <Link href="/contact">Contact</Link>
                 </li>
             </ul>
         </>

components/layout/Menu2.js

@@ -11,7 +11,7 @@ export default function Menu() {
 
 
 
-       
+
             <ul className="navigation left-nav clearfix">
                 {/* <li className="dropdown">
                     <Link href="/">Home </Link>
@@ -22,11 +22,14 @@ export default function Menu() {
                         <li><Link href="index-4">Home Four</Link></li>
                     </ul>
                 </li> */}
-                <li className="dropdown">
+                <li>
-                    <Link href="#about">About</Link>
+                    <Link href="/">Home</Link>
                 </li>
-                <li className="dropdown">
+                <li>
-                    <Link href="#popular-dishes">Popular Dishes</Link>
+                    <Link href="/about">About</Link>
+                </li>
+                <li>
+                    <Link href="/gallery">Gallery</Link>
                 </li>
                 {/* <li className="dropdown">
                     <Link href="#location">Locations</Link>

components/layout/Menu3.js

@@ -7,16 +7,21 @@ export default function Menu() {
 
     return (
         <>
-
-
             <ul className="navigation right-nav clearfix">
-                <li className="dropdown">
+                {/* <li className="dropdown">
                     <Link href="#sixty5-street-specials">Sixty5 Street Specials</Link>
-        
                 </li>
                 <li className="dropdown">
                     <Link href="#menu">Menu</Link>
-        
+                </li> */}
+                <li>
+                    <Link href="/menu">Menu</Link>
+                </li>
+                <li>
+                    <Link href="/blog">Blog</Link>
+                </li>
+                <li>
+                    <Link href="/contact">Contact</Link>
                 </li>
                 {/* <li>
                     <Link href="#contact">Contact</Link>

components/layout/Menu5.js

@@ -29,7 +29,7 @@ export default function Menu() {
                         <li><Link href="/error">Not Found</Link></li>
                     </ul>
                 </li>
-                <li><Link href="contact">Contact</Link></li>
+                <li><Link href="/contact">Contact</Link></li>
             </ul>
         </>
     )

components/layout/MobileMenu.js

@@ -36,7 +36,7 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
         <nav className="menu-box">
           <div className="nav-logo">
             <Link href="/" onClick={handleMobileMenu}>
-              <img src="/assets/images/logo/logo-black.png" alt="" title="" />
+              <img src="/assets/images/logo/logo-black.png" alt="Sixty5 Street black logo Brampton Ontario" title="" loading="lazy"/>
             </Link>
           </div>
 
@@ -54,7 +54,7 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
                 </li> */}
 
                 <li className={isActive.key == 2 ? "dropdown current" : "dropdown"}>
-                  <Link href="/#about" onClick={handleMobileMenu}>About</Link>
+                  <Link href="/" onClick={handleMobileMenu}>Home</Link>
                   {/* <ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
                     <li><Link href="about" onClick={handleMobileMenu}>About</Link></li>
                     <li><Link href="team" onClick={handleMobileMenu}>Team</Link></li>
@@ -63,11 +63,11 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
                   <div className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(2)}><span className="fa fa-angle-right" /></div> */}
                 </li>
 
-                <li><Link href="/#popular-dishes" onClick={handleMobileMenu}>Popular Dishes</Link></li>
+                <li><Link href="/about" onClick={handleMobileMenu}>About</Link></li>
-                <li><Link href="/#sixty5-street-specials" onClick={handleMobileMenu}>Sixty5 Street Specials</Link></li>
+                <li><Link href="/gallery" onClick={handleMobileMenu}>Gallery</Link></li>
 
                 <li className={isActive.key == 3 ? "dropdown current" : "dropdown"}>
-                  <Link href="/#menu" onClick={handleMobileMenu}>Menu</Link>
+                  <Link href="/menu" onClick={handleMobileMenu}>Menu</Link>
                   {/* <ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
                     <li><Link href="menu" onClick={handleMobileMenu}>Menu</Link></li>
                     <li><Link href="milkshake" onClick={handleMobileMenu}>Milk Shake</Link></li>
@@ -77,6 +77,8 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
                   </ul>
                   <div className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(3)}><span className="fa fa-angle-right" /></div> */}
                 </li>
+                <li><Link href="/blog" onClick={handleMobileMenu}>Blog</Link></li>
+                <li><Link href="/contact" onClick={handleMobileMenu}>Contact</Link></li>
 
                 {/* <li className={isActive.key == 4 ? "dropdown current" : "dropdown"}><Link href="/#" onClick={handleMobileMenu}>Gallery</Link>
                   <ul style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>

components/layout/Sidebar.js

@@ -18,15 +18,15 @@ export default function Sidebar({ isSidebar, handleSidebar }) {
 					<div className="sidebar-info-contents">
 						<div className="content-inner">
 							<div className="logo">
-								<Link href="/"><img src="assets/images/logo.png" alt="" /></Link>
+								<Link href="/"><img src="/assets/images/logo.png" alt="Official Sixty5 Street logo Brampton ON" loading="lazy" /></Link>
 							</div>
 							<div className="content-box">
-								<h2>About Us</h2>
+								{/* <h2>About Us</h2> */}
 								<p className="text">The argument in favor of using filler text goes something like this: If you use real content in the Consulting Process, anytime you reach a review point you’ll end up reviewing and negotiating the content itself and not the design.</p>
-								<Link href="contact" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Consultation</Link>
+								<Link href="/contact" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Consultation</Link>
 							</div>
 							<div className="contact-info">
-								<h2>Contact Info</h2>
+								{/* <h2>Contact Info</h2> */}
 								<ul className="list-style-one">
 									<li><span className="icon fa fa-location-arrow"></span>Chicago 12, Melborne City, USA</li>
 									<li><span className="icon fa fa-phone"></span>(111) 111-111-1111</li>

components/layout/footer/Footer2.js

@@ -19,7 +19,7 @@ export default function Footer2() {
 									<div className="footer-column col-lg-6 col-md-6 col-sm-12">
 										<div className="footer-widget logo-widget">
 											<div className="logo">
-												<Link href="/"><img src="/assets/images/logo/logo-white.png" alt="" /></Link>
+												<Link href="/"><img src="/assets/images/logo/logo-white.png" alt="Sixty5 Street white footer logo Brampton ON" loading="lazy" /></Link>
 											</div>
 											<div className="text">Bold street food made fresh.<br /> Wings, wraps, dosas & more - all packed with flavor and attitude.</div>
 										</div>
@@ -30,10 +30,11 @@ export default function Footer2() {
 										<div className="footer-widget contact-widget">
 											<h6>Useful Links</h6>
 											<ul className="contact-list">
-												<li><Link href="#about">About</Link></li>
+												<li><Link href="/about">About</Link></li>
-												<li><Link href="#popular-dishes">Popular Dishes</Link></li>
+												<li><Link href="/gallery">Gallery</Link></li>
-												<li><Link href="#sixty5-street-specials">Sixty5 Street Specials</Link></li>
+												<li><Link href="/menu">Menu</Link></li>
-												<li><Link href="#menu">Menu</Link></li>
+												<li><Link href="/blog">Blog</Link></li>
+												<li><Link href="/contact">Contact</Link></li>
 												{/* <li><Link href="tel:+289-498-6565">289-498-6565</Link></li> */}
 											</ul>
 										</div>
@@ -50,10 +51,20 @@ export default function Footer2() {
 									<div className="footer-column col-lg-6 col-md-6 col-sm-12">
 										<div className="footer-widget visit-widget">
 											<h6>Contact</h6>
-											<ul className="contact-list">
+											<ul className="contact-list" style={{ listStyle: 'none', padding: 0, margin: 0 }}>
-												<li><Link href="tel:+289-498-6565" style={{ color: 'white' }}>289-498-6565</Link></li>
+												<li style={{ display: 'flex', alignItems: 'center', marginBottom: '10px', color: 'white' }}>
+													<span className="icon flaticon-telephone" style={{ marginRight: '10px', color: 'white', fontSize: '16px' }}></span>
+													<Link href="tel:+289-498-6565" style={{ color: 'white', textDecoration: 'none' }}>289-498-6565</Link>
+												</li>
+												<li style={{ display: 'flex', alignItems: 'center', marginBottom: '10px', color: 'white' }}>
+													<span className="icon flaticon-email" style={{ marginRight: '10px', color: 'white', fontSize: '16px' }}></span>
+													<Link href="mailto:sixty5street@gmail.com" style={{ color: 'white', textDecoration: 'none' }}>sixty5street@gmail.com</Link>
+												</li>
+												<li style={{ display: 'flex', alignItems: 'center', color: 'white' }}>
+													<span className="icon flaticon-placeholder" style={{ marginRight: '10px', color: 'white', fontSize: '16px' }}></span>
+													<span>Unit 75, 100 Maritime Ontario Blvd, Brampton, ON L6S 0E7</span>
+												</li>
 											</ul>
-											<div className="text">Unit 75, 100 Maritime Ontario Blvd, Brampton, ON L6S 0E7</div>
 										</div>
 									</div>
 
@@ -62,9 +73,25 @@ export default function Footer2() {
 										<div className="footer-widget social-widget">
 											<h6>Follow Us Now</h6>
 											<ul className="social-list">
-												<li><Link href="#"><span className="icon fa fa-facebook"></span>facebook</Link></li>
+												<li>
-												<li><Link href="#"><span className="icon fa fa-twitter"></span>twitter</Link></li>
+													<Link
-												<li><Link href="#"><span className="icon fa fa-instagram"></span>instagram</Link></li>
+														href="https://www.facebook.com/people/Sixty5street/61578269162880/"
+														target="_blank"
+														rel="noopener noreferrer"
+													>
+														<span className="icon fa fa-facebook"></span> facebook
+													</Link>
+												</li>
+												{/* <li><Link href="#"><span className="icon fa fa-twitter"></span>twitter</Link></li> */}
+												<li>
+													<Link
+														href="https://www.instagram.com/sixty5street?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
+														target="_blank"
+														rel="noopener noreferrer"
+													>
+														<span className="icon fa fa-instagram"></span> instagram
+													</Link>
+												</li>
 												{/* <li><Link href="#"><span className="icon fa fa-dribbble"></span>dribbble</Link></li> */}
 											</ul>
 										</div>
@@ -77,7 +104,7 @@ export default function Footer2() {
 				<div className="footer-bottom">
 					<div className="auto-container">
 						<div className="copyright">
-							Copyright {new Date().getFullYear()} © Foodily. Powered by{" "}
+							Copyright {new Date().getFullYear()} © Sixty5street. Powered by{" "}
 							<a
 								href="https://metatroncubesolutions.com/"
 								target="_blank"

components/layout/footer/Footer3.js

@@ -26,7 +26,7 @@ export default function Footer3() {
                             <div className="footer-column col-lg-4 col-md-12 col-sm-12">
                                 <div className="footer-widget logo-widget">
                                     <div className="logo">
-                                        <Link href="/"><img src="assets/images/logo.png" alt="" /></Link>
+                                        <Link href="/"><img src="/assets/images/logo.png" alt="Sixty5 Street logo with signature fusion dishes in Etobicoke"  loading="lazy"/></Link>
                                     </div>
                                     <div className="copyright">&copy; 2024 <Link href="/">foodily</Link> All Rights Reserved.</div>
                                 </div>

components/layout/footer/Footer4.js

@@ -18,7 +18,7 @@ export default function Footer4() {
                                     <div className="footer-column col-lg-6 col-md-6 col-sm-12">
                                         <div className="footer-widget logo-widget">
                                             <div className="logo">
-                                                <Link href="/"><img src="assets/images/logo.png" alt="" /></Link>
+                                                <Link href="/"><img src="/assets/images/logo.png" alt="Sixty5 Street footer logo with signature fusion dishes in Etobicoke" loading="lazy"/></Link>
                                             </div>
                                             <div className="text">Proin gravida nibh vel velit <br/> Lorem Ipsum. Duis sed proin <br/> gravida nibh.</div>
                                         </div>

components/layout/header/Header1.js

@@ -16,7 +16,7 @@ export default function Header1({ scroll, handlePopup, handleMobileMenu, handleS
         	<div className="auto-container clearfix">
             	
 				<div className="pull-left logo-box">
-					<div className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" title=""/></Link></div>
+					<div className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="Sixty5 Street header logo with signature fusion dishes in Etobicoke" title="" loading="lazy"/></Link></div>
 				</div>
 				
 				<div className="nav-outer clearfix">
@@ -46,7 +46,7 @@ export default function Header1({ scroll, handlePopup, handleMobileMenu, handleS
 		<div className="sticky-header">
             <div className="auto-container clearfix">
                 <div className="logo pull-left">
-                    <Link href="/" title=""><img src="assets/images/logo-small.png" alt="" title="" /></Link>
+                    <Link href="/" title=""><img src="/assets/images/logo-small.png" alt="" title="" loading="lazy" /></Link>
                 </div>
                 <div className="pull-right">
                     <nav className="main-menu">

components/layout/header/Header2.js

@@ -4,61 +4,79 @@ import Menu3 from "../Menu3"
 import MobileMenu from "../MobileMenu"
 
 export default function Header2({ scroll, isMobileMenu, handleMobileMenu }) {
-    return (
+	return (
-        <>
+		<>
 
-        
+
-    {/* Main Header / Header Style Two */}
+			{/* Main Header / Header Style Two */}
-	<header className={`main-header header-style-two ${scroll ? "fixed-header" : ""}`}>
+			<header className={`main-header header-style-two ${scroll ? "fixed-header" : ""}`}>
-    	
+
-		{/* Header Upper */}
+				{/* Header Upper */}
-        <div className="header-upper">
+				<div className="header-upper">
-			<ul className="social-list">
+					<ul className="social-list">
-				<li><Link href="#"><span className="icon fa fa-facebook"></span></Link></li>
+						<li>
-				<li><Link href="#"><span className="icon fa fa-twitter"></span></Link></li>
+							<Link
-				<li><Link href="#"><span className="icon fa fa-instagram"></span></Link></li>
+								href="https://www.facebook.com/people/Sixty5street/61578269162880/"
-			</ul>
+								target="_blank"
-        	<div className="auto-container">
+								rel="noopener noreferrer"
-            	<div className="clearfix">
+							>
-                	
+								<span className="icon fa fa-facebook"></span>
-                	<div className="pull-left logo-box">
+							</Link>
-                    	<div className="logo"><Link href="/"><img src="/assets/images/logo/logo-white.png" alt="" title=""/></Link></div>
+						</li>
-                    </div>
+
-					
+						{/* <li><Link href="#"><span className="icon fa fa-twitter"></span></Link></li> */}
-                   	<div className="nav-outer clearfix">
+
-						{/* Mobile Navigation Toggler */}
+						<li>
-                        <div className="mobile-nav-toggler"><span className="icon flaticon-menu" onClick={handleMobileMenu}></span></div>
+							<Link
-						{/* Main Menu */}
+								href="https://www.instagram.com/sixty5street?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
-						<nav className="main-menu navbar-expand-md">
+								target="_blank"
-							<div className="navbar-header">
+								rel="noopener noreferrer"
-								<button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+							>
-									<span className="icon-bar"></span>
+								<span className="icon fa fa-instagram"></span>
-									<span className="icon-bar"></span>
+							</Link>
-									<span className="icon-bar"></span>
+						</li>
-								</button>
+					</ul>
+					<div className="auto-container">
+						<div className="clearfix">
+
+							<div className="pull-left logo-box">
+								<div className="logo"><Link href="/"><img src="/assets/images/logo/logo-white.png" alt="Sixty5 Street header with signature fusion dishes in Etobicoke" title="" loading="lazy"/></Link></div>
 							</div>
 
-							<div className="navbar-collapse scroll-nav show collapse clearfix" id="navbarSupportedContent">
+							<div className="nav-outer clearfix">
-								<Menu2 />
+								{/* Mobile Navigation Toggler */}
-								<Menu3 />
+								<div className="mobile-nav-toggler"><span className="icon flaticon-menu" onClick={handleMobileMenu}></span></div>
-								
+								{/* Main Menu */}
+								<nav className="main-menu navbar-expand-md">
+									<div className="navbar-header">
+										<button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+											<span className="icon-bar"></span>
+											<span className="icon-bar"></span>
+											<span className="icon-bar"></span>
+										</button>
+									</div>
+
+									<div className="navbar-collapse scroll-nav show collapse clearfix" id="navbarSupportedContent">
+										<Menu2 />
+										<Menu3 />
+
+									</div>
+
+								</nav>
+
 							</div>
-							
+
-						</nav>
+						</div>
-						
 					</div>
-                   
+				</div>
-                </div>
+				{/* End Header Upper */}
-            </div>
+				<MobileMenu handleMobileMenu={handleMobileMenu} />
-        </div>
-        {/* End Header Upper */}
-		<MobileMenu handleMobileMenu={handleMobileMenu} />
-        
 
-	
-    </header>
-    {/* End Main Header */}
 
-        </>
+
-    )
+			</header>
+			{/* End Main Header */}
+
+		</>
+	)
 }

components/layout/header/Header3.js

@@ -16,7 +16,7 @@ export default function Header3({ scroll, handlePopup, handleMobileMenu, handleS
                 <div className="auto-container clearfix">
                     
                     <div className="pull-left logo-box">
-                        <div className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" title=""/></Link></div>
+                        <div className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="Sixty5 Street logo for header with signature fusion dishes in Etobicoke" title="" loading="lazy"/></Link></div>
                     </div>
                     
                     <div className="pull-right">
@@ -67,7 +67,7 @@ export default function Header3({ scroll, handlePopup, handleMobileMenu, handleS
             <div className="sticky-header">
                 <div className="auto-container clearfix">
                     <div className="logo pull-left">
-                        <Link href="/" title=""><img src="assets/images/logo-small.png" alt="" title="" /></Link>
+                        <Link href="/" title=""><img src="/assets/images/logo-small.png" alt="" title="" loading="lazy" /></Link>
                     </div>
                     <div className="pull-right">
                         <nav className="main-menu">

components/layout/header/Header4.js

@@ -22,7 +22,7 @@ export default function Header4({ scroll, handleSidebar, handleMobileMenu }) {
                         <div className="clearfix">
                             
                             <div className="pull-left logo-box">
-                                <div className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" title=""/></Link></div>
+                                <div className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="Sixty5 Street log" title="" loading="lazy"/></Link></div>
                             </div>
                             
                             <div className="nav-outer clearfix">

components/layout/header/Header5.js

@@ -13,7 +13,7 @@ export default function Header5({ scroll, handlePopup, handleMobileMenu, handleS
                     <div className="auto-container clearfix">
                         
                         <div className="pull-left logo-box">
-                            <div className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" title=""/></Link></div>
+                            <div className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="Sixty5 Street header logo , signature fusion dishes in Etobicoke " title="" loading="lazy"/></Link></div>
                         </div>
                         
                         <div className="nav-outer clearfix">
@@ -53,7 +53,7 @@ export default function Header5({ scroll, handlePopup, handleMobileMenu, handleS
                 <div className="sticky-header">
                     <div className="auto-container clearfix">
                         <div className="logo pull-left">
-                            <Link href="/" title=""><img src="assets/images/logo-small.png" alt="" title="" /></Link>
+                            <Link href="/" title=""><img src="/assets/images/logo-small.png" alt="" title="" loading="lazy"/></Link>
                         </div>
                         <div className="pull-right">
                             <nav className="main-menu">

components/sections/home1/Banner.js

@@ -53,7 +53,7 @@ export default function Banner() {
                                             <h1><span className="first-letter">Sip. Savor. </span><span className="second-letter">Smile.</span></h1>
                                             <div className="text"> Welcome to Sixty5Street - where every bite brings you the vibrant taste of global street food. From fiery wings and loaded fries to shawarma, dosas, and milkshakes, we serve crave-worthy meals made fresh, fast, and full of attitude.</div>
                                             <div className="btns-box">
-                                                <Link href="#menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>View Menu</Link>
+                                                <Link href="/about" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Know Us</Link>
                                             </div>
                                             {/* <div className="icons-box">
                                                 <img src="/assets/images/main-slider/icons.png" alt="" />
@@ -68,7 +68,7 @@ export default function Banner() {
                                             // style={{ backgroundImage: 'url(/assets/images/main-slider/icon-3.png)' }} 
                                             ></div>
                                             <div className="image">
-                                                <img src="/assets/images/banner/banner-1.webp" alt="" />
+                                                <img src="/assets/images/banner/banner-1.webp" alt="Sixty5 Street banner with signature fusion dishes in Etobicoke" loading="lazy"/>
                                             </div>
                                         </div>
                                     </div>
@@ -94,7 +94,7 @@ export default function Banner() {
                                                 Sink your teeth into juicy wings and loaded combos that bring the heat. Pick your style - BBQ, Buffalo, Garlic Parm, Hot Honey  and level up your meal with fries and a pop.
                                             </div>
                                             <div className="btns-box">
-                                                <Link href="#menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>View Menu</Link>
+                                                <Link href="/menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>View Menu</Link>
                                             </div>
                                             {/* <div className="icons-box">
                                                 <img src="/assets/images/main-slider/icons.png" alt="" />
@@ -109,7 +109,7 @@ export default function Banner() {
                                             // style={{ backgroundImage: 'url(/assets/images/main-slider/icon-3.png)' }}
                                             ></div>
                                             <div className="image">
-                                                <img src="/assets/images/banner/banner-2.webp" alt="" />
+                                                <img src="/assets/images/banner/banner-2.webp" alt="Street food fusion banner showcasing wings and shawarma combos" loading="lazy" />
                                             </div>
                                         </div>
                                     </div>
@@ -132,7 +132,7 @@ export default function Banner() {
                                             <h1><span className="first-letter">Dosas to </span><span className="second-letter">Drinks</span></h1>
                                             <div className="text"> Pair your favorite street bites with crispy snacks and creamy milkshakes. Whether it’s a cheesy dosa, spicy kothu, or a chilled Badham Royal shake, the street never tasted so good.</div>
                                             <div className="btns-box">
-                                                <Link href="#menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>View Menu</Link>
+                                                <Link href="/contact" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Get In Touch</Link>
                                             </div>
                                             {/* <div className="icons-box">
                                                 <img src="/assets/images/main-slider/icons.png" alt="" />
@@ -147,7 +147,7 @@ export default function Banner() {
                                             // style={{ backgroundImage: 'url(/assets/images/main-slider/icon-3.png)' }} 
                                             ></div>
                                             <div className="image">
-                                                <img src="/assets/images/banner/banner-3.webp" alt="" />
+                                                <img src="/assets/images/banner/banner-3.webp" alt="Bold food banner featuring Sixty5 Street’s signature dosa fusion" loading="lazy"/>
                                             </div>
                                         </div>
                                     </div>

components/sections/home1/Beverage.js

@@ -20,7 +20,7 @@ export default function Beverage() {
                         <div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="milkshake"><img src="assets/images/resource/beverage-1.jpg" alt="" /></Link>
+                                    <Link href="milkshake"><img src="/assets/images/resource/beverage-1.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="milkshake">Milkshake</Link></h6>
@@ -33,7 +33,7 @@ export default function Beverage() {
                         <div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="milkshake"><img src="assets/images/resource/beverage-2.jpg" alt="" /></Link>
+                                    <Link href="milkshake"><img src="/assets/images/resource/beverage-2.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="milkshake">Frappe</Link></h6>
@@ -46,7 +46,7 @@ export default function Beverage() {
                         <div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="milkshake"><img src="assets/images/resource/beverage-3.jpg" alt="" /></Link>
+                                    <Link href="milkshake"><img src="/assets/images/resource/beverage-3.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="milkshake">Boba Drinks</Link></h6>
@@ -59,7 +59,7 @@ export default function Beverage() {
                         <div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="milkshake"><img src="assets/images/resource/beverage-4.jpg" alt="" /></Link>
+                                    <Link href="milkshake"><img src="/assets/images/resource/beverage-4.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="milkshake">Mojito</Link></h6>
@@ -72,7 +72,7 @@ export default function Beverage() {
                         <div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="milkshake"><img src="assets/images/resource/beverage-5.jpg" alt="" /></Link>
+                                    <Link href="milkshake"><img src="/assets/images/resource/beverage-5.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="milkshake">Slushy</Link></h6>
@@ -85,7 +85,7 @@ export default function Beverage() {
                         <div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="milkshake"><img src="assets/images/resource/beverage-6.jpg" alt="" /></Link>
+                                    <Link href="milkshake"><img src="/assets/images/resource/beverage-6.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="milkshake">Hot Chocolate</Link></h6>
@@ -98,7 +98,7 @@ export default function Beverage() {
                         <div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="milkshake"><img src="assets/images/resource/beverage-7.jpg" alt="" /></Link>
+                                    <Link href="milkshake"><img src="/assets/images/resource/beverage-7.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="milkshake">smoothie</Link></h6>
@@ -111,7 +111,7 @@ export default function Beverage() {
                         <div className="beverage-block col-xl-3 col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="milkshake"><img src="assets/images/resource/beverage-8.jpg" alt="" /></Link>
+                                    <Link href="milkshake"><img src="/assets/images/resource/beverage-8.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="milkshake">coffee</Link></h6>

components/sections/home1/Blog.js

@@ -21,7 +21,7 @@ export default function Blog() {
                     <div className="news-block col-lg-4 col-md-6 col-sm-12">
                         <div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                             <div className="image">
-                                <img src="assets/images/resource/news-1.jpg" alt="" />
+                                <img src="/assets/images/resource/news-1.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
@@ -47,7 +47,7 @@ export default function Blog() {
                     <div className="news-block col-lg-4 col-md-6 col-sm-12">
                         <div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                             <div className="image">
-                                <img src="assets/images/resource/news-2.jpg" alt="" />
+                                <img src="/assets/images/resource/news-2.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
@@ -73,7 +73,7 @@ export default function Blog() {
                     <div className="news-block col-lg-4 col-md-6 col-sm-12">
                         <div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                             <div className="image">
-                                <img src="assets/images/resource/news-3.jpg" alt="" />
+                                <img src="/assets/images/resource/news-3.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">

components/sections/home1/Fluid.js

@@ -25,7 +25,7 @@ export default function Fluid() {
                     
                     
                     <div className="image-column" style={{ backgroundImage: 'url(/assets/images/resource/image-1.jpg)' }} >
-                        <figure className="image-box"><img src="/assets/images/resource/image-1.jpg" alt=""/></figure>
+                        <figure className="image-box"><img src="/assets/images/resource/image-1.jpg" alt="" loading="lazy"/></figure>
                     </div>
                     
                 </div>

components/sections/home1/Gallery.js

@@ -71,12 +71,12 @@ export default function Gallery() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/1.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/1.jpg" alt="Delicious street food served at Sixty5 Street Brampton1" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <Link href="assets/images/gallery/1.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                                <Link href="/assets/images/gallery/1.jpg" alt="Delicious street food served at Sixty5 Street Brampton2" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                             </div>
                                         </div>
                                     </div>
@@ -89,12 +89,12 @@ export default function Gallery() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/2.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/2.jpg" alt="Sixty5 Street restaurant interior Brampton Ontario" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <Link href="assets/images/gallery/2.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                                <Link href="/assets/images/gallery/2.jpg" alt="Sixty5 Street restaurant interior Brampton Ontario1" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                             </div>
                                         </div>
                                     </div>
@@ -107,12 +107,12 @@ export default function Gallery() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/3.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/3.jpg" alt="Customer dining experience at Sixty5 Street Brampton" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <Link href="assets/images/gallery/3.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                                <Link href="/assets/images/gallery/3.jpg" alt="Customer dining experience at Sixty5 Street Brampton1" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                             </div>
                                         </div>
                                     </div>
@@ -125,12 +125,12 @@ export default function Gallery() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/4.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/4.jpg" alt="Signature dishes at Sixty5 Street Brampton restaurant" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <Link href="assets/images/gallery/4.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                                <Link href="/assets/images/gallery/4.jpg" alt="Signature dishes at Sixty5 Street Brampton restaurant1" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                             </div>
                                         </div>
                                     </div>
@@ -143,12 +143,12 @@ export default function Gallery() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/5.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/5.jpg" alt="Sixty5 Street kitchen and staff in Brampton ON" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <Link href="assets/images/gallery/5.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                                <Link href="/assets/images/gallery/5.jpg"  alt="Sixty5 Street kitchen and staff in Brampton ON1" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                             </div>
                                         </div>
                                     </div>
@@ -161,12 +161,12 @@ export default function Gallery() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/1.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/1.jpg" alt="Delicious street food served at Sixty5 Street Brampton3" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <Link href="assets/images/gallery/1.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                                <Link href="/assets/images/gallery/1.jpg" alt="Delicious street food served at Sixty5 Street Brampton4" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                             </div>
                                         </div>
                                     </div>
@@ -179,12 +179,12 @@ export default function Gallery() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/2.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/2.jpg" alt="Sixty5 Street restaurant interior Brampton Ontario2" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <Link href="assets/images/gallery/2.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                                <Link href="/assets/images/gallery/2.jpg" alt="Sixty5 Street restaurant interior Brampton Ontario3" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                             </div>
                                         </div>
                                     </div>
@@ -197,12 +197,12 @@ export default function Gallery() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/3.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/3.jpg" alt="Customer dining experience at Sixty5 Street Brampton2" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <Link href="assets/images/gallery/3.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                                <Link href="/assets/images/gallery/3.jpg" alt="Customer dining experience at Sixty5 Street Brampton3" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                             </div>
                                         </div>
                                     </div>
@@ -215,12 +215,12 @@ export default function Gallery() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/4.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/4.jpg" alt="Signature dishes at Sixty5 Street Brampton restaurant2" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <Link href="assets/images/gallery/4.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                                <Link href="/assets/images/gallery/4.jpg" alt="Signature dishes at Sixty5 Street Brampton restaurant3" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                             </div>
                                         </div>
                                     </div>
@@ -233,12 +233,12 @@ export default function Gallery() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/5.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/5.jpg" alt="Sixty5 Street kitchen and staff in Brampton ON2" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <Link href="assets/images/gallery/5.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                                <Link href="/assets/images/gallery/5.jpg" alt="Sixty5 Street kitchen and staff in Brampton ON3" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                             </div>
                                         </div>
                                     </div>

components/sections/home1/Juice.js

@@ -18,7 +18,7 @@ export default function Juice() {
                         <div className="image-column col-lg-7 col-md-12 col-sm-12">
                             <div className="inner-column">
                                 <div className="image">
-                                    <img src="/assets/images/home/about/crave-worthy-left.webp" alt="" />
+                                    <img src="/assets/images/home/about/crave-worthy-left.webp" alt="Crave-worthy dishes at Sixty5 Street, Brampton ON" loading="lazy"/>
                                 </div>
                             </div>
                         </div>
@@ -28,7 +28,7 @@ export default function Juice() {
                             <div className="inner-column">
                                 {/* Sec Title */}
                                 <div className="sec-title">
-                                    <div className="title">Discover the Flavorh</div>
+                                    <div className="title">Discover the Flavor</div>
                                     <h2>Crave-Worthy  <span className="theme_color">Street Food.</span></h2>
                                     <div className="separate"></div>
                                     <div className="text"> At Sixty5Street, we bring the hustle and flavor of real street food to your plate - no shortcuts, just seriously satisfying eats. Our menu is stacked with bold bites like Chicken 65, saucy wings, sizzling shawarmas, and crispy dosas - all made fresh and bursting with flavor.</div>
@@ -36,7 +36,7 @@ export default function Juice() {
                                         Whether you're grabbing lunch, chilling with friends, or fueling a late-night craving, we've got something hot, hearty, and delicious waiting for you.
                                     </div>
                                 </div>
-                                <Link href="#menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View Menu</Link>
+                                <Link href="/about" className="theme-btn btn-style-two clearfix"><span className="icon"></span>Know About us</Link>
                             </div>
                         </div>
 

components/sections/home1/Recipe.js

@@ -28,7 +28,7 @@ export default function Recipe() {
                                 {/* Recipe Block */}
                                 <div className="recipe-block">
                                     <div className="inner-box">
-                                        <div className="icon"><img src="assets/images/resource/recipe-1.png" alt=""/></div>
+                                        <div className="icon"><img src="/assets/images/resource/recipe-1.png" alt="" loading="lazy"/></div>
                                         <h6><Link href="menu">Cucumber</Link></h6>
                                         <div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae</div>
                                     </div>
@@ -37,7 +37,7 @@ export default function Recipe() {
                                 {/* Recipe Block */}
                                 <div className="recipe-block">
                                     <div className="inner-box">
-                                        <div className="icon"><img src="assets/images/resource/recipe-2.png" alt=""/></div>
+                                        <div className="icon"><img src="/assets/images/resource/recipe-2.png" alt="" loading="lazy"/></div>
                                         <h6><Link href="menu">Apple</Link></h6>
                                         <div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae</div>
                                     </div>
@@ -50,7 +50,7 @@ export default function Recipe() {
                         <div className="image-column col-lg-2 col-md-12 col-sm-12">
                             <div className="inner-column">
                                 <div className="image">
-                                    <img src="assets/images/resource/recipe.png" alt="" />
+                                    <img src="/assets/images/resource/recipe.png" alt="" loading="lazy"/>
                                 </div>
                             </div>
                         </div>
@@ -62,7 +62,7 @@ export default function Recipe() {
                                 {/* Recipe Block / Style Two */}
                                 <div className="recipe-block style-two">
                                     <div className="inner-box">
-                                        <div className="icon"><img src="assets/images/resource/recipe-3.png" alt=""/></div>
+                                        <div className="icon"><img src="/assets/images/resource/recipe-3.png" alt="" loading="lazy"/></div>
                                         <h6><Link href="menu">Lemon</Link></h6>
                                         <div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae</div>
                                     </div>
@@ -71,7 +71,7 @@ export default function Recipe() {
                                 {/* Recipe Block / Style Two */}
                                 <div className="recipe-block style-two">
                                     <div className="inner-box">
-                                        <div className="icon"><img src="assets/images/resource/recipe-4.png" alt=""/></div>
+                                        <div className="icon"><img src="/assets/images/resource/recipe-4.png" alt="" loading="lazy"/></div>
                                         <h6><Link href="menu">Fresh Water</Link></h6>
                                         <div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae</div>
                                     </div>

components/sections/home1/Testimonial.js

@@ -84,7 +84,7 @@ export default function Testimonial() {
                             <div className="testimonial-block">
                                 <div className="inner-box">
                                     <div className="author-image">
-                                        <img src="assets/images/resource/author-1.jpg" alt="" />
+                                        <img src="/assets/images/resource/author-1.jpg" alt="" loading="lazy"/>
                                     </div>
                                     <div className="text">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et <br/> dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <br/> ullamco.”</div>
                                     <div className="designation">Meredith Grant <span>- Host Mother</span></div>
@@ -96,7 +96,7 @@ export default function Testimonial() {
                             <div className="testimonial-block">
                                 <div className="inner-box">
                                     <div className="author-image">
-                                        <img src="assets/images/resource/author-1.jpg" alt="" />
+                                        <img src="/assets/images/resource/author-1.jpg" alt="" loading="lazy"/>
                                     </div>
                                     <div className="text">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et <br/> dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <br/> ullamco.”</div>
                                     <div className="designation">Meredith Grant <span>- Host Mother</span></div>
@@ -108,7 +108,7 @@ export default function Testimonial() {
                             <div className="testimonial-block">
                                 <div className="inner-box">
                                     <div className="author-image">
-                                        <img src="assets/images/resource/author-1.jpg" alt="" />
+                                        <img src="/assets/images/resource/author-1.jpg" alt="" loading="lazy"/>
                                     </div>
                                     <div className="text">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et <br/> dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <br/> ullamco.”</div>
                                     <div className="designation">Meredith Grant <span>- Host Mother</span></div>

components/sections/home1/client-review.js

@@ -0,0 +1,188 @@
+'use client'
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import { Autoplay } from "swiper/modules";
+import { Swiper, SwiperSlide } from "swiper/react";
+
+import "swiper/css";
+import "swiper/css/autoplay";
+
+const swiperOptions = {
+    modules: [Autoplay],
+    slidesPerView: 3,
+    spaceBetween: 20,
+    loop: true,
+    autoplay: {
+        delay: 2000,
+        disableOnInteraction: false,
+        pauseOnMouseEnter: false,
+    },
+    breakpoints: {
+        0: { slidesPerView: 1 },
+        768: { slidesPerView: 2 },
+        1024: { slidesPerView: 3 },
+    },
+};
+
+export default function Testimonial() {
+    const [reviews, setReviews] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [expandedReview, setExpandedReview] = useState(null);
+    const [isClient, setIsClient] = useState(false);
+
+    useEffect(() => {
+        setIsClient(true);
+    }, []);
+
+    useEffect(() => {
+        async function loadReviews() {
+            try {
+                const res = await fetch("/api/reviews");
+                const data = await res.json();
+
+                const cleaned = (data.reviews || []).filter(r =>
+                    (r.text ||
+                        r.description ||
+                        r.snippet ||
+                        r.review_text ||
+                        r.body ||
+                        r.content) &&
+                    r.rating >= 4
+                );
+
+                setReviews(cleaned);
+            } catch (error) {
+                console.error("Failed to fetch reviews", error);
+            } finally {
+                setLoading(false);
+            }
+        }
+        loadReviews();
+    }, []);
+
+    const displayedReviews = reviews.length > 0 && reviews.length < 3
+        ? [...reviews, ...reviews, ...reviews]
+        : reviews;
+
+    function renderStars(rating) {
+        return [...Array(5)].map((_, i) => (
+            <span key={i} className={`fa fa-star ${i < rating ? "text-warning" : ""}`}></span>
+        ));
+    }
+
+    function getReviewText(r) {
+        return r.text || r.description || r.snippet || r.review_text || r.body || r.content || "";
+    }
+
+    function truncateText(text) {
+        return text.length > 150 ? text.substring(0, 150) + "..." : text;
+    }
+
+    function getProfileImage(r) {
+        // Normalize profile photo URLs
+        const url = r.profile_photo_url || r.author_profile_photo_url || r.user?.thumbnail;
+        if (!url) return "/default-user.png";
+        return url.startsWith("http") ? url : `https://lh3.googleusercontent.com/${url}`;
+    }
+
+    return (
+        <section className="testimonial-section-two pb-0">
+            <div
+                className="icon-layer-two"
+                style={{ backgroundImage: "url(/assets/images/home/review-right-bottom-element-home.webp)" }}
+            ></div>
+
+            <div className="auto-container">
+                <div className="sec-title centered">
+                    <div className="title">Google Reviews</div>
+                    <h2>Hear from our happy customers</h2>
+                    <div className="separate"></div>
+                </div>
+
+                <div className="inner-container">
+                    {loading && <p className="text-center">Loading reviews...</p>}
+
+                    {!loading && isClient && displayedReviews.length > 0 && (
+                        <Swiper {...swiperOptions} className="single-item-carousel">
+                            {displayedReviews.map((r, index) => {
+                                const fullText = getReviewText(r);
+                                const isExpanded = expandedReview === index;
+
+                                return (
+                                    <SwiperSlide key={index}>
+                                        <div className="google-review-card equal-height">
+                                            <div className="google-review-header">
+                                                <div className="google-avatar">
+                                                    <img
+                                                        src={getProfileImage(r)}
+                                                        alt={r.author_name || r.user?.name || "User"}
+                                                        onError={(e) => (e.target.src = "/default-user.png")}
+                                                    />
+                                                </div>
+
+                                                <div className="google-user-info">
+                                                    <h4 className="google-name">
+                                                        {r.author_name || r.user?.name || "Customer"}
+                                                    </h4>
+                                                    <div className="google-stars">{renderStars(r.rating)}</div>
+                                                </div>
+                                            </div>
+
+                                            <p className="google-text">
+                                                {isExpanded ? fullText : truncateText(fullText)}
+                                            </p>
+
+                                            {r.images &&
+                                                r.images.length > 0 &&
+                                                r.images.some(img => img && img !== "ky") && (
+                                                    <div className="google-review-images">
+                                                        {r.images.map((img, i) => {
+                                                            if (!img || img === "ky") return null;
+                                                            const fixedImg = img.startsWith("http")
+                                                                ? img
+                                                                : `https://lh3.googleusercontent.com/${img}`;
+                                                            return (
+                                                                <img
+                                                                    key={i}
+                                                                    src={fixedImg}
+                                                                    alt="Review image"
+                                                                    className="google-review-photo"
+                                                                    onError={(e) => (e.target.style.display = "none")}
+                                                                />
+                                                            );
+                                                        })}
+                                                    </div>
+                                                )}
+
+                                            {fullText.length > 150 && (
+                                                <button
+                                                    className="read-more-btn mt-3"
+                                                    onClick={(e) => {
+                                                        e.stopPropagation();
+                                                        setExpandedReview(isExpanded ? null : index);
+                                                    }}
+                                                >
+                                                    {isExpanded ? "Read Less" : "Read More"}
+                                                </button>
+                                            )}
+                                        </div>
+                                    </SwiperSlide>
+                                );
+                            })}
+                        </Swiper>
+                    )}
+
+                    <div className="btns-box text-center mt-4">
+                        <Link
+                            href="https://www.google.com/search?sca_esv=0fe16c1f02c217b7&sxsrf=AE3TifOLptPQLUmmtN31E_3elXLW6TFOQw:1762618049873&si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-E-aY0flGiK9jtBbvWKno0yJxYW9CK-ZYgm0G70i4ON2SMlNBNsid-fMvQPqNzI7FcY1u8NR67M0xsy1G8HMAZhtgOP2m&q=Sixty5+Street+Reviews&sa=X&ved=2ahUKEwjY5_L19-KQAxW89DgGHdw0AesQ0bkNegQILRAE&biw=1366&bih=633&dpr=1&sei=MHYRadbjFKWo4-EPlrjFkAs&zx=1762752154509&no_sw_cr=1#lrd=0x882b3dbb0e18ed73:0xbdb3783d6e6393c9,3,,,," 
+                            target="_blank"
+                            className="theme-btn btn-style-one clearfix"
+                        >
+                            <span className="icon"></span> Review us on Google
+                        </Link>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+}

components/sections/home2/Banner.js

@@ -63,7 +63,7 @@ export default function Banner() {
 						<div className="image-column col-lg-5 col-md-12 col-sm-12">
 							<div className="inner-column">
 								<div className="image">
-									<img src="assets/images/main-slider/image-2.png" alt="" />
+									<img src="/assets/images/main-slider/image-2.png" alt="" loading="lazy"/>
 								</div>
 							</div>
 						</div>
@@ -98,7 +98,7 @@ export default function Banner() {
 						<div className="image-column col-lg-5 col-md-12 col-sm-12">
 							<div className="inner-column">
 								<div className="image">
-									<img src="assets/images/main-slider/image-2.png" alt="" />
+									<img src="/assets/images/main-slider/image-2.png" alt="" loading="lazy"/>
 								</div>
 							</div>
 						</div>
@@ -132,7 +132,7 @@ export default function Banner() {
 						<div className="image-column col-lg-5 col-md-12 col-sm-12">
 							<div className="inner-column">
 								<div className="image">
-									<img src="assets/images/main-slider/image-2.png" alt="" />
+									<img src="/assets/images/main-slider/image-2.png" alt="" loading="lazy"/>
 								</div>
 							</div>
 						</div>

components/sections/home2/Gallery.js

@@ -14,7 +14,7 @@ export default function Gallery() {
                         <div className="gallery-block-two masonry-item">
                             <div className="inner-box">
                                 <div className="image-box">
-                                    <img src="/assets/images/home/categories/combos.webp" alt="" />
+                                    <img src="/assets/images/home/categories/combos.webp" alt="Street food combos at Sixty5 Street Brampton ON" loading="lazy"/>
                                     <div className="overlay-box">
                                         <h6>Combos</h6>
                                         {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
@@ -30,7 +30,7 @@ export default function Gallery() {
                         <div className="gallery-block-two masonry-item">
                             <div className="inner-box">
                                 <div className="image-box">
-                                    <img src="/assets/images/home/categories/milkshakes.webp" alt="" />
+                                    <img src="/assets/images/home/categories/milkshakes.webp" alt="Creamy milkshakes served at Sixty5 Street Brampton" loading="lazy"/>
                                     <div className="overlay-box">
                                         <h6>Milk Shakes</h6>
                                         {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
@@ -42,7 +42,7 @@ export default function Gallery() {
                         <div className="gallery-block-two masonry-item">
                             <div className="inner-box">
                                 <div className="image-box">
-                                    <img src="/assets/images/home/categories/poutine.webp" alt="" />
+                                    <img src="/assets/images/home/categories/poutine.webp" alt="Signature poutine from Sixty5 Street Brampton restaurant" loading="lazy"/>
                                     <div className="overlay-box">
                                         <h6>Poutine</h6>
                                         {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
@@ -61,7 +61,7 @@ export default function Gallery() {
                                 <div className="gallery-block-two masonry-item">
                                     <div className="inner-box">
                                         <div className="image-box">
-                                            <img src="/assets/images/home/categories/salads.webp" alt="" />
+                                            <img src="/assets/images/home/categories/salads.webp" alt="Fresh and healthy salads at Sixty5 Street Brampton ON" loading="lazy"/>
                                             <div className="overlay-box">
                                                 <h6>Salads</h6>
                                                 {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
@@ -77,7 +77,7 @@ export default function Gallery() {
                                 <div className="gallery-block-two masonry-item ">
                                     <div className="inner-box">
                                         <div className="image-box">
-                                            <img src="/assets/images/home/categories/shawarma.webp" alt="" />
+                                            <img src="/assets/images/home/categories/shawarma.webp" alt="Shawarma wraps from Sixty5 Street Brampton restaurant" loading="lazy"/>
                                             <div className="overlay-box">
                                                 <h6>Shawarma Wraps</h6>
                                                 {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
@@ -92,7 +92,7 @@ export default function Gallery() {
                                 <div className="gallery-block-two masonry-item">
                                     <div className="inner-box">
                                         <div className="image-box">
-                                            <img src="/assets/images/home/categories/dosa.webp" alt="" />
+                                            <img src="/assets/images/home/categories/dosa.webp" alt="South Indian dosa special at Sixty5 Street Brampton ON" loading="lazy"/>
                                             <div className="overlay-box">
                                                 <h6>Dosa</h6>
                                                 {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}

components/sections/home2/History.js

@@ -13,10 +13,10 @@ export default function History() {
                     <div className="image-column col-lg-6 col-md-12 col-sm-12">
                         <div className="inner-column">
                             <div className="image">
-                                <img src="assets/images/resource/history-1.jpg" alt="" />
+                                <img src="/assets/images/resource/history-1.jpg" alt="" loading="lazy"/>
                             </div>
                             <div className="image-two">
-                                <img src="assets/images/resource/history-2.jpg" alt="" />
+                                <img src="/assets/images/resource/history-2.jpg" alt="" loading="lazy"/>
                             </div>
                         </div>
                     </div>

components/sections/home2/Menus.js

@@ -8,17 +8,14 @@ export default function Menus() {
     const tabs = Object.keys(menuData);
     const menuItems = menuData[activeTab] || [];
 
-    // Split the array into 2 halves
+    const visibleItems = menuItems.slice(0, 6);
-    const mid = Math.ceil(menuItems.length / 2);
+
-    const firstHalf = menuItems.slice(0, mid);
+    const mid = Math.ceil(visibleItems.length / 2);
-    const secondHalf = menuItems.slice(mid);
+    const firstHalf = visibleItems.slice(0, mid);
+    const secondHalf = visibleItems.slice(mid);
 
     return (
         <section className="menus-section" id="menu">
-            {/* <div
-        className="pattern-layer"
-        style={{ backgroundImage: 'url(assets/images/background/4.jpg)' }}
-      ></div> */}
             <div className="auto-container">
                 {/* Section Title */}
                 <div className="sec-title mb-3 centered">
@@ -37,7 +34,7 @@ export default function Menus() {
                             style={{ cursor: 'pointer' }}
                         >
                             <span
-                                className={`nav-link ${activeTab === tab ? 'active fw-bold ' : ''}`}
+                                className={`nav-link ${activeTab === tab ? 'active fw-bold' : ''}`}
                                 style={activeTab === tab ? { color: '#cf2d1f' } : {}}
                             >
                                 {tab}
@@ -56,12 +53,12 @@ export default function Menus() {
                                     <div className="inner-box">
                                         <div className="menu-image">
                                             <Link href="/#">
-                                                <img src={item.img} alt={item.name} />
+                                                <img src={item.img} alt={item.alt} />
                                             </Link>
                                         </div>
-                                        <h6>
+                                        <h3>
                                             <Link href="/#">{item.name}</Link>
-                                        </h6>
+                                        </h3>
                                         <div className="title">{item.desc}</div>
                                         <div className="price-box">
                                             <span className="price">${item.price}</span>
@@ -80,12 +77,12 @@ export default function Menus() {
                                     <div className="inner-box">
                                         <div className="menu-image">
                                             <Link href="/#">
-                                                <img src={item.img} alt={item.name} />
+                                                <img src={item.img} alt={item.alt} />
                                             </Link>
                                         </div>
-                                        <h6>
+                                        <h3>
                                             <Link href="/#">{item.name}</Link>
-                                        </h6>
+                                        </h3>
                                         <div className="title">{item.desc}</div>
                                         <div className="price-box">
                                             <span className="price">${item.price}</span>
@@ -96,6 +93,15 @@ export default function Menus() {
                         </div>
                     </div>
                 </div>
+
+                <div className="btns-box text-center mt-4">
+                    <Link
+                        href="/menu"
+                        className="theme-btn btn-style-one clearfix"
+                    >
+                        <span className="icon"></span> View All Menu
+                    </Link>
+                </div>
             </div>
         </section>
     );

components/sections/home2/Specials.js

@@ -22,12 +22,12 @@ export default function Specials() {
                         <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
                             <div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                                 <div className="image">
-                                    <img src="/assets/images/home/special/chicken65-dry.webp" alt="" />
+                                    <img src="/assets/images/home/special/chicken65-dry.webp" alt="Dry Chicken 65 special from Sixty5 Street Brampton" loading="lazy" />
                                 </div>
                                 <div className="lower-content">
                                     <div className="clearfix">
                                         <div className="pull-left">
-                                            <h6 className="spec">Chicken 65 dry</h6>
+                                            <h3 className="spec">Chicken 65 dry</h3>
                                         </div>
                                     </div>
                                     <div className="text">
@@ -40,12 +40,12 @@ export default function Specials() {
                         <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
                             <div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                                 <div className="image">
-                                    <img src="/assets/images/home/special/chicken65-wet.webp" alt="" />
+                                    <img src="/assets/images/home/special/chicken65-wet.webp" alt="Juicy Chicken 65 wet style at Sixty5 Street Brampton" loading="lazy"/>
                                 </div>
                                 <div className="lower-content">
                                     <div className="clearfix">
                                         <div className="pull-left">
-                                            <h6 className="spec">Chicken 65 wet</h6>
+                                            <h3 className="spec">Chicken 65 wet</h3>
                                         </div>
                                     </div>
                                     <div className="text">
@@ -58,12 +58,12 @@ export default function Specials() {
                         <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
                             <div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                                 <div className="image">
-                                    <img src="/assets/images/home/special/chicken65-biryani.webp" alt="" />
+                                    <img src="/assets/images/home/special/chicken65-biryani.webp" alt="Chicken 65 biryani special at Sixty5 Street Brampton ON" loading="lazy"/>
                                 </div>
                                 <div className="lower-content">
                                     <div className="clearfix">
                                         <div className="pull-left">
-                                            <h6 className="spec">65 Biryani Bowl</h6>
+                                            <h3 className="spec">65 Biryani Bowl</h3>
                                         </div>
                                     </div>
                                     <div className="text">
@@ -76,12 +76,12 @@ export default function Specials() {
                         <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
                             <div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                                 <div className="image">
-                                    <img src="/assets/images/home/special/mutton-kothu.webp" alt="" />
+                                    <img src="/assets/images/home/special/mutton-kothu.webp" alt="Mutton kothu parotta special at Sixty5 Street Brampton" loading="lazy"/>
                                 </div>
                                 <div className="lower-content">
                                     <div className="clearfix">
                                         <div className="pull-left">
-                                            <h6 className="spec">Mutton Kothu</h6>
+                                            <h3 className="spec">Mutton Kothu</h3>
                                         </div>
                                     </div>
                                     <div className="text">
@@ -96,12 +96,12 @@ export default function Specials() {
                         <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
                             <div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                                 <div className="image">
-                                    <img src="/assets/images/home/special/veg-kothu.webp" alt="" />
+                                    <img src="/assets/images/home/special/veg-kothu.webp" alt="Veg kothu parotta from Sixty5 Street Brampton ON" loading="lazy"/>
                                 </div>
                                 <div className="lower-content">
                                     <div className="clearfix">
                                         <div className="pull-left">
-                                            <h6 className="spec">Veg Kothu</h6>
+                                            <h3 className="spec">Veg Kothu</h3>
                                         </div>
                                     </div>
                                     <div className="text">
@@ -114,12 +114,12 @@ export default function Specials() {
                         <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
                             <div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                                 <div className="image">
-                                    <img src="/assets/images/home/special/chicken-kothu.webp" alt="" />
+                                    <img src="/assets/images/home/special/chicken-kothu.webp" alt="Chicken kothu parotta freshly made at Sixty5 Street Brampton" loading="lazy"/>
                                 </div>
                                 <div className="lower-content">
                                     <div className="clearfix">
                                         <div className="pull-left">
-                                            <h6 className="spec">Chicken Kothu</h6>
+                                            <h3 className="spec">Chicken Kothu</h3>
                                         </div>
                                     </div>
                                     <div className="text">
@@ -132,12 +132,12 @@ export default function Specials() {
                         <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
                             <div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                                 <div className="image">
-                                  <img src="/assets/images/home/special/mutton-biryani.webp" alt="" />
+                                  <img src="/assets/images/home/special/mutton-biryani.webp" alt="Flavorful mutton biryani from Sixty5 Street Brampton ON" loading="lazy"/>
                                 </div>
                                 <div className="lower-content">
                                     <div className="clearfix">
                                         <div className="pull-left">
-                                            <h6 className="spec">Mutton Biryani Bowl</h6>
+                                            <h3 className="spec">Mutton Biryani Bowl</h3>
                                         </div>
                                     </div>
                                     <div className="text">

components/sections/home2/blog.js

@@ -0,0 +1,63 @@
+'use client'
+import Link from "next/link";
+import Blogs from "@/utils/constant.utils";
+
+const truncateWords = (text, limit) => {
+  const words = text.split(" ");
+  return words.length > limit ? words.slice(0, limit).join(" ") + " ..." : text;
+};
+
+const stripHtml = (html) => {
+  if (!html) return "";
+  return html.replace(/<[^>]*>/g, ""); 
+};
+
+export default function Blog() {
+  return ( 
+      <div className="sidebar-page-container">
+        <div className="auto-container">
+          <div className="row clearfix">
+            {Blogs.slice(0, 3).map((blog) => (
+              <div
+                key={blog.id}
+                className="col-lg-4 col-md-6 col-sm-12 mb-4"
+              >
+                <div className="blog-card rounded shadow-sm overflow-hidden">
+                  {/* Blog Image */}
+                  <div className="blog-image">
+                    <img
+                      src={blog.imageDetail}
+                      alt={blog.title}
+                      className="img-fluid w-100"
+                    />
+                  </div>
+
+                  {/* Blog Title */}
+                  <div className="blog-content p-3">
+                    <h3 className="mb-2 text-lg font-semibold blog-title-hover">
+                      <Link href={`/blog/${blog.slug}`} className="blog-title-link">
+                        {truncateWords(stripHtml(blog.title), 6)}
+                      </Link>
+                    </h3>
+
+                    {/* Blog Excerpt */}
+                    <p className="text-gray-700 mb-3">
+                      {truncateWords(stripHtml(blog.para), 28)}
+                    </p>
+
+                    {/* Read More Button */}
+                    <Link
+                      href={`/blog/${blog.slug}`}
+                      className="font-medium blog-title-link"
+                    >
+                      Read More
+                    </Link>
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+  );
+}

components/sections/home3/AboutNews.js

@@ -17,7 +17,7 @@ export default function Testimonial() {
                                 <div className="news-block-two">
                                     <div className="inner-box">
                                         <div className="image">
-                                            <img src="assets/images/resource/news-9.jpg" alt="" />
+                                            <img src="/assets/images/resource/news-9.jpg" alt="" loading="lazy"/>
                                             {/* Overlay Box */}
                                             <div className="overlay-box">
                                                 <div className="overlay-inner">
@@ -44,7 +44,7 @@ export default function Testimonial() {
                                 <div className="news-block-two">
                                     <div className="inner-box">
                                         <div className="image">
-                                            <img src="assets/images/resource/news-9.jpg" alt="" />
+                                            <img src="/assets/images/resource/news-9.jpg" alt="" loading="lazy"/>
                                             {/* Overlay Box */}
                                             <div className="overlay-box">
                                                 <div className="overlay-inner">
@@ -75,7 +75,7 @@ export default function Testimonial() {
                             <div className="inner-column">
                                 <h6>About us</h6>
                                 <div className="author-image">
-                                    <img src="assets/images/resource/author-2.jpg" alt="" />
+                                    <img src="/assets/images/resource/author-2.jpg" alt="" loading="lazy"/>
                                 </div>
                                 <div className="author-name">Hi Marria</div>
                                 <div className="text">ut sem non aliquet. Nullam tincidunt vestibulum condimentum. </div>

components/sections/home3/Blog.js

@@ -16,7 +16,7 @@ export default function Blog() {
                                 <div className="recipe-block-three style-two">
                                     <div className="inner-box">
                                         <div className="image">
-                                            <img src="assets/images/resource/news-4.jpg" alt="" />
+                                            <img src="/assets/images/resource/news-4.jpg" alt="" loading="lazy"/>
                                             {/* Overlay Box */}
                                             <div className="overlay-box">
                                                 <div className="overlay-inner">
@@ -42,7 +42,7 @@ export default function Blog() {
                                 <div className="recipe-block-three style-two">
                                     <div className="inner-box">
                                         <div className="image">
-                                            <img src="assets/images/resource/news-5.jpg" alt="" />
+                                            <img src="/assets/images/resource/news-5.jpg" alt="" loading="lazy"/>
                                             {/* Overlay Box */}
                                             <div className="overlay-box">
                                                 <div className="overlay-inner">
@@ -74,7 +74,7 @@ export default function Blog() {
                                 <div className="recipe-block-three">
                                     <div className="inner-box">
                                         <div className="image">
-                                            <img src="assets/images/resource/news-8.jpg" alt="" />
+                                            <img src="/assets/images/resource/news-8.jpg" alt="" loading="lazy" />
                                             {/* Overlay Box */}
                                             <div className="overlay-box">
                                                 <div className="overlay-inner">
@@ -110,7 +110,7 @@ export default function Blog() {
                                 <div className="recipe-block-three style-two">
                                     <div className="inner-box">
                                         <div className="image">
-                                            <img src="assets/images/resource/news-6.jpg" alt="" />
+                                            <img src="/assets/images/resource/news-6.jpg" alt="" loading="lazy"/>
                                             {/* Overlay Box */}
                                             <div className="overlay-box">
                                                 <div className="overlay-inner">
@@ -136,7 +136,7 @@ export default function Blog() {
                                 <div className="recipe-block-three style-two">
                                     <div className="inner-box">
                                         <div className="image">
-                                            <img src="assets/images/resource/news-7.jpg" alt="" />
+                                            <img src="/assets/images/resource/news-7.jpg" alt="" loading="lazy"/>
                                             {/* Overlay Box */}
                                             <div className="overlay-box">
                                                 <div className="overlay-inner">

components/sections/home3/Blog2.js

@@ -13,7 +13,7 @@ export default function Blog2() {
                         <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <img src="assets/images/resource/news-10.jpg" alt="" />
+                                    <img src="/assets/images/resource/news-10.jpg" alt="" loading="lazy" />
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
@@ -40,7 +40,7 @@ export default function Blog2() {
                         <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <img src="assets/images/resource/news-11.jpg" alt="" />
+                                    <img src="/assets/images/resource/news-11.jpg" alt="" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
@@ -67,7 +67,7 @@ export default function Blog2() {
                         <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <img src="assets/images/resource/news-12.jpg" alt="" />
+                                    <img src="/assets/images/resource/news-12.jpg" alt="" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
@@ -94,7 +94,7 @@ export default function Blog2() {
                         <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <img src="assets/images/resource/news-13.jpg" alt="" />
+                                    <img src="/assets/images/resource/news-13.jpg" alt="" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
@@ -121,7 +121,7 @@ export default function Blog2() {
                         <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <img src="assets/images/resource/news-14.jpg" alt="" />
+                                    <img src="/assets/images/resource/news-14.jpg" alt="" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
@@ -148,7 +148,7 @@ export default function Blog2() {
                         <div className="recipe-block-three col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <img src="assets/images/resource/news-15.jpg" alt="" />
+                                    <img src="/assets/images/resource/news-15.jpg" alt="" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">

components/sections/home3/Experience.js

@@ -24,7 +24,7 @@ export default function Experience() {
                         </div>
                         <div className="col-lg-6">
                             <div className="experience-wrapper">
-                                <div className="image"><img src="/assets/images/resource/graph.png" alt="" /></div>
+                                <div className="image"><img src="/assets/images/resource/graph.png" alt="" loading="lazy"/></div>
                                 <h1>experience</h1>
                                 <div className="experience-year"><h2>08 </h2><div className="text">Years <br />of Experience</div></div>
                             </div>

components/sections/home3/Fluid.js

@@ -4,10 +4,10 @@ import Link from "next/link";
 
 export default function Fluid() {
     const images = [
-        "/assets/images/menu-card/menu-1.webp",
+        "/assets/images/menu-card/new-menu-1.webp",
-        "/assets/images/menu-card/menu-2.webp",
+        "/assets/images/menu-card/new-menu-2.webp",
-        "/assets/images/menu-card/menu-3.webp",
+        "/assets/images/menu-card/new-menu-3.webp",
-        "/assets/images/menu-card/menu-4.webp"
+        // "/assets/images/menu-card/menu-4.webp"
     ];
 
     const [selectedImage, setSelectedImage] = useState(images[0]); // Set first image as default
@@ -40,7 +40,7 @@ export default function Fluid() {
 
                             {/* Button Box */}
                             <div className="button-box">
-                                <Link href="#menu" className="theme-btn btn-style-one clearfix">
+                                <Link href="/menu" className="theme-btn btn-style-one clearfix">
                                     <span className="icon"></span>View Menu
                                 </Link>
                             </div>

components/sections/home3/Instagram.js

@@ -77,12 +77,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/13.jpg" alt=""/>
+                                <img src="/assets/images/gallery/13.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/13.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/13.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -95,12 +95,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/14.jpg" alt=""/>
+                                <img src="/assets/images/gallery/14.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/14.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/14.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -113,12 +113,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/15.jpg" alt=""/>
+                                <img src="/assets/images/gallery/15.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/15.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/15.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -131,12 +131,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/16.jpg" alt=""/>
+                                <img src="/assets/images/gallery/16.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/16.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/16.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -149,12 +149,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/17.jpg" alt=""/>
+                                <img src="/assets/images/gallery/17.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/17.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/17.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -167,12 +167,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/18.jpg" alt=""/>
+                                <img src="/assets/images/gallery/18.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/18.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/18.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -185,12 +185,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/13.jpg" alt=""/>
+                                <img src="/assets/images/gallery/13.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/13.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/13.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -203,12 +203,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/14.jpg" alt=""/>
+                                <img src="/assets/images/gallery/14.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/14.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/14.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -221,12 +221,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/15.jpg" alt=""/>
+                                <img src="/assets/images/gallery/15.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/15.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/15.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -239,12 +239,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/16.jpg" alt=""/>
+                                <img src="/assets/images/gallery/16.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/16.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/16.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -257,12 +257,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/17.jpg" alt=""/>
+                                <img src="/assets/images/gallery/17.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/17.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/17.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>
@@ -275,12 +275,12 @@ export default function Instagram() {
                     <div className="instagram-block">
                         <div className="inner-box">
                             <figure className="image-box">
-                                <img src="assets/images/gallery/18.jpg" alt=""/>
+                                <img src="/assets/images/gallery/18.jpg" alt="" loading="lazy"/>
                                 {/* Overlay Box */}
                                 <div className="overlay-box">
                                     <div className="overlay-inner">
                                         <div className="content">
-                                            <Link href="assets/images/gallery/18.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
+                                            <Link href="/assets/images/gallery/18.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></Link>
                                         </div>
                                     </div>
                                 </div>

components/sections/home3/PopularRecipe.js

@@ -75,7 +75,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-12.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-12.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -88,7 +88,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-13.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-13.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -101,7 +101,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-14.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-14.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -114,7 +114,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-15.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-15.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -127,7 +127,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-16.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-16.jpg" alt="" loading="lazy" /></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -140,7 +140,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-17.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-17.jpg" alt="" loading="lazy" /></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -153,7 +153,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-12.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-12.jpg" alt=""  loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -166,7 +166,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-13.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-13.jpg" alt="" loading="lazy" /></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -179,7 +179,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-14.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-14.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -192,7 +192,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-15.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-15.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -205,7 +205,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-16.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-16.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -218,7 +218,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-17.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-17.jpg" alt="" loading="lazy" /></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -231,7 +231,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-12.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-12.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -244,7 +244,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-13.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-13.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -257,7 +257,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-14.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-14.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -270,7 +270,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-15.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-15.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -283,7 +283,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-16.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-16.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -296,7 +296,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-17.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-17.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -309,7 +309,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-12.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-12.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -322,7 +322,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-13.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-13.jpg" alt="" loading="lazy" /></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -335,7 +335,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-14.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-14.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -348,7 +348,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-15.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-15.jpg" alt="" loading="lazy" /></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -361,7 +361,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-16.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-16.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>
@@ -374,7 +374,7 @@ export default function PopularRecipe() {
                         <div className="recipe-block-five">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="slushy"><img src="assets/images/resource/recipe-17.jpg" alt="" /></Link>
+                                    <Link href="slushy"><img src="/assets/images/resource/recipe-17.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                                 <div className="lower-content">
                                     <h6><Link href="slushy">Broad bean and goats’ cheese bruschetta</Link></h6>

components/sections/home3/Recipe.js

@@ -20,7 +20,7 @@ export default function Recipe() {
                         <div className="recipe-block-two col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                                 <div className="image">
-                                    <img src="/assets/images/home/popular/loaded-fries.webp" alt="" />
+                                    <img src="/assets/images/home/popular/loaded-fries.webp" alt="Loaded fries served fresh at Sixty5 Street Brampton" loading="lazy"/>
                                     {/* Overlay Box */}
                                     {/* <div className="overlay-box">
                                     <div className="overlay-inner">
@@ -32,7 +32,7 @@ export default function Recipe() {
                                 </div>
                                 <div className="lower-content">
                                     <div className="category">OnTheFries</div>
-                                    <h6 className="mb-0">Loaded fries</h6>
+                                    <h3 className="mb-0">Loaded fries</h3>
                                     <div className="text">
                                         Price $7.99
                                     </div>
@@ -49,7 +49,7 @@ export default function Recipe() {
                         <div className="recipe-block-two col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                                 <div className="image">
-                                    <img src="/assets/images/home/popular/hot-wings.webp" alt="" />
+                                    <img src="/assets/images/home/popular/hot-wings.webp" alt="Spicy hot wings from Sixty5 Street Brampton restaurant" loading="lazy"/>
                                     {/* Overlay Box */}
                                     {/* <div className="overlay-box">
                                     <div className="overlay-inner">
@@ -61,7 +61,7 @@ export default function Recipe() {
                                 </div>
                                 <div className="lower-content">
                                     <div className="category">Wings</div>
-                                    <h6 className="mb-0">Hot Wings</h6>
+                                    <h3 className="mb-0">Hot Wings</h3>
                                     <div className="text">
                                         Price $9.99
                                     </div>
@@ -78,7 +78,7 @@ export default function Recipe() {
                         <div className="recipe-block-two col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                                 <div className="image">
-                                    <img src="/assets/images/home/popular/honey-garlic-chicken.webp" alt="" />
+                                    <img src="/assets/images/home/popular/honey-garlic-chicken.webp" alt="Honey garlic chicken wings at Sixty5 Street Brampton" loading="lazy"/>
                                     {/* Overlay Box */}
                                     {/* <div className="overlay-box">
                                     <div className="overlay-inner">
@@ -90,7 +90,7 @@ export default function Recipe() {
                                 </div>
                                 <div className="lower-content">
                                     <div className="category">Wings</div>
-                                    <h6 className="mb-0">Honey Garlic Chicken</h6>
+                                    <h3 className="mb-0">Honey Garlic Chicken</h3>
                                     <div className="text">
                                         Price $9.99
                                     </div>

components/sections/home3/Recipe2.js

@@ -20,7 +20,7 @@ export default function Recipe2() {
                             <div className="recipe-block-three">
                                 <div className="inner-box">
                                     <div className="image">
-                                        <img src="assets/images/resource/recipe-8.jpg" alt="" />
+                                        <img src="/assets/images/resource/recipe-8.jpg" alt="" loading="lazy"/>
                                         {/* Overlay Box */}
                                         <div className="overlay-box">
                                             <div className="overlay-inner">
@@ -57,7 +57,7 @@ export default function Recipe2() {
                             <div className="recipe-block-four">
                                 <div className="inner-box">
                                     <div className="image">
-                                        <img src="assets/images/resource/recipe-9.jpg" alt="" />
+                                        <img src="/assets/images/resource/recipe-9.jpg" alt="" loading="lazy"/>
                                         {/* Overlay Box */}
                                         <div className="overlay-box">
                                             <div className="overlay-inner">
@@ -83,7 +83,7 @@ export default function Recipe2() {
                             <div className="recipe-block-four">
                                 <div className="inner-box">
                                     <div className="image">
-                                        <img src="assets/images/resource/recipe-10.jpg" alt="" />
+                                        <img src="/assets/images/resource/recipe-10.jpg" alt="" loading="lazy"/>
                                         {/* Overlay Box */}
                                         <div className="overlay-box">
                                             <div className="overlay-inner">
@@ -109,7 +109,7 @@ export default function Recipe2() {
                             <div className="recipe-block-four">
                                 <div className="inner-box">
                                     <div className="image">
-                                        <img src="assets/images/resource/recipe-11.jpg" alt="" />
+                                        <img src="/assets/images/resource/recipe-11.jpg" alt="" loading="lazy"/>
                                         {/* Overlay Box */}
                                         <div className="overlay-box">
                                             <div className="overlay-inner">

components/sections/home3/video.js

@@ -16,7 +16,7 @@ export default function Video() {
                     {/* Video Box */}
                     <div className="video-box">
                         <figure className="video-image">
-                            <img src="/assets/images/resource/video-image.jpg" alt=""/>
+                            <img src="/assets/images/resource/video-image.jpg" alt="" loading="lazy"/>
                         </figure>
                         <a onClick={() => setOpen(true)} className="lightbox-image overlay-box"><span className="flaticon-play-arrow"><i className="ripple"></i></span></a>
                     </div>

components/sections/home4/Clients.js

@@ -73,25 +73,25 @@ export default function Clients() {
                         {/*Sponsors Carousel*/}
                         <Swiper {...swiperOptions} className="sponsors-carousel ">
                             <SwiperSlide>
-                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="assets/images/clients/1.jpg" alt=""/></Link></figure></li>
+                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="/assets/images/clients/1.jpg" alt="" loading="lazy"/></Link></figure></li>
                             </SwiperSlide>
                             <SwiperSlide>
-                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="assets/images/clients/2.jpg" alt=""/></Link></figure></li>
+                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="/assets/images/clients/2.jpg" alt="" loading="lazy"/></Link></figure></li>
                             </SwiperSlide>
                             <SwiperSlide>
-                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="assets/images/clients/3.jpg" alt=""/></Link></figure></li>
+                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="/assets/images/clients/3.jpg" alt="" loading="lazy"/></Link></figure></li>
                             </SwiperSlide>
                             <SwiperSlide>
-                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="assets/images/clients/4.jpg" alt=""/></Link></figure></li>
+                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="/assets/images/clients/4.jpg" alt="" loading="lazy"/></Link></figure></li>
                             </SwiperSlide>
                             <SwiperSlide>
-                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="assets/images/clients/5.jpg" alt=""/></Link></figure></li>
+                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="/assets/images/clients/5.jpg" alt="" loading="lazy"/></Link></figure></li>
                             </SwiperSlide>
                             <SwiperSlide>
-                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="assets/images/clients/6.jpg" alt=""/></Link></figure></li>
+                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="/assets/images/clients/6.jpg" alt="" loading="lazy"/></Link></figure></li>
                             </SwiperSlide>
                             <SwiperSlide>
-                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="assets/images/clients/1.jpg" alt=""/></Link></figure></li>
+                            <li className="slide-item"><figure className="image-box"><Link href="#"><img src="/assets/images/clients/1.jpg" alt="" loading="lazy"/></Link></figure></li>
                             </SwiperSlide>
                         </Swiper>
                     </div>

components/sections/home4/Gallery.js

@@ -12,7 +12,7 @@ export default function Gallery() {
                         <div className="gallery-block-two masonry-item">
                             <div className="inner-box">
                                 <div className="image-box">
-                                    <img src="assets/images/gallery/19.jpg" alt="" />
+                                    <img src="/assets/images/gallery/19.jpg" alt="" loading="lazy" />
                                     <div className="overlay-box">
                                         <h6><Link href="gallery">Cornish cod fillet</Link></h6>
                                         <div className="title">Us percipit urbanitas referrentur ea.</div>
@@ -28,7 +28,7 @@ export default function Gallery() {
                         <div className="gallery-block-two masonry-item">
                             <div className="inner-box">
                                 <div className="image-box">
-                                    <img src="assets/images/gallery/20.jpg" alt="" />
+                                    <img src="/assets/images/gallery/20.jpg" alt="" loading="lazy"/>
                                     <div className="overlay-box">
                                         <h6><Link href="gallery">Cornish cod fillet</Link></h6>
                                         <div className="title">Us percipit urbanitas referrentur ea.</div>
@@ -40,7 +40,7 @@ export default function Gallery() {
                         <div className="gallery-block-two masonry-item">
                             <div className="inner-box">
                                 <div className="image-box">
-                                    <img src="assets/images/gallery/21.jpg" alt="" />
+                                    <img src="/assets/images/gallery/21.jpg" alt="" loading="lazy"/>
                                     <div className="overlay-box">
                                         <h6><Link href="gallery">Cornish cod fillet</Link></h6>
                                         <div className="title">Us percipit urbanitas referrentur ea.</div>
@@ -59,7 +59,7 @@ export default function Gallery() {
                                 <div className="gallery-block-two masonry-item">
                                     <div className="inner-box">
                                         <div className="image-box">
-                                            <img src="assets/images/gallery/22.jpg" alt="" />
+                                            <img src="/assets/images/gallery/22.jpg" alt="" loading="lazy"/>
                                             <div className="overlay-box">
                                                 <h6><Link href="gallery">Cornish cod fillet</Link></h6>
                                                 <div className="title">Us percipit urbanitas referrentur ea.</div>
@@ -75,7 +75,7 @@ export default function Gallery() {
                                 <div className="gallery-block-two masonry-item ">
                                     <div className="inner-box">
                                         <div className="image-box">
-                                            <img src="assets/images/gallery/23.jpg" alt="" />
+                                            <img src="/assets/images/gallery/23.jpg" alt="" loading="lazy"/>
                                             <div className="overlay-box">
                                                 <h6><Link href="gallery">Cornish cod fillet</Link></h6>
                                                 <div className="title">Us percipit urbanitas referrentur ea.</div>
@@ -90,7 +90,7 @@ export default function Gallery() {
                                 <div className="gallery-block-two masonry-item">
                                     <div className="inner-box">
                                         <div className="image-box">
-                                            <img src="assets/images/gallery/24.jpg" alt="" />
+                                            <img src="/assets/images/gallery/24.jpg" alt="" loading="lazy"/>
                                             <div className="overlay-box">
                                                 <h6><Link href="gallery">Cornish cod fillet</Link></h6>
                                                 <div className="title">Us percipit urbanitas referrentur ea.</div>

components/sections/home4/Menu.js

@@ -33,7 +33,7 @@ export default function Menu() {
                                     </div>
                                 </div>
                                 <div className="image">
-                                    <Link href="#"><img src="assets/images/resource/menu-35.jpg" alt="" /></Link>
+                                    <Link href="#"><img src="/assets/images/resource/menu-35.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                             </div>
                         </div>
@@ -62,7 +62,7 @@ export default function Menu() {
                                     </div>
                                 </div>
                                 <div className="image">
-                                    <Link href="#"><img src="assets/images/resource/menu-36.jpg" alt="" /></Link>
+                                    <Link href="#"><img src="/assets/images/resource/menu-36.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                             </div>
                         </div>
@@ -91,7 +91,7 @@ export default function Menu() {
                                     </div>
                                 </div>
                                 <div className="image">
-                                    <Link href="#"><img src="assets/images/resource/menu-37.jpg" alt="" /></Link>
+                                    <Link href="#"><img src="/assets/images/resource/menu-37.jpg" alt="" loading="lazy"/></Link>
                                 </div>
                             </div>
                         </div>

components/sections/home4/Menu2.js

@@ -13,12 +13,12 @@ export default function Menu2() {
                         <div className="menu-block-two col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="side-icon">
-                                    <img src="/assets/images/home/3-cards/icon-1.webp" alt="" />
+                                    <img src="/assets/images/home/3-cards/icon-1.webp" alt="Freshly made street food served at Sixty5 Street Brampton" loading="lazy"/>
                                 </div>
                                 <div className="icon">
-                                    <img src="/assets/images/home/3-cards/icon-small-1.webp" alt="" />
+                                    <img src="/assets/images/home/3-cards/icon-small-1.webp" alt="Quality street food symbol from Sixty5 Street Brampton" loading="lazy"/>
                                 </div>
-                                <h6>Street Flavor</h6>
+                                <h3>Street Flavor</h3>
                                 <div className="text">Spicy shawarmas, crispy dosas, saucy wings burst with bold, unforgettable street flavor.</div>
                             </div>
                         </div>
@@ -27,12 +27,12 @@ export default function Menu2() {
                         <div className="menu-block-two col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="side-icon">
-                                    <img src="/assets/images/home/3-cards/icon-2.webp" alt="" />
+                                    <img src="/assets/images/home/3-cards/icon-2.webp" alt="Authentic street eats icon from Sixty5 Street Brampton" loading="lazy"/>
                                 </div>
                                 <div className="icon">
-                                    <img src="/assets/images/home/3-cards/icon-small-2 .webp" alt="" />
+                                    <img src="/assets/images/home/3-cards/icon-small-2 .webp" alt="Delicious food experience icon at Sixty5 Street Brampton" loading="lazy"/>
                                 </div>
-                                <h6>Fresh Ingredients</h6>
+                                <h3>Fresh Ingredients</h3>
                                 <div className="text">Handpicked vegetables, premium proteins, and authentic masalas elevate each dish.</div>
                             </div>
                         </div>
@@ -41,12 +41,12 @@ export default function Menu2() {
                         <div className="menu-block-two col-lg-4 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="side-icon">
-                                    <img src="/assets/images/home/3-cards/icon-3.webp" alt="" />
+                                    <img src="/assets/images/home/3-cards/icon-3.webp" alt="Fast and flavorful service icon from Sixty5 Street Brampton" loading="lazy"/>
                                 </div>
                                 <div className="icon">
-                                    <img src="/assets/images/home/3-cards/icon-small-3.webp" alt="" />
+                                    <img src="/assets/images/home/3-cards/icon-small-3.webp" alt="Tasty bites icon for Sixty5 Street Brampton ON" loading="lazy" />
                                 </div>
-                                <h6>Quick Service</h6>
+                                <h3>Quick Service</h3>
                                 <div className="text">Freshly prepared, expertly crafted meals delivered fast without compromising quality.</div>
                             </div>
                         </div>

components/sections/home4/Menu3.js

@@ -7,7 +7,7 @@ export default function Menu3() {
             {/* Menus Section */}
             <section className="menus-section style-two">
                 <figure className="menu-bottom-image">
-                    <img src="assets/images/resource/menu-9.jpg" alt=""/>
+                    <img src="/assets/images/resource/menu-9.jpg" alt="" loading="lazy"/>
                 </figure>
                 <div className="auto-container">
                     {/* Sec Title */}
@@ -26,7 +26,7 @@ export default function Menu3() {
                                 <div className="menu-block">
                                     <div className="inner-box">
                                         <div className="menu-image">
-                                            <Link href="menu"><img src="assets/images/resource/menu-1.jpg" alt="" /></Link>
+                                            <Link href="menu"><img src="/assets/images/resource/menu-1.jpg" alt="" loading="lazy"/></Link>
                                         </div>
                                         <h6><Link href="menu">Grilled Toast Burger</Link></h6>
                                         <div className="title">Crispy black garlic</div>
@@ -40,7 +40,7 @@ export default function Menu3() {
                                 <div className="menu-block">
                                     <div className="inner-box">
                                         <div className="menu-image">
-                                            <Link href="menu"><img src="assets/images/resource/menu-3.jpg" alt="" /></Link>
+                                            <Link href="menu"><img src="/assets/images/resource/menu-3.jpg" alt="" loading="lazy"/></Link>
                                         </div>
                                         <h6><Link href="menu">Fried snacks</Link></h6>
                                         <div className="title">Crispy black garlic</div>
@@ -54,7 +54,7 @@ export default function Menu3() {
                                 <div className="menu-block">
                                     <div className="inner-box">
                                         <div className="menu-image">
-                                            <Link href="menu"><img src="assets/images/resource/menu-5.jpg" alt="" /></Link>
+                                            <Link href="menu"><img src="/assets/images/resource/menu-5.jpg" alt="" loading="lazy"/></Link>
                                         </div>
                                         <h6><Link href="menu">Pizza</Link></h6>
                                         <div className="title">Crispy black garlic</div>
@@ -68,7 +68,7 @@ export default function Menu3() {
                                 <div className="menu-block">
                                     <div className="inner-box">
                                         <div className="menu-image">
-                                            <Link href="menu"><img src="assets/images/resource/menu-7.jpg" alt="" /></Link>
+                                            <Link href="menu"><img src="/assets/images/resource/menu-7.jpg" alt="" loading="lazy" /></Link>
                                         </div>
                                         <h6><Link href="menu">Sandwiches</Link></h6>
                                         <div className="title">Crispy black garlic</div>
@@ -88,7 +88,7 @@ export default function Menu3() {
                                 <div className="menu-block">
                                     <div className="inner-box">
                                         <div className="menu-image">
-                                            <Link href="menu"><img src="assets/images/resource/menu-2.jpg" alt="" /></Link>
+                                            <Link href="menu"><img src="/assets/images/resource/menu-2.jpg" alt="" loading="lazy"/></Link>
                                         </div>
                                         <h6><Link href="menu">Coca Cola</Link></h6>
                                         <div className="title">Carbonated Drinks</div>
@@ -102,7 +102,7 @@ export default function Menu3() {
                                 <div className="menu-block">
                                     <div className="inner-box">
                                         <div className="menu-image">
-                                            <Link href="menu"><img src="assets/images/resource/menu-4.jpg" alt="" /></Link>
+                                            <Link href="menu"><img src="/assets/images/resource/menu-4.jpg" alt="" loading="lazy"/></Link>
                                         </div>
                                         <h6><Link href="menu">Papsi</Link></h6>
                                         <div className="title">Carbonated Drinks</div>
@@ -116,7 +116,7 @@ export default function Menu3() {
                                 <div className="menu-block">
                                     <div className="inner-box">
                                         <div className="menu-image">
-                                            <Link href="menu"><img src="assets/images/resource/menu-6.jpg" alt="" /></Link>
+                                            <Link href="menu"><img src="/assets/images/resource/menu-6.jpg" alt="" loading="lazy"/></Link>
                                         </div>
                                         <h6><Link href="menu">Mirinda</Link></h6>
                                         <div className="title">Carbonated Drinks</div>
@@ -130,7 +130,7 @@ export default function Menu3() {
                                 <div className="menu-block">
                                     <div className="inner-box">
                                         <div className="menu-image">
-                                            <Link href="menu"><img src="assets/images/resource/menu-8.jpg" alt="" /></Link>
+                                            <Link href="menu"><img src="/assets/images/resource/menu-8.jpg" alt="" loading="lazy"/></Link>
                                         </div>
                                         <h6><Link href="menu">Fanta</Link></h6>
                                         <div className="title">Carbonated Drinks</div>

components/sections/home4/Staff.js

@@ -19,7 +19,7 @@ export default function Staff() {
                         <div className="staff-block col-lg-3 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="#"><img src="assets/images/resource/staff-4.jpg" alt="" /></Link>
+                                    <Link href="#"><img src="/assets/images/resource/staff-4.jpg" alt="" loading="lazy"/></Link>
                                     <div className="overlay-box">
                                         <div className="content">
                                             <h6><Link href="#">Jusica Malina</Link></h6>
@@ -39,7 +39,7 @@ export default function Staff() {
                         <div className="staff-block col-lg-3 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="#"><img src="assets/images/resource/staff-5.jpg" alt="" /></Link>
+                                    <Link href="#"><img src="/assets/images/resource/staff-5.jpg" alt="" loading="lazy" /></Link>
                                     <div className="overlay-box">
                                         <div className="content">
                                             <h6><Link href="#">Jusica Malina</Link></h6>
@@ -59,7 +59,7 @@ export default function Staff() {
                         <div className="staff-block col-lg-3 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="#"><img src="assets/images/resource/staff-6.jpg" alt="" /></Link>
+                                    <Link href="#"><img src="/assets/images/resource/staff-6.jpg" alt="" loading="lazy"/></Link>
                                     <div className="overlay-box">
                                         <div className="content">
                                             <h6><Link href="#">Jusica Malina</Link></h6>
@@ -79,7 +79,7 @@ export default function Staff() {
                         <div className="staff-block col-lg-3 col-md-6 col-sm-12">
                             <div className="inner-box">
                                 <div className="image">
-                                    <Link href="#"><img src="assets/images/resource/staff-7.jpg" alt="" /></Link>
+                                    <Link href="#"><img src="/assets/images/resource/staff-7.jpg" alt="" loading="lazy"/></Link>
                                     <div className="overlay-box">
                                         <div className="content">
                                             <h6><Link href="#">Jusica Malina</Link></h6>

components/sections/home4/Tips.js

@@ -13,10 +13,10 @@ export default function Tips() {
                         <div className="image-column col-lg-6 col-md-12 col-sm-12">
                             <div className="inner-column">
                                 <div className="image">
-                                    <img src="assets/images/resource/history-1.jpg" alt="" />
+                                    <img src="/assets/images/resource/history-1.jpg" alt="" loading="lazy"/>
                                 </div>
                                 <div className="image-two">
-                                    <img src="assets/images/resource/history-2.jpg" alt="" />
+                                    <img src="/assets/images/resource/history-2.jpg" alt="" loading="lazy"/>
                                 </div>
                             </div>
                         </div>
@@ -35,7 +35,7 @@ export default function Tips() {
                                     <Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
                                 </div>
                                 <div className="signature-image">
-                                    <img src="assets/images/icons/signature.png" alt="" />
+                                    <img src="/assets/images/icons/signature.png" alt="" loading="lazy" />
                                 </div>
                             </div>
                         </div>

components/sections/home4/Video.js

@@ -11,7 +11,7 @@ export default function Video() {
                 {/* Video Box */}
                 <div className="video-box">
                     <figure className="video-image">
-                        <img src="assets/images/background/8.jpg" alt=""/>
+                        <img src="/assets/images/background/8.jpg" alt="" loading="lazy"/>
                     </figure>
                     <a onClick={() => setOpen(true)} className="lightbox-image overlay-box"><span className="flaticon-play-arrow"><i className="ripple"></i></span></a>
                 </div>

components/slider/GallerySlider1.js

@@ -83,12 +83,12 @@ export default function AwardSlider1() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/1.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/1.jpg" alt="Delicious street food served at Sixty5 Street Brampton5" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <a href="assets/images/gallery/1.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
+                                                <a href="/assets/images/gallery/1.jpg" alt="Delicious street food served at Sixty5 Street Brampton6" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
                                             </div>
                                         </div>
                                     </div>
@@ -101,12 +101,12 @@ export default function AwardSlider1() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/2.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/2.jpg" alt="Sixty5 Street restaurant interior Brampton Ontario4" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <a href="assets/images/gallery/2.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
+                                                <a href="/assets/images/gallery/2.jpg" alt="Sixty5 Street restaurant interior Brampton Ontario5" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
                                             </div>
                                         </div>
                                     </div>
@@ -119,12 +119,12 @@ export default function AwardSlider1() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/3.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/3.jpg" alt="Customer dining experience at Sixty5 Street Brampton4" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <a href="assets/images/gallery/3.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
+                                                <a href="/assets/images/gallery/3.jpg" alt="Customer dining experience at Sixty5 Street Brampton5" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
                                             </div>
                                         </div>
                                     </div>
@@ -137,12 +137,12 @@ export default function AwardSlider1() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/4.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/4.jpg" alt="Signature dishes at Sixty5 Street Brampton restaurant4" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <a href="assets/images/gallery/4.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
+                                                <a href="/assets/images/gallery/4.jpg" alt="Signature dishes at Sixty5 Street Brampton restaurant5" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
                                             </div>
                                         </div>
                                     </div>
@@ -155,12 +155,12 @@ export default function AwardSlider1() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/5.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/5.jpg" alt="Sixty5 Street kitchen and staff in Brampton ON4" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <a href="assets/images/gallery/5.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
+                                                <a href="/assets/images/gallery/5.jpg" alt="Sixty5 Street kitchen and staff in Brampton ON5" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
                                             </div>
                                         </div>
                                     </div>
@@ -173,12 +173,12 @@ export default function AwardSlider1() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/1.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/1.jpg" alt="Delicious street food served at Sixty5 Street Brampton7" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <a href="assets/images/gallery/1.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
+                                                <a href="/assets/images/gallery/1.jpg" alt="Delicious street food served at Sixty5 Street Brampton8" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
                                             </div>
                                         </div>
                                     </div>
@@ -192,12 +192,12 @@ export default function AwardSlider1() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/2.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/2.jpg" alt="Sixty5 Street restaurant interior Brampton Ontario6" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <a href="assets/images/gallery/2.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
+                                                <a href="/assets/images/gallery/2.jpg" alt="Sixty5 Street restaurant interior Brampton Ontario7" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
                                             </div>
                                         </div>
                                     </div>
@@ -210,12 +210,12 @@ export default function AwardSlider1() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/3.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/3.jpg" alt="Customer dining experience at Sixty5 Street Brampton6" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <a href="assets/images/gallery/3.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
+                                                <a href="/assets/images/gallery/3.jpg" alt="Customer dining experience at Sixty5 Street Brampton7" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
                                             </div>
                                         </div>
                                     </div>
@@ -228,12 +228,12 @@ export default function AwardSlider1() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/4.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/4.jpg" alt="Signature dishes at Sixty5 Street Brampton restaurant6" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <a href="assets/images/gallery/4.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
+                                                <a href="/assets/images/gallery/4.jpg" alt="Signature dishes at Sixty5 Street Brampton restaurant7" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
                                             </div>
                                         </div>
                                     </div>
@@ -246,12 +246,12 @@ export default function AwardSlider1() {
                         <div className="gallery-block">
                             <div className="inner-box">
                                 <figure className="image-box">
-                                    <img src="assets/images/gallery/5.jpg" alt=""/>
+                                    <img src="/assets/images/gallery/5.jpg" alt="Sixty5 Street kitchen and staff in Brampton ON6" loading="lazy"/>
                                     {/* Overlay Box */}
                                     <div className="overlay-box">
                                         <div className="overlay-inner">
                                             <div className="content">
-                                                <a href="assets/images/gallery/5.jpg" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
+                                                <a href="/assets/images/gallery/5.jpg" alt="Sixty5 Street kitchen and staff in Brampton ON7" data-fancybox="gallery" data-caption="" className="icon flaticon-plus"></a>
                                             </div>
                                         </div>
                                     </div>

package-lock.json

@@ -8,15 +8,21 @@
       "name": "start-app-dir",
       "version": "0.1.0",
       "dependencies": {
+        "axios": "^1.13.2",
         "isotope-layout": "^3.0.6",
         "next": "13.4.19",
         "react": "18.2.0",
         "react-curved-text": "^2.0.2",
         "react-dom": "18.2.0",
+        "react-google-recaptcha": "^3.1.0",
+        "react-image-lightbox": "^5.1.4",
         "react-modal-video": "^2.0.1",
         "sass": "^1.66.1",
+        "selenium-webdriver": "^4.38.0",
+        "sitemap": "^8.0.0",
         "swiper": "^10.2.0",
-        "wowjs": "^1.1.3"
+        "wowjs": "^1.1.3",
+        "xml2js": "^0.6.2"
       }
     },
     "node_modules/@babel/runtime": {
@@ -28,6 +34,12 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@bazel/runfiles": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@bazel/runfiles/-/runfiles-6.5.0.tgz",
+      "integrity": "sha512-RzahvqTkfpY2jsDxo8YItPX+/iZ6hbiikw1YhE0bA9EKBR5Og8Pa6FHn9PO9M0zaXRVsr0GFQLKbB/0rzy9SzA==",
+      "license": "Apache-2.0"
+    },
     "node_modules/@next/env": {
       "version": "13.4.19",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.19.tgz",
@@ -483,12 +495,50 @@
         "tslib": "^2.4.0"
       }
     },
+    "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/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/animate.css": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
       "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==",
       "license": "MIT"
     },
+    "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/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.2.tgz",
+      "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/braces": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
@@ -513,6 +563,19 @@
         "node": ">=10.16.0"
       }
     },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001727",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz",
@@ -554,6 +617,18 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/core-js": {
       "version": "3.44.0",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.44.0.tgz",
@@ -565,12 +640,27 @@
         "url": "https://opencollective.com/core-js"
       }
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "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/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/desandro-matches-selector": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/desandro-matches-selector/-/desandro-matches-selector-2.0.2.tgz",
@@ -607,12 +697,77 @@
       "deprecated": "dommatrix is no longer maintained. Please use @thednp/dommatrix.",
       "license": "MIT"
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "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/exenv": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz",
+      "integrity": "sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/fill-range": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
@@ -635,6 +790,88 @@
         "desandro-matches-selector": "^2.0.0"
       }
     },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/get-size": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/get-size/-/get-size-2.0.3.tgz",
@@ -647,18 +884,90 @@
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
       "license": "BSD-2-Clause"
     },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "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/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "license": "MIT"
+    },
     "node_modules/immutable": {
       "version": "5.1.3",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz",
       "integrity": "sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==",
       "license": "MIT"
     },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -692,6 +1001,12 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
     "node_modules/isotope-layout": {
       "version": "3.0.6",
       "resolved": "https://registry.npmjs.org/isotope-layout/-/isotope-layout-3.0.6.tgz",
@@ -711,6 +1026,27 @@
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
       "license": "MIT"
     },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -733,6 +1069,15 @@
         "outlayer": "^2.1.0"
       }
     },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/micromatch": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
@@ -747,6 +1092,27 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -839,6 +1205,12 @@
         "get-size": "^2.0.2"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -882,6 +1254,12 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -893,6 +1271,12 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -905,6 +1289,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-async-script": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/react-async-script/-/react-async-script-1.2.0.tgz",
+      "integrity": "sha512-bCpkbm9JiAuMGhkqoAiC0lLkb40DJ0HOEJIku+9JDjxX3Rcs+ztEOG13wbrOskt3n2DTrjshhaQ/iay+SnGg5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "hoist-non-react-statics": "^3.3.0",
+        "prop-types": "^15.5.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.4.1"
+      }
+    },
     "node_modules/react-curved-text": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/react-curved-text/-/react-curved-text-2.0.2.tgz",
@@ -931,12 +1328,62 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-google-recaptcha": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/react-google-recaptcha/-/react-google-recaptcha-3.1.0.tgz",
+      "integrity": "sha512-cYW2/DWas8nEKZGD7SCu9BSuVz8iOcOLHChHyi7upUuVhkpkhYG/6N3KDiTQ3XAiZ2UAZkfvYKMfAHOzBOcGEg==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.5.0",
+        "react-async-script": "^1.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.4.1"
+      }
+    },
+    "node_modules/react-image-lightbox": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/react-image-lightbox/-/react-image-lightbox-5.1.4.tgz",
+      "integrity": "sha512-kTiAODz091bgT7SlWNHab0LSMZAPJtlNWDGKv7pLlLY1krmf7FuG1zxE0wyPpeA8gPdwfr3cu6sPwZRqWsc3Eg==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.7.2",
+        "react-modal": "^3.11.1"
+      },
+      "peerDependencies": {
+        "react": "16.x || 17.x",
+        "react-dom": "16.x || 17.x"
+      }
+    },
     "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-modal": {
+      "version": "3.16.3",
+      "resolved": "https://registry.npmjs.org/react-modal/-/react-modal-3.16.3.tgz",
+      "integrity": "sha512-yCYRJB5YkeQDQlTt17WGAgFJ7jr2QYcWa1SHqZ3PluDmnKJ/7+tVU+E6uKyZ0nODaeEj+xCpK4LcSnKXLMC0Nw==",
+      "license": "MIT",
+      "dependencies": {
+        "exenv": "^1.2.0",
+        "prop-types": "^15.7.2",
+        "react-lifecycles-compat": "^3.0.0",
+        "warning": "^4.0.3"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18 || ^19",
+        "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18 || ^19"
+      }
+    },
     "node_modules/react-modal-video": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/react-modal-video/-/react-modal-video-2.0.2.tgz",
@@ -967,6 +1414,21 @@
         "react-dom": ">=16.6.0"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
     "node_modules/readdirp": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
@@ -980,6 +1442,12 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
     "node_modules/sass": {
       "version": "1.89.2",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.89.2.tgz",
@@ -1000,6 +1468,12 @@
         "@parcel/watcher": "^2.4.1"
       }
     },
+    "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",
@@ -1009,6 +1483,56 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "node_modules/selenium-webdriver": {
+      "version": "4.38.0",
+      "resolved": "https://registry.npmjs.org/selenium-webdriver/-/selenium-webdriver-4.38.0.tgz",
+      "integrity": "sha512-5/UXXFSQmn7FGQkbcpAqvfhzflUdMWtT7QqpEgkFD6Q6rDucxB5EUfzgjmr6JbUj30QodcW3mDXehzoeS/Vy5w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/SeleniumHQ"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/selenium"
+        }
+      ],
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@bazel/runfiles": "^6.3.1",
+        "jszip": "^3.10.1",
+        "tmp": "^0.2.5",
+        "ws": "^8.18.3"
+      },
+      "engines": {
+        "node": ">= 20.0.0"
+      }
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "license": "MIT"
+    },
+    "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",
@@ -1026,6 +1550,15 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "node_modules/styled-jsx": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
@@ -1077,6 +1610,15 @@
         "node": ">= 4.7.0"
       }
     },
+    "node_modules/tmp": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
+      "integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -1096,6 +1638,21 @@
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "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"
+      }
+    },
     "node_modules/watchpack": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
@@ -1117,6 +1674,49 @@
         "animate.css": "latest"
       }
     },
+    "node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xml2js": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.6.2.tgz",
+      "integrity": "sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==",
+      "license": "MIT",
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
     "node_modules/zod": {
       "version": "3.21.4",
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz",

package.json

@@ -7,17 +7,24 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "sass": "sass --watch public/assets/scss/main.scss:public/assets/css/main.css"
+    "sass": "sass --watch public/assets/scss/main.scss:public/assets/css/main.css",
+    "sitemap": "node scripts/generate-sitemap.js"
   },
   "dependencies": {
+    "axios": "^1.13.2",
     "isotope-layout": "^3.0.6",
     "next": "13.4.19",
     "react": "18.2.0",
     "react-curved-text": "^2.0.2",
     "react-dom": "18.2.0",
+    "react-google-recaptcha": "^3.1.0",
+    "react-image-lightbox": "^5.1.4",
     "react-modal-video": "^2.0.1",
     "sass": "^1.66.1",
+    "selenium-webdriver": "^4.38.0",
+    "sitemap": "^8.0.0",
     "swiper": "^10.2.0",
-    "wowjs": "^1.1.3"
+    "wowjs": "^1.1.3",
+    "xml2js": "^0.6.2"
   }
 }

public/assets/css/responsive.css

@@ -474,6 +474,11 @@
 		display: none;
 	}
 
+	.sidebar-page-container .icon-layer-one,
+	.page-title h1 br {
+		display: none;
+	}
+
 	.contact-page-section .info-column .inner-column {
 		padding-top: 0px;
 	}
@@ -869,6 +874,12 @@
 		font-size: 30px;
 	}
 
+	.page-title h1,
+	h1 {
+		font-size: 30px;
+	}
+
+
 	.sidebar-page-container .comments-area .comment,
 	.shop-page .prod-tabs .reviews-container .review-box {
 		padding-left: 0px;
@@ -1158,9 +1169,9 @@
 		padding: 50px 0px;
 	}
 
-	.gallery-section-two {
+	/* .gallery-section-two {
 		padding: 0px 0px;
-	}
+	} */
 
 	.banner-section-two .content-column h1 {
 		font-size: 34px;
@@ -1183,14 +1194,14 @@
 		padding: 30px 25px 50px;
 	}
 
-	.menu-block .inner-box {
+	/* .menu-block .inner-box {
 		padding-left: 0px;
 	}
 
 	.menu-block .inner-box .menu-image {
 		position: relative;
 		margin-bottom: 20px;
-	}
+	} */
 
 	.history-section .image-column .image-two {
 		position: relative;
@@ -1344,30 +1355,34 @@
 		height: 70px;
 	}
 }
-@media only screen and (max-width: 768px) {
-  .book-list {
-    justify-content: center !important;
-    flex-wrap: wrap; 
-    gap: 10px;
-  }
 
-  .book-list li img {
+@media only screen and (max-width: 768px) {
-    width: 97px;
+	.book-list {
-    height: 97px;
+		justify-content: center !important;
-  }
+		flex-wrap: wrap;
+		gap: 10px;
+	}
+
+	.book-list li img {
+		width: 97px;
+		height: 97px;
+	}
 }
 
 @media only screen and (max-width: 768px) {
-	.juice-section .content-column .sec-title .title, h2{
+
-	text-align: center;
+	.juice-section .content-column .sec-title .title,
-}
+	h2 {
+		text-align: center;
+	}
 }
+
 @media (max-width: 768px) {
-  .separate {
+	.separate {
-    background-position: center center !important;
+		background-position: center center !important;
-    background-repeat: no-repeat !important;
+		background-repeat: no-repeat !important;
-    background-size: contain !important; 
+		background-size: contain !important;
-    margin: 10px auto 0 auto !important; 
+		margin: 10px auto 0 auto !important;
-    display: block;
+		display: block;
-  }
+	}
-}
+}

public/assets/css/style.css

@@ -1632,6 +1632,7 @@
 	bottom: 0px;
 	width: 339px;
 	height: 265px;
+	opacity: 0.3;
 }
 
 .fluid-section-one .content-column .inner-column {
@@ -2351,7 +2352,7 @@
 	position: relative;
 	padding-bottom: 0px;
 	background-color: #050505;
-		/* background-color: #e0766d; */
+	/* background-color: #e0766d; */
 
 }
 
@@ -2561,6 +2562,10 @@
 	text-transform: uppercase;
 }
 
+.special-block .inner-box .lower-content h3{
+	font-size: 18px;
+}
+
 .special-block .inner-box .lower-content h4 a {
 	position: relative;
 	color: #27272f;
@@ -2804,11 +2809,21 @@
 	font-weight: 500;
 }
 
+.menu-block .inner-box h3 {
+	font-size: 16px;
+	font-weight: 500;
+}
+
 .menu-block .inner-box h6 a {
 	position: relative;
 	color: #27272f;
 }
 
+.menu-block .inner-box h3 a {
+	position: relative;
+	color: #27272f;
+}
+
 .menu-block .inner-box .title {
 	position: relative;
 	color: #5e5e5e;
@@ -2867,7 +2882,7 @@
 
 .history-section {
 	position: relative;
-	padding: 80px 0px 80px;
+	padding: 100px 0px 0px;
 }
 
 .history-section .pattern-layer {
@@ -3006,7 +3021,7 @@
 
 .contact-section {
 	position: relative;
-	padding: 80px 0px 60px;
+	padding: 100px 0px 100px;
 }
 
 .contact-section .title-column {
@@ -3387,7 +3402,7 @@
 	padding: 2px 18px;
 	border-radius: 8px;
 	display: inline-block;
-	background-color: #CF2D10 ;
+	background-color: #CF2D10;
 	text-transform: uppercase;
 }
 
@@ -3397,6 +3412,12 @@
 	margin-bottom: 12px;
 }
 
+.recipe-block-two .inner-box .lower-content h3 {
+	margin-top: 15px;
+	font-weight: 600;
+	margin-bottom: 12px;
+}
+
 .recipe-block-two .inner-box .lower-content h6 {
 	position: relative;
 	color: #27272f;
@@ -3407,6 +3428,17 @@
 	transition: all 300ms ease;
 }
 
+.recipe-block-two .inner-box .lower-content h3 {
+	font-size: 18px;
+	position: relative;
+	color: #27272f;
+	-webkit-transition: all 300ms ease;
+	-ms-transition: all 300ms ease;
+	-o-transition: all 300ms ease;
+	-moz-transition: all 300ms ease;
+	transition: all 300ms ease;
+}
+
 .recipe-block-two .inner-box .lower-content .post-info {
 	position: relative;
 }
@@ -4841,6 +4873,16 @@
 	text-transform: capitalize;
 }
 
+.page-title h1 {
+	color: #ffffff;
+	font-weight: 700;
+	margin-bottom: 0px;
+	text-transform: capitalize;
+	position: relative;
+	font-size: 48px;
+	line-height: 1.3em;
+}
+
 .page-breadcrumb {
 	position: relative;
 	margin-top: 20px;
@@ -4902,7 +4944,7 @@
 
 .history-section-two {
 	position: relative;
-	padding: 100px 0px 150px;
+	padding: 100px 0px 100px;
 }
 
 .history-section-two .image-column {
@@ -4941,7 +4983,7 @@
 .history-section-two .content-column .inner-column {
 	position: relative;
 	padding-left: 20px;
-	padding-top: 130px;
+	padding-top: 100px;
 }
 
 .history-section-two .content-column .sec-title {
@@ -5447,6 +5489,14 @@
 	color: #000000;
 }
 
+.menu-block-two .inner-box h3 {
+	font-size: 18px;
+	font-weight: 500;
+	margin-bottom: 10px;
+	text-transform: uppercase;
+	color: #000000;
+}
+
 .menu-block-two .inner-box h6 a {
 	position: relative;
 	color: #27272f;
@@ -5457,6 +5507,17 @@
 	-o-transition: all 500ms ease;
 }
 
+.menu-block-two .inner-box h3 a {
+
+	position: relative;
+	color: #27272f;
+	transition: all 500ms ease;
+	-moz-transition: all 500ms ease;
+	-webkit-transition: all 500ms ease;
+	-ms-transition: all 500ms ease;
+	-o-transition: all 500ms ease;
+}
+
 .menu-block-two .inner-box:hover h6 {
 	color: #cf2d1f;
 }
@@ -5468,7 +5529,7 @@
 }
 
 .spec {
-  color: #cf2d1f;
+	color: #cf2d1f;
 }
 
 /*** 
@@ -5715,7 +5776,7 @@
 .sidebar-page-container {
 	position: relative;
 	overflow: hidden;
-	padding: 110px 0px 80px;
+	padding: 100px 0px 100px;
 }
 
 .sidebar-page-container .section-text {
@@ -5733,7 +5794,7 @@
 
 .sidebar-page-container .content-side,
 .sidebar-page-container .sidebar-side {
-	margin-bottom: 40px;
+	margin-bottom: 0px;
 }
 
 .sidebar-page-container .icon-layer-one {
@@ -7041,7 +7102,6 @@
 .contact-map-section {
 	position: relative;
 	padding-top: 0px;
-	padding-bottom: 100px;
 }
 
 .contact-map-section iframe {
@@ -7157,6 +7217,7 @@
 .testimonial-section-two {
 	position: relative;
 	padding: 100px 0px 100px;
+	padding: 100px 0px 100px;
 }
 
 .testimonial-section-two .inner-container {
@@ -7180,6 +7241,7 @@
 	width: 300px;
 	height: 138px;
 	background-repeat: no-repeat;
+	opacity: 0.3;
 }
 
 .testimonial-block-two {
@@ -7194,7 +7256,7 @@
 .testimonial-block-two .inner-box .rating {
 	position: relative;
 	text-align: center;
-	color: #ba9232;
+	color: #ffdf00;
 }
 
 .testimonial-block-two .inner-box .text {
@@ -7504,4 +7566,173 @@
 	opacity: 0.5;
 	-webkit-filter: grayscale(100%);
 	filter: grayscale(100%);
+}
+
+.sec-pad {
+	padding: 100px 0px;
+}
+
+.blog-title-link:hover {
+	color: #ed7129 !important;
+	transition: color 0.3s ease;
+}
+
+@media (max-width: 479px) {
+	.testimonial-section-two {
+		padding: 50px 0px 50px;
+	}
+
+	.sidebar-page-container {
+		padding: 50px 0px 50px;
+	}
+
+	.history-section-two {
+		padding: 50px 0px 100px;
+	}
+
+	.fluid-section-one .content-column .inner-column {
+		padding: 50px 20px;
+	}
+
+	.sec-pad {
+		padding: 50px 0px;
+	}
+
+	.contact-section {
+		padding: 50px 0px;
+	}
+}
+
+@media (max-width: 1023px) {
+	.nav-outer.clearfix .navbar-collapse {
+		justify-content: center !important;
+		display: flex !important;
+	}
+}
+
+.new {
+	position: relative;
+	margin-bottom: 0px !important;
+	text-align: start !important;
+}
+
+.faq-section {
+	padding: 10px 0 0;
+	margin-top: 0px !important;
+	background-color: #fff;
+	position: relative;
+}
+
+.faq-block {
+	background: #fafafa;
+	border: 1px solid #eee;
+	border-radius: 16px;
+	margin-bottom: 20px;
+	padding: 20px 24px;
+	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
+	transition: all 0.3s ease;
+}
+
+.faq-block:hover {
+	transform: translateY(-2px);
+	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
+}
+
+.faq-block.active {
+	border-color: var(--theme-color, #cf2d1f);
+	background-color: #fff;
+	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
+}
+
+.faq-question {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	width: 100%;
+	background: transparent;
+	border: none;
+	outline: none;
+	cursor: pointer;
+	text-align: left;
+	padding: 0;
+	font-size: 18px;
+	font-weight: 600;
+	color: #222;
+	transition: color 0.3s ease;
+}
+
+.faq-question:hover h5 {
+	color: var(--theme-color, #cf2d1f);
+}
+
+.faq-question .icon {
+	font-size: 20px;
+	color: #999;
+	transition: transform 0.3s ease, color 0.3s ease;
+}
+
+.faq-block.active .faq-question .icon {
+	transform: rotate(180deg);
+	color: var(--theme-color, #cf2d1f);
+}
+
+.faq-answer {
+	overflow: hidden;
+	transition: max-height 0.3s ease;
+}
+
+.faq-answer p {
+	font-size: 16px;
+	line-height: 1.6;
+	color: #555;
+	margin: 0;
+	padding-top: 10px;
+}
+
+.faq-section .sec-title {
+	text-align: left;
+	margin-bottom: 20px;
+}
+
+.faq-section .sec-title .title {
+	font-weight: 600;
+	color: var(--theme-color, #cf2d1f);
+	letter-spacing: 1px;
+	text-transform: uppercase;
+}
+
+.faq-section .sec-title h2 {
+	font-size: 32px;
+	font-weight: 700;
+	margin-top: 8px;
+}
+
+@media only screen and (max-width: 768px) and (min-width:200px) {
+
+		.new h2{
+
+		text-align: start !important;
+
+	}
+
+	.custome-style {
+
+		text-align: center !important;
+
+	}
+
+	.fluid-section-two .content-column .title-box .text{
+
+		text-align: center !important	;
+
+	}
+	.fluid-section-two .content-column .button-box{
+
+		display: flex;
+		justify-content: center !important;
+
+	}
+
+
+
 }