From fffd37353436c6ed384a99df663560b0fb504779 Mon Sep 17 00:00:00 2001 From: siddheshmorewdi Date: Fri, 21 Jun 2024 13:59:13 +0530 Subject: [PATCH] translator added --- index.html | 8 +++-- src/Components/Faq.jsx | 59 +++++++++++++++++++------------- src/Components/Footer.jsx | 10 +++--- src/Components/Header.jsx | 15 ++++---- src/Components/HeroHeader.jsx | 3 +- src/Components/PrivacyPolicy.jsx | 5 ++- src/Components/TermsService.jsx | 5 ++- src/Pages/AboutUs.jsx | 5 ++- src/Pages/ContactUs.jsx | 9 +++++ src/Pages/Faq.jsx | 5 ++- src/Routes/RoutLink.jsx | 2 ++ src/index.css | 12 +++++-- 12 files changed, 94 insertions(+), 44 deletions(-) create mode 100644 src/Pages/ContactUs.jsx diff --git a/index.html b/index.html index 5ab35c7..be7db2d 100644 --- a/index.html +++ b/index.html @@ -6,11 +6,13 @@ Tanami - -->
@@ -19,7 +21,7 @@ function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', - includedLanguages: 'en,ur', + includedLanguages: `'en,ur,ar,mr,hi'`, layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element'); } diff --git a/src/Components/Faq.jsx b/src/Components/Faq.jsx index 97e8b05..4b64edc 100644 --- a/src/Components/Faq.jsx +++ b/src/Components/Faq.jsx @@ -1,4 +1,4 @@ -import { AddIcon, MinusIcon } from "@chakra-ui/icons"; +import { AddIcon, ArrowForwardIcon, MinusIcon } from "@chakra-ui/icons"; import { Accordion, AccordionButton, @@ -8,7 +8,9 @@ import { Box, Container, Text, + Button } from "@chakra-ui/react"; +import { Link } from "react-router-dom"; export const faq = [ { @@ -17,29 +19,19 @@ export const faq = [ "To get started, simply download the Tanami app from the App Store or Google Play Store. Follow the on-screen instructions to create an account and complete the registration process. Once your account is set up, you can explore our investment options.", }, { - question: "How do I get started with your app?", + question: "How much money do I need to start investing through your app?", answer: - "To get started, simply download the Tanami app from the App Store or Google Play Store. Follow the on-screen instructions to create an account and complete the registration process. Once your account is set up, you can explore our investment options.", + "The minimum investment amount varies depending on the specific investment opportunity. You will find the minimum investment amount within the page of each investment opportunity.", }, { - question: "How do I get started with your app?", + question: "How long does it take to open an account and start investing?", answer: - "To get started, simply download the Tanami app from the App Store or Google Play Store. Follow the on-screen instructions to create an account and complete the registration process. Once your account is set up, you can explore our investment options.", + "The account opening process can typically be completed online within a few minutes. Once your account is approved, you can start exploring and investing in alternative assets through our app. However, please note that additional verification requirements or account funding may be necessary, which may affect the timeline.", }, { - question: "How do I get started with your app?", + question: "What types of investment opportunities are available through your app?", answer: - "To get started, simply download the Tanami app from the App Store or Google Play Store. Follow the on-screen instructions to create an account and complete the registration process. Once your account is set up, you can explore our investment options.", - }, - { - question: "How do I get started with your app?", - answer: - "To get started, simply download the Tanami app from the App Store or Google Play Store. Follow the on-screen instructions to create an account and complete the registration process. Once your account is set up, you can explore our investment options.", - }, - { - question: "How do I get started with your app?", - answer: - "To get started, simply download the Tanami app from the App Store or Google Play Store. Follow the on-screen instructions to create an account and complete the registration process. Once your account is set up, you can explore our investment options.", + "Our app offers a range of alternative investment options, including private equity funds, venture capital funds, real estate investment funds, infrastructure funds, private debt funds, and more. You can choose investments based on your risk tolerance and investment goals.", }, ]; @@ -49,9 +41,9 @@ const Faq = () => { id="faq" position={"relative"} backgroundColor={"#ffffff"} - h={"120vh"} + h={"auto"} mt={28} - mb={10} + pb={26} > { {faq.map(({ question, answer }, index) => ( - + {({ isExpanded }) => ( - <> + { > {answer} - + )} ))} + + + + + diff --git a/src/Components/Footer.jsx b/src/Components/Footer.jsx index 8313ecc..8d51b4c 100644 --- a/src/Components/Footer.jsx +++ b/src/Components/Footer.jsx @@ -88,17 +88,17 @@ const Footer = () => { - Investment + Contact us - + - How it works + Privacy policy - + - FAQ's + Terms of service diff --git a/src/Components/Header.jsx b/src/Components/Header.jsx index 0692998..2902205 100644 --- a/src/Components/Header.jsx +++ b/src/Components/Header.jsx @@ -2,7 +2,7 @@ import { Box, Button, Container, Image } from "@chakra-ui/react"; import React, { useEffect, useState } from "react"; import { Link, NavLink, useNavigate } from "react-router-dom"; import { ChevronDownIcon } from "@chakra-ui/icons"; -import { Link as ScrollLink } from "react-scroll"; +import { Link as ScrollLink, animateScroll as scroll } from "react-scroll"; import logo from "../assets/logo.png"; import earth from "../assets/earth.png"; @@ -57,7 +57,9 @@ const Header = () => { const handleLanguageChange = (e) => { const language = e.target.value; - const googleTranslateElement = document.querySelector("#google_translate_element select"); + const googleTranslateElement = document.querySelector( + "#google_translate_element select" + ); if (googleTranslateElement) { googleTranslateElement.value = language; googleTranslateElement.dispatchEvent(new Event("change")); @@ -78,7 +80,7 @@ const Header = () => { justifyContent={"space-between"} maxW="container.xl" > - + scroll.scrollToTop()}> @@ -132,10 +134,11 @@ const Header = () => { cursor="pointer" appearance="none" > - - + + -