From 9fe09205969b7e527b3a67ed771aefd38204e31c Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Thu, 4 Sep 2025 20:15:57 +0530
Subject: [PATCH] Faq page content updated

---
 components/sections/Banner1.js | 119 ++++++++++++---------------
 pages/faqs.js                  | 146 ++++++++++++++++-----------------
 2 files changed, 125 insertions(+), 140 deletions(-)

diff --git a/components/sections/Banner1.js b/components/sections/Banner1.js
index 90f88dd..4ba12fb 100644
--- a/components/sections/Banner1.js
+++ b/components/sections/Banner1.js
@@ -1,78 +1,65 @@
-'use client';
-import { Swiper, SwiperSlide } from "swiper/react";
-import SwiperCore, { Autoplay, Pagination, Navigation } from "swiper";
-import "swiper/css";
-import "swiper/css/pagination";
-import "swiper/css/navigation";
 
-SwiperCore.use([Autoplay, Pagination, Navigation]);
 
 export default function Banner1() {
-    const banners = [
-        {
-            id: 1,
-            bg: "/assets/images/slider/banner-single-4-bg.png",
-            title: "Put your insurance lead generation on autopilot",
-            desc: "Sit amet consectetur volutpat luctus ultrices sagittis justo. Integer nibh nisi adipiscingrna eleifend nunc consecteture",
-            img: "/assets/images/slider/banner-single-4-1.jpg",
-        },
-        {
-            id: 2,
-            bg: "/assets/images/slider/banner-single-4-bg.png",
-            title: "Grow your business with powerful automation",
-            desc: "Suspendisse potenti. Praesent vitae eros eget tellus tristique bibendum. Donec rutrum sed sem quis venenatis.",
-            img: "/assets/images/slider/banner-single-4-1.jpg",
-        },
-        {
-            id: 3,
-            bg: "/assets/images/slider/banner-single-4-bg.png",
-            title: "Trusted by thousands of happy customers",
-            desc: "Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vivamus suscipit tortor eget felis porttitor volutpat.",
-            img: "/assets/images/slider/banner-single-4-1.jpg",
-        }
-    ];
-
     return (
-        <Swiper
-            autoplay={{ delay: 5000, disableOnInteraction: false }}
-            loop={true}
-            className="mySwiper"
-        >
-            {banners.map((banner) => (
-                <SwiperSlide key={banner.id}>
-                    <section className="single_banner style_one">
-                        <div className="image_bg">
-                            <img src={banner.bg} className="img-fluid" alt="img" />
-                        </div>
-                        <div className="content_box">
-                            <div className="large-container">
-                                <div className="row align-items-center">
-                                    <div className="col-lg-5">
-                                        <div className="section_title type_one">
-                                            <div className="title_whole">
-                                                <h2 className="title">{banner.title}</h2>
-                                            </div>
-                                            <p>{banner.desc}</p>
-                                        </div>
-                                  
+        <>
+            <section className="single_banner style_one">
+                <div className="image_bg">
+                    <img src="/assets/images/slider/banner-single-4-bg.png" className="img-fluid" alt="img" />
+                </div>
+                <div className="content_box">
+                    <div className="large-container">
+                        <div className="row align-items-center">
+                            <div className="col-lg-5">
+                                <div className="section_title type_one">
+                                    <div className="title_whole">
+                                        <h2 className="title">
+                                            Put your insurance
+                                            lead generation on
+                                            autopilot
+                                        </h2>
                                     </div>
-                                    <div className="col-lg-1" />
-                                    <div className="col-lg-6">
-                                        <div className="image">
-                                            <img src={banner.img} className="img-fluid" alt="img" />
+                                    <p>
+                                        Sit amet consectetur volutpat luctus ultrices sagittis justo. Integer
+                                        nibh nisi adipiscingrna eleifend nunc consecteture
+                                    </p>
+                                </div>
+                                <div className="newsteller_simple">
+                                    <div className="input_group">
+                                        <form method="post">
+                                            <input type="email" name="EMAIL" placeholder="Your email address" required />
+                                            <input type="submit" value="Sign up" />
+                                        </form>
+                                    </div>
+                                </div>
+                                <div className="review_box d-flex align-items-center">
+                                    <div className="rimage">
+                                        <img src="/assets/images/slider/review-girls.png" className="img-fluid" alt="img" />
+                                    </div>
+                                    <div className="section_title type_one">
+                                        <div className="title_whole">
+                                            <h2 className="title"> Excellent 12,534+ reviews</h2>
                                         </div>
+                                        <p>4.8 of 5 <small><i className="fa fa-star" /> <i className="fa fa-star" /> <i className="fa fa-star" /> <i className="fa fa-star" /> <i className="fa fa-star" /></small></p>
                                     </div>
                                 </div>
                             </div>
-                        </div>
-                        <div className="section_title abso type_one">
-                            <div className="title_whole">
-                                <h2 className="title"> #ZIPVan</h2>
+                            <div className="col-lg-1" />
+                            <div className="col-lg-6">
+                                <div className="image">
+                                    <img src="/assets/images/slider/banner-single-4-1.jpg" className="img-fluid" alt="img" />
+                                </div>
                             </div>
                         </div>
-                    </section>
-                </SwiperSlide>
-            ))}
-        </Swiper>
-    );
+                    </div>
+                </div>
+                <div className="section_title abso type_one">
+                    <div className="title_whole">
+                        <h2 className="title"> INSURANCE</h2>
+                    </div>
+                </div>
+            </section>
+
+        </>
+    )
 }
diff --git a/pages/faqs.js b/pages/faqs.js
index 6685fcd..663c869 100644
--- a/pages/faqs.js
+++ b/pages/faqs.js
@@ -59,92 +59,66 @@ export default function Faq() {
                                         <div className={isActive.key == 1 ? "accordion  active-block" : "accordion"}>
                                             <div className={isActive.key == 1 ? "question faq_header active" : "question faq_header"} onClick={() => handleToggle(1)}>
                                                 <div className="question_box ">
-                                                    <div className="title_no_a_18 trans">What Is Insurance Services?
+                                                    <div className="title_no_a_18 trans"> What kind of moves do you do?
                                                     </div>
                                                     <span className="icon_fq trans fi-rs-arrow-small-right" />
                                                 </div>
                                             </div>
                                             <div className="answer accordion-content" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
-                                                Serenity Is Multi-Faceted Blockchain Based Ecosystem, Energy
-                                                Retailer
-                                                For The People, Focusing On The Promotion Of Sustainable Living,
-                                                Renewable Energy Production And Smart Energy Grid Utility Services.
+                                                We’re all about quick, simple, affordable moves. Think IKEA hauls, Facebook Marketplace treasures, new appliances, or that couch your friend finally gave you. If it fits in our van, we’ll move it.
                                             </div>
                                         </div>
                                         <div className={isActive.key == 2 ? "accordion  active-block" : "accordion"}>
                                             <div className={isActive.key == 2 ? "question faq_header active" : "question faq_header"} onClick={() => handleToggle(2)}>
                                                 <div className="question_box ">
-                                                    <div className="title_no_a_18 trans">How Many Service We Provide ?
+                                                    <div className="title_no_a_18 trans">Do I need to lift stuff, or do you do it all?
+
                                                     </div>
                                                     <span className="icon_fq trans fi-rs-arrow-small-right" />
                                                 </div>
                                             </div>
                                             <div className="answer accordion-content" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
-                                                Quis autem vel eum iure reprehenderit ea voluptate esse molestiae
-                                                consequatur veillum voluptas nullaes
+                                                Our standard bookings come with just the driver 🚐. That means you (and maybe a buddy) should be ready to load your things. The driver will help, but they can’t move a fridge solo — they’re drivers, not superheroes.
+                                                Bonus: every van comes with a dolly + straps to keep your items safe.
+
                                             </div>
                                         </div>
                                         <div className={isActive.key == 3 ? "accordion  active-block" : "accordion"}>
                                             <div className={isActive.key == 3 ? "question faq_header active" : "question faq_header"} onClick={() => handleToggle(3)}>
                                                 <div className="question_box">
-                                                    <div className="title_no_a_18 trans">How Much Experience Our Team
-                                                        Member
+                                                    <div className="title_no_a_18 trans">Can I book extra help if I don’t want to lift
                                                         ?</div>
                                                     <span className="icon_fq trans fi-rs-arrow-small-right" />
                                                 </div>
                                             </div>
                                             <div className="answer accordion-content" style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
-                                                Serenity Is Multi-Faceted Blockchain Based Ecosystem, Energy
-                                                Retailer
-                                                For The People, Focusing On The Promotion Of Sustainable Living,
-                                                Renewable Energy Production And Smart Energy Grid Utility Services.
+                                                Absolutely. If you need muscle power, just let us know in advance and we’ll arrange additional labor. You relax, we handle the heavy stuff.
                                             </div>
                                         </div>
                                         <div className={isActive.key == 4 ? "accordion  active-block" : "accordion"}>
                                             <div className={isActive.key == 4 ? "question faq_header active" : "question faq_header"} onClick={() => handleToggle(4)}>
                                                 <div className="question_box ">
-                                                    <div className="title_no_a_18 trans">Why We Are The Best Company?
+                                                    <div className="title_no_a_18 trans"> How long do I get for loading/unloading?
                                                     </div>
                                                     <span className="icon_fq trans fi-rs-arrow-small-right" />
                                                 </div>
                                             </div>
                                             <div className="answer accordion-content" style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
-                                                Serenity Is Multi-Faceted Blockchain Based Ecosystem, Energy
-                                                Retailer
-                                                For The People, Focusing On The Promotion Of Sustainable Living,
-                                                Renewable Energy Production And Smart Energy Grid Utility Services.
+                                                We allocate 20–30 minutes for loading and unloading. To keep things smooth, have your items ready at the door or curbside when we arrive.
                                             </div>
                                         </div>
                                         <div className={isActive.key == 5 ? "accordion  active-block" : "accordion"}>
                                             <div className={isActive.key == 5 ? "question faq_header active" : "question faq_header"} onClick={() => handleToggle(5)}>
                                                 <div className="question_box ">
-                                                    <div className="title_no_a_18 trans">Build your Business ?</div>
+                                                    <div className="title_no_a_18 trans">What if I need to cancel?</div>
                                                     <span className="icon_fq trans fi-rs-arrow-small-right" />
                                                 </div>
                                             </div>
                                             <div className="answer accordion-content" style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
-                                                Serenity Is Multi-Faceted Blockchain Based Ecosystem, Energy
-                                                Retailer
-                                                For The People, Focusing On The Promotion Of Sustainable Living,
-                                                Renewable Energy Production And Smart Energy Grid Utility Services.
-                                            </div>
-                                        </div>
-                                        <div className={isActive.key == 6 ? "accordion  active-block" : "accordion"}>
-                                            <div className={isActive.key == 6 ? "question faq_header active" : "question faq_header"} onClick={() => handleToggle(6)}>
-                                                <div className="question_box ">
-                                                    <div className="title_no_a_18 trans">How Much Experience Our Team
-                                                        Member
-                                                        ?</div>
-                                                    <span className="icon_fq trans fi-rs-arrow-small-right" />
-                                                </div>
-                                            </div>
-                                            <div className="answer accordion-content" style={{ display: `${isActive.key == 6 ? "block" : "none"}` }}>
-                                                Serenity Is Multi-Faceted Blockchain Based Ecosystem, Energy
-                                                Retailer
-                                                For The People, Focusing On The Promotion Of Sustainable Living,
-                                                Renewable Energy Production And Smart Energy Grid Utility Services.
+                                                Life happens! That’s why reservations are refundable up to 24 hours before your appointment time. Stress-free, no penalties.
                                             </div>
                                         </div>
+
                                     </div>
                                 </section>
                             </div>
@@ -163,69 +137,96 @@ export default function Faq() {
                     <div className="container">
                         <div className="row align-items-center">
                             <div className="col-lg-6 col-md-6 col-sm-12">
-                                <div className="section_title type_one">
-                                    <h4 className="sm_title"> Amazing Company</h4>
-                                    <div className="title_whole">
-                                        <h2 className="title"> Great Insurance your Solutions For Business</h2>
-                                    </div>
-                                    {/*-============spacing==========-*/}
-                                    <div className="pd_bottom_20" />
-                                    {/*-============spacing==========-*/}
-                                </div>
-                                <div className="position-relative br_left_3px_theme_color pd_left_10">
-                                    Sed ut perspiciatis unde omnis iste natus voluptatem accusantium doloremque
-                                    laudantium aperiam eaquecy
-                                    inventore veritatis architecto beatae
-                                </div>
-                                {/*-============spacing==========-*/}
-                                <div className="pd_bottom_30" />
-                                {/*-============spacing==========-*/}
                                 <div className="block_faq">
                                     <div className="accordion-box">
                                         <div className={isActive.key == 7 ? "accordion  active-block" : "accordion"}>
                                             <div className={isActive.key == 7 ? "question faq_header active" : "question faq_header"} onClick={() => handleToggle(7)}>
                                                 <div className="question_box ">
-                                                    <div className="title_no_a_18 trans">What Is Insurance Services?
+                                                    <div className="title_no_a_18 trans"> Are you licensed and insured?
                                                     </div>
                                                     <span className="icon_fq trans fi-rs-arrow-small-right" />
                                                 </div>
                                             </div>
                                             <div className="answer accordion-content" style={{ display: `${isActive.key == 7 ? "block" : "none"}` }}>
-                                                Serenity Is Multi-Faceted Blockchain Based Ecosystem, Energy
-                                                Retailer
-                                                For The People, Focusing On The Promotion Of Sustainable Living,
-                                                Renewable Energy Production And Smart Energy Grid Utility Services.
+                                                Yes — we’re fully licensed and insured. Unlike U-Haul, you don’t need to pay an extra $30/day for coverage. Your items are protected, and our vans are covered.
+
                                             </div>
                                         </div>
                                         <div className={isActive.key == 8 ? "accordion  active-block" : "accordion"}>
                                             <div className={isActive.key == 8 ? "question faq_header active" : "question faq_header"} onClick={() => handleToggle(8)}>
                                                 <div className="question_box">
-                                                    <div className="title_no_a_18 trans">How Many Service We Provide ?
+                                                    <div className="title_no_a_18 trans">How much does it cost?
                                                     </div>
                                                     <span className="icon_fq trans fi-rs-arrow-small-right" />
                                                 </div>
                                             </div>
                                             <div className="answer accordion-content" style={{ display: `${isActive.key == 8 ? "block" : "none"}` }}>
-                                                Quis autem vel eum iure reprehenderit ea voluptate esse molestiae
-                                                consequatur veillum voluptas nullaes
+                                                We believe in fair, upfront pricing. The price you see online is the price you pay (plus taxes where applicable). No hidden fees, no insurance add-ons, no mileage math.
                                             </div>
                                         </div>
                                         <div className={isActive.key == 9 ? "accordion  active-block" : "accordion"}>
                                             <div className={isActive.key == 9 ? "question faq_header active" : "question faq_header"} onClick={() => handleToggle(9)}>
                                                 <div className="question_box ">
                                                     <div className="title_no_a_18 trans">
-                                                        How Much Experience Our Team Member ?
+                                                        Do you do last-minute moves?
                                                     </div>
                                                     <span className="icon_fq trans fi-rs-arrow-small-right" />
                                                 </div>
                                             </div>
                                             <div className="answer accordion-content" style={{ display: `${isActive.key == 9 ? "block" : "none"}` }}>
-                                                Serenity Is Multi-Faceted Blockchain Based Ecosystem, Energy
-                                                Retailer
-                                                For The People, Focusing On The Promotion Of Sustainable Living,
-                                                Renewable Energy Production And Smart Energy Grid Utility Services.
+                                                Yep! If a van is free, we can often swoop in same-day or next-day. Perfect for that Marketplace deal you just can’t pass up.
                                             </div>
                                         </div>
+
+                                        <div className={isActive.key == 9 ? "accordion  active-block" : "accordion"}>
+                                            <div
+                                                className={
+                                                    isActive.key == 9 ? "question faq_header active" : "question faq_header"
+                                                }
+                                                onClick={() => handleToggle(9)}
+                                            >
+                                                <div className="question_box ">
+                                                    <div className="title_no_a_18 trans">
+                                                        Why Zip Van instead of U-Haul or big movers?
+                                                    </div>
+                                                    <span className="icon_fq trans fi-rs-arrow-small-right" />
+                                                </div>
+                                            </div>
+                                            <div
+                                                className="answer accordion-content"
+                                                style={{ display: `${isActive.key == 9 ? "block" : "none"}` }}
+                                            >
+                                                <h4>Here’s the deal:</h4>
+                                                <ul>
+                                                    <li>
+                                                        Unlike U-Haul, you don’t have to drive, pay extra insurance, or waste
+                                                        time picking up and returning a van. We come straight to you.
+                                                    </li>
+                                                    <li>
+                                                        Unlike big moving companies, you don’t pay premium prices for small
+                                                        jobs. We’re fast, affordable, and designed for everyday moves.
+                                                    </li>
+                                                    <li>
+                                                        We’re the perfect middle ground — professional, flexible, and
+                                                        budget-friendly.
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+
+                                           <div className={isActive.key == 7 ? "accordion  active-block" : "accordion"}>
+                                            <div className={isActive.key == 7 ? "question faq_header active" : "question faq_header"} onClick={() => handleToggle(7)}>
+                                                <div className="question_box ">
+                                                    <div className="title_no_a_18 trans">What areas do you serve?
+                                                    </div>
+                                                    <span className="icon_fq trans fi-rs-arrow-small-right" />
+                                                </div>
+                                            </div>
+                                            <div className="answer accordion-content" style={{ display: `${isActive.key == 7 ? "block" : "none"}` }}>
+                                               We currently serve [insert city/region here] and surrounding areas. Not sure if we reach you? Send us a quick message and we’ll confirm.
+                                            </div>
+                                        </div>
+
                                     </div>
                                 </div>
                                 {/*-============spacing==========-*/}
@@ -258,10 +259,7 @@ export default function Faq() {
                     <div className="pd_bottom_40" />
                     {/*-============spacing==========-*/}
                 </section>
-                {/*-faqs end*/}
-                {/*testimonial*/}
-                <Testimonial4 />
-                {/*testimonial*/}
+    
 
 
             </Layout>