diff --git a/components/layout/NavbarNav.js b/components/layout/NavbarNav.js
index 60efba4..d3fc2b6 100644
--- a/components/layout/NavbarNav.js
+++ b/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">
-                    <Link href="#" className="nav_link">
+                <li className="menu-item mennucolumn_ nav-item">
+                    <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 className="menu-item  menu-item-has-children dropdown  mennucolumn_  nav-item">
+                </li> */}
+                {/* <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 className="menu-item  menu-item-has-children dropdown  mennucolumn_two   nav-item">
+                </li> */}
+                {/* <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 className="menu-item  menu-item-has-children dropdown  mennucolumn_  nav-item">
+                </li> */}
+                {/* <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">
diff --git a/components/layout/header/Header4.js b/components/layout/header/Header4.js
index cd84a99..c16ec9f 100644
--- a/components/layout/header/Header4.js
+++ b/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>
diff --git a/next.config.js b/next.config.js
index a843cbe..c2e5835 100644
--- a/next.config.js
+++ b/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
diff --git a/pages/home-1.js b/pages/home-1.js
new file mode 100644
index 0000000..63dddaa
--- /dev/null
+++ b/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>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/pages/index.js b/pages/index.js
index 63dddaa..1d75c74 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,31 +1,36 @@
 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() {
+import About4 from "@/components/sections/About4"
+import Banner1 from "@/components/sections/Banner1"
+import Blog4 from "@/components/sections/Blog4"
+import Client3 from "@/components/sections/Client3"
+import Content5 from "@/components/sections/Content5"
+import Form3 from "@/components/sections/Form3"
+import Funfacts2 from "@/components/sections/Funfacts2"
+import Process3 from "@/components/sections/Process3"
+import Service6 from "@/components/sections/Service6"
+import Service7 from "@/components/sections/Service7"
+import Testimonial3 from "@/components/sections/Testimonial3"
+import Slider2 from "@/components/sections/slider"
+import Location from "@/components/sections/Location"
+export default function Home4() {
 
     return (
         <>
-            <Layout headerStyle={1} footerStyle={1}>
-                <Slider1 />
-                <Service1 />
-                <About1 />
-                <Service2 />
-                <Faq1 />
-                <Funfacts1 />
-                <Form1 />
-                <Process1 />
-                <Testimonial1 />
-                <Client1 />
-                <Blog1 />
+            <Layout headerStyle={4} footerStyle={2}>
+                <Banner1 />
+                <Slider2 />
+                {/* <Service6 /> */}
+                {/* <About4 /> */}
+                {/* <Service7 /> */}
+                {/* <Content5 /> */}
+                <Process3 />
+                <Location />
+                {/* <Funfacts2 /> */}
+                {/* <Form3 /> */}
+                {/* <Testimonial3 /> */}
+                {/* <Client3 /> */}
+                {/* <div className="divider" /> */}
+                {/* <Blog4 /> */}
             </Layout>
         </>
     )