1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / smartweb / priyoholidays.com / src / components / pages / Faq /
Filename : Faqs.jsx
back
'use client'
import cn from '@/helpers/cn'
import { Collapse, theme } from 'antd'
import { FaChevronRight } from 'react-icons/fa'
import React from 'react'

export default function Faqs() {
    // const { token } = theme.useToken()
    const text = `
    A dog is a type of domesticated animal.
    Known for its loyalty and faithfulness,
    it can be found as a welcome guest in many households across the world.
    `
    const panelStyle = {
        marginBottom: 24,
        background: 'white',
        borderRadius: 10,
        border: '1px solid #dfdfdf',
        fontSize: 18,
        fontWeight: '500',
        padding: 10,
    }
    const getItems = panelStyle => [
        {
            key: '1',
            label: 'Q1. How do I start the process of buying a home?',
            children: (
                <p className='text-sm md:text-base text-gray-500 font-normal'>
                    The open-concept layout seamlessly connects the living room with the fully equipped kitchen, boasting top-of-the-line appliances and all the essentials for preparing delicious
                    meals.
                </p>
            ),
            style: panelStyle,
        },
        {
            key: '2',
            label: 'Q2. What factors should I consider when choosing a neighborhood?',
            children: (
                <p className='text-sm md:text-base text-gray-500 font-normal'>
                    The responsibility for paying closing costs can vary depending on the terms negotiated between the buyer and the seller, as well as local customs and regulations. In some cases
                </p>
            ),
            style: panelStyle,
        },
        {
            key: '3',
            label: 'Q3. How can I determine the right price for selling my property?',
            children: (
                <p className='text-sm md:text-base text-gray-500 font-normal'>
                    Research the local real estate market to understand current trends, property values, and comparable sales in the area. Knowing the market will give you leverage during negotiations
                </p>
            ),
            style: panelStyle,
        },
        {
            key: '4',
            label: 'Q4. What are closing costs and who is responsible for paying them?',
            children: (
                <p className='text-sm md:text-base text-gray-500 font-normal'>
                    Research the local real estate market to understand current trends, property values, and comparable sales in the area. Knowing the market will give you leverage during negotiations
                </p>
            ),
            style: panelStyle,
        },
        {
            key: '5',
            label: 'Q5. How can I negotiate the best price when buying a property?',
            children: (
                <p className='text-sm md:text-base text-gray-500 font-normal'>
                    Research the local real estate market to understand current trends, property values, and comparable sales in the area. Knowing the market will give you leverage during negotiations
                </p>
            ),
            style: panelStyle,
        },
        {
            key: '6',
            label: 'Q6. How can I negotiate the best price when buying a property?',
            children: (
                <p className='text-sm md:text-base text-gray-500 font-normal'>
                    Research the local real estate market to understand current trends, property values, and comparable sales in the area. Knowing the market will give you leverage during negotiations
                </p>
            ),
            style: panelStyle,
        },
        {
            key: '7',
            label: 'Q7. How can I negotiate the best price when buying a property?',
            children: (
                <p className='text-sm md:text-base text-gray-500 font-normal'>
                    Research the local real estate market to understand current trends, property values, and comparable sales in the area. Knowing the market will give you leverage during negotiations
                </p>
            ),
            style: panelStyle,
        },
        {
            key: '8',
            label: 'Q8. How can I negotiate the best price when buying a property?',
            children: (
                <p className='text-sm md:text-base text-gray-500 font-normal'>
                    Research the local real estate market to understand current trends, property values, and comparable sales in the area. Knowing the market will give you leverage during negotiations
                </p>
            ),
            style: panelStyle,
        },
        {
            key: '9',
            label: 'Q9. How can I negotiate the best price when buying a property?',
            children: (
                <p className='text-sm md:text-base text-gray-500 font-normal'>
                    Research the local real estate market to understand current trends, property values, and comparable sales in the area. Knowing the market will give you leverage during negotiations
                </p>
            ),
            style: panelStyle,
        },
        {
            key: '10',
            label: 'Q10. How can I negotiate the best price when buying a property?',
            children: (
                <p className='text-sm md:text-base text-gray-500 font-normal'>
                    Research the local real estate market to understand current trends, property values, and comparable sales in the area. Knowing the market will give you leverage during negotiations
                </p>
            ),
            style: panelStyle,
        },
    ]
    return (
        <section className='py-12 md:py-24'>
            <div className='mx-container'>
                {/* <h1 className={cn('text-2xl md:text-4xl text-center text-gray-800')}>FAQ</h1> */}
                <h1 className='text-4xl md:text-5xl font-semibold mt-1 text-center text-gray-800'>Frequently Asked Questions</h1>
                <p className='mb-7 mt-5 text-center text-gray-500'>Have questions you want answers to?</p>
            </div>
            <div className='hx-container'>
                <Collapse
                    accordion
                    bordered={false}
                    defaultActiveKey={['1']}
                    expandIcon={({ isActive }) => <FaChevronRight size={18} className={cn({ 'rotate-90': !isActive, '-rotate-90': isActive })} />}
                    expandIconPosition='end'
                    items={getItems(panelStyle)}
                    className='bg-white'
                />
            </div>
        </section>
    )
}