{t('pages.contact.sections.first.title')}

{t('pages.contact.sections.first.subTitle')}
{' '} {t('pages.contact.sections.first.subTitle2')}

{t('pages.contact.sections.second.title')}

{t( 'pages.contact.sections.second.soorya.title', )}

{t( 'pages.contact.sections.second.soorya.subTitle', )}

{' '} {t( 'pages.contact.sections.second.soorya.address', )}
{' '} {t( 'pages.contact.sections.second.soorya.phone', )}
{' '} {t( 'pages.contact.sections.second.soorya.email', )}

{t( 'pages.contact.sections.second.kaleen.title', )}

{t( 'pages.contact.sections.second.kaleen.subTitle', )}

{' '} {t( 'pages.contact.sections.second.kaleen.address', )}
{' '} {t( 'pages.contact.sections.second.kaleen.phone', )}

{t('pages.contact.sections.third.title')}

{t('pages.contact.sections.third.subTitle')}

{t( 'pages.contact.sections.third.form.name.label', )}

{t( 'pages.contact.sections.third.form.email.label', )}

{' '}

{t( 'pages.contact.sections.third.form.inquiry.label', )}

{t( 'pages.contact.sections.third.form.message.label', )}

</div>
                            <Button type="submit" className="my-4">
                                {t('pages.contact.sections.third.form.button')}
                            </Button>
                        </Form>
                    </div>
                    <div className="flex flex-col items-center gap-8">
                        <div className="flex flex-col items-center gap-2">
                            <h4 className="text-center font-serif text-3xl font-medium tracking-tight">
                                {t('pages.contact.sections.fourth.title')}
                            </h4>
                            <p className="text-center text-sm text-gray-500">
                                {t('pages.contact.sections.fourth.desc')} <br />{' '}
                                {t('pages.contact.sections.fourth.desc2')}
                            </p>
                        </div>
                        <div className="flex items-center gap-4">
                            <a href="tel:9802341880">
                                <Button className="cursor-pointer">
                                    <Phone />{' '}
                                    {t('pages.contact.sections.fourth.callBtn')}
                                </Button>
                            </a>
                            <a href="mailto:info@soory.com">
                                <Button
                                    variant={'outline'}
                                    className="cursor-pointer border border-primary text-primary ring-primary"
                                >
                                    <Mail />{' '}
                                    {t(
                                        'pages.contact.sections.fourth.emailBtn',
                                    )}
                                </Button>
                            </a>
                        </div>
                    </div>
                </section>
            </Layout>
        </>
    );
}