Header, home, trailing slash added

components/layout/NavbarNav.js

@@ -10,7 +10,7 @@ export default function NavbarNav() {
                     <Link href="/" className="nav_link">
                         <span className="text-link"> Home </span>
                     </Link>
-                    <ul className="sub_menu">
+                    {/* <ul className="sub_menu">
                         <li className="menu-item nav-item vankine_menu_image">
                             <Link href="/" className="nav_link image_big_on_menu_two">
                                 <span className="img-link">
@@ -60,15 +60,15 @@ export default function NavbarNav() {
                             </Link>
                         </li>
                     </ul>
-                    <div className="dropdown-btn"><span className="fa fa-angle-down" /></div>
+                    <div className="dropdown-btn"><span className="fa fa-angle-down" /></div> */}
                 </li>
-                <li className="menu-item  menu-item-has-children dropdown  mennucolumn_ nav-item">
+                <li className="menu-item mennucolumn_ nav-item">
-                    <Link href="#" className="nav_link">
+                    <Link href="/about-us" className="nav_link">
                         <span className="text-link">
-                            Pages
+                            About Us
                         </span>
                     </Link>
-                    <ul className="sub_menu">
+                    {/* <ul className="sub_menu">
                         <li className="menu-item nav-item">
                             <Link href="/about-us" className="nav_link">
                                 <span className="text-link"> About
@@ -105,9 +105,16 @@ export default function NavbarNav() {
                             </Link>
                         </li>
                     </ul>
-                    <div className="dropdown-btn"><span className="fa fa-angle-down" /></div>
+                    <div className="dropdown-btn"><span className="fa fa-angle-down" /></div> */}
                 </li>
-                <li className="menu-item menu-item-has-children dropdown  nav-item">
+                <li className="menu-item mennucolumn_ nav-item">
+                    <Link href="/faqs" className="nav_link">
+                        <span className="text-link">
+                            FAQ
+                        </span>
+                    </Link>
+                    </li>
+                {/* <li className="menu-item menu-item-has-children dropdown  nav-item">
                     <Link href="#" className="nav_link">
                         <span className="text-link">
                             Services
@@ -165,8 +172,8 @@ export default function NavbarNav() {
                         </li>
                     </ul>
                     <div className="dropdown-btn"><span className="fa fa-angle-down" /></div>
-                </li>
+                </li> */}
-                <li className="menu-item  menu-item-has-children dropdown  mennucolumn_  nav-item">
+                {/* <li className="menu-item  menu-item-has-children dropdown  mennucolumn_  nav-item">
                     <Link href="#" className="nav_link">
                         <span className="text-link">
                             Portfolio
@@ -196,8 +203,8 @@ export default function NavbarNav() {
                         </li>
                     </ul>
                     <div className="dropdown-btn"><span className="fa fa-angle-down" /></div>
-                </li>
+                </li> */}
-                <li className="menu-item  menu-item-has-children dropdown  mennucolumn_two   nav-item">
+                {/* <li className="menu-item  menu-item-has-children dropdown  mennucolumn_two   nav-item">
                     <Link href="/blog" className="nav_link">
                         <span className="text-link">
                             Blog
@@ -263,8 +270,8 @@ export default function NavbarNav() {
                         </li>
                     </ul>
                     <div className="dropdown-btn"><span className="fa fa-angle-down" /></div>
-                </li>
+                </li> */}
-                <li className="menu-item  menu-item-has-children dropdown  mennucolumn_  nav-item">
+                {/* <li className="menu-item  menu-item-has-children dropdown  mennucolumn_  nav-item">
                     <Link href="/shop" className="nav_link">
                         <span className="text-link">
                             Shop
@@ -308,7 +315,15 @@ export default function NavbarNav() {
                         </li>
                     </ul>
                     <div className="dropdown-btn"><span className="fa fa-angle-down" /></div>
+                </li> */}
+                 <li className="menu-item  nav-item">
+                    <Link href="/book-now" className="nav_link">
+                        <span className="text-link">
+                            Book Now
+                        </span>
+                    </Link>
                 </li>
+
                 <li className="menu-item  nav-item">
                     <Link href="/contact" className="nav_link">
                         <span className="text-link">

components/layout/header/Header4.js

@@ -19,9 +19,9 @@ export default function Header4({ handleSearch, handleOptionalPanel, handleMobil
                                 <div className="col-xl-8 col-lg-9 col-md-0 col-sm-0 col-xs-0 column_menu">
                                     <div className="navbar_content d-flex align-items-center">
                                         <NavbarNav />
-                                        <div className="search search-toggler" onClick={handleSearch}>
+                                        {/* <div className="search search-toggler" onClick={handleSearch}>
                                             <i className="fi-rs-search" />
-                                        </div>
+                                        </div> */}
                                     </div>
                                 </div>
                                 <div className="col-xl-2 col-lg-3 col-md-7 col-sm-7 col-xs-7 nav_tog_column">
@@ -41,12 +41,12 @@ export default function Header4({ handleSearch, handleOptionalPanel, handleMobil
                                                 </svg>
                                             </Link>
                                         </div>
-                                        <div className="contact-toggler" onClick={handleOptionalPanel}>
+                                        {/* <div className="contact-toggler" onClick={handleOptionalPanel}>
                                             <svg width={18} height={19} viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                 <path d="M0.75 3.25C0.75 2.65326 0.987053 2.08097 1.40901 1.65901C1.83097 1.23705 2.40326 1 3 1H5.25C5.84674 1 6.41903 1.23705 6.84099 1.65901C7.26295 2.08097 7.5 2.65326 7.5 3.25V5.5C7.5 6.09674 7.26295 6.66903 6.84099 7.09099C6.41903 7.51295 5.84674 7.75 5.25 7.75H3C2.40326 7.75 1.83097 7.51295 1.40901 7.09099C0.987053 6.66903 0.75 6.09674 0.75 5.5V3.25ZM0.75 13C0.75 12.4033 0.987053 11.831 1.40901 11.409C1.83097 10.9871 2.40326 10.75 3 10.75H5.25C5.84674 10.75 6.41903 10.9871 6.84099 11.409C7.26295 11.831 7.5 12.4033 7.5 13V15.25C7.5 15.8467 7.26295 16.419 6.84099 16.841C6.41903 17.2629 5.84674 17.5 5.25 17.5H3C2.40326 17.5 1.83097 17.2629 1.40901 16.841C0.987053 16.419 0.75 15.8467 0.75 15.25V13ZM10.5 3.25C10.5 2.65326 10.7371 2.08097 11.159 1.65901C11.581 1.23705 12.1533 1 12.75 1H15C15.5967 1 16.169 1.23705 16.591 1.65901C17.0129 2.08097 17.25 2.65326 17.25 3.25V5.5C17.25 6.09674 17.0129 6.66903 16.591 7.09099C16.169 7.51295 15.5967 7.75 15 7.75H12.75C12.1533 7.75 11.581 7.51295 11.159 7.09099C10.7371 6.66903 10.5 6.09674 10.5 5.5V3.25ZM10.5 13C10.5 12.4033 10.7371 11.831 11.159 11.409C11.581 10.9871 12.1533 10.75 12.75 10.75H15C15.5967 10.75 16.169 10.9871 16.591 11.409C17.0129 11.831 17.25 12.4033 17.25 13V15.25C17.25 15.8467 17.0129 16.419 16.591 16.841C16.169 17.2629 15.5967 17.5 15 17.5H12.75C12.1533 17.5 11.581 17.2629 11.159 16.841C10.7371 16.419 10.5 15.8467 10.5 15.25V13Z" stroke="#0F3567" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
                                                 </path>
                                             </svg>
-                                        </div>
+                                        </div> */}
                                     </div>
                                 </div>
                             </div>

next.config.js

@@ -1,6 +1,11 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+   output: "export",
+    trailingSlash: true,
+    images: {
+        unoptimized: true,
+    },
 }
 
 module.exports = nextConfig

pages/home-1.js

@@ -0,0 +1,32 @@
+import Layout from "@/components/layout/Layout"
+import About1 from "@/components/sections/About1"
+import Blog1 from "@/components/sections/Blog1"
+import Client1 from "@/components/sections/Client1"
+import Faq1 from "@/components/sections/Faq1"
+import Form1 from "@/components/sections/Form1"
+import Funfacts1 from "@/components/sections/Funfacts1"
+import Process1 from "@/components/sections/Process1"
+import Service1 from "@/components/sections/Service1"
+import Service2 from "@/components/sections/Service2"
+import Slider1 from "@/components/sections/Slider1"
+import Testimonial1 from "@/components/sections/Testimonial1"
+export default function Home1() {
+
+    return (
+        <>
+            <Layout headerStyle={1} footerStyle={1}>
+                <Slider1 />
+                <Service1 />
+                <About1 />
+                <Service2 />
+                <Faq1 />
+                <Funfacts1 />
+                <Form1 />
+                <Process1 />
+                <Testimonial1 />
+                <Client1 />
+                <Blog1 />
+            </Layout>
+        </>
+    )
+}

pages/index.js

@@ -1,31 +1,36 @@
 import Layout from "@/components/layout/Layout"
-import About1 from "@/components/sections/About1"
+import About4 from "@/components/sections/About4"
-import Blog1 from "@/components/sections/Blog1"
+import Banner1 from "@/components/sections/Banner1"
-import Client1 from "@/components/sections/Client1"
+import Blog4 from "@/components/sections/Blog4"
-import Faq1 from "@/components/sections/Faq1"
+import Client3 from "@/components/sections/Client3"
-import Form1 from "@/components/sections/Form1"
+import Content5 from "@/components/sections/Content5"
-import Funfacts1 from "@/components/sections/Funfacts1"
+import Form3 from "@/components/sections/Form3"
-import Process1 from "@/components/sections/Process1"
+import Funfacts2 from "@/components/sections/Funfacts2"
-import Service1 from "@/components/sections/Service1"
+import Process3 from "@/components/sections/Process3"
-import Service2 from "@/components/sections/Service2"
+import Service6 from "@/components/sections/Service6"
-import Slider1 from "@/components/sections/Slider1"
+import Service7 from "@/components/sections/Service7"
-import Testimonial1 from "@/components/sections/Testimonial1"
+import Testimonial3 from "@/components/sections/Testimonial3"
-export default function Home1() {
+import Slider2 from "@/components/sections/slider"
+import Location from "@/components/sections/Location"
+export default function Home4() {
 
     return (
         <>
-            <Layout headerStyle={1} footerStyle={1}>
+            <Layout headerStyle={4} footerStyle={2}>
-                <Slider1 />
+                <Banner1 />
-                <Service1 />
+                <Slider2 />
-                <About1 />
+                {/* <Service6 /> */}
-                <Service2 />
+                {/* <About4 /> */}
-                <Faq1 />
+                {/* <Service7 /> */}
-                <Funfacts1 />
+                {/* <Content5 /> */}
-                <Form1 />
+                <Process3 />
-                <Process1 />
+                <Location />
-                <Testimonial1 />
+                {/* <Funfacts2 /> */}
-                <Client1 />
+                {/* <Form3 /> */}
-                <Blog1 />
+                {/* <Testimonial3 /> */}
+                {/* <Client3 /> */}
+                {/* <div className="divider" /> */}
+                {/* <Blog4 /> */}
             </Layout>
         </>
     )