Siddhesh.More/tanami
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

translator added

Browse Source
This commit is contained in:
Siddhesh More
2024-06-21 13:59:13 +05:30
parent 4770a716e4
commit fffd373534
12 changed files with 94 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@@ -6,11 +6,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tanami</title>
<script type="text/javascript">
<!-- <script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
</script> -->
</head>
<body>
<div id="root"></div>
@@ -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');
}

59
src/Components/Faq.jsx
View File

@@ -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}
>
<Container
display={"flex"}
@@ -87,11 +79,10 @@ const Faq = () => {
<Accordion allowToggle>
{faq.map(({ question, answer }, index) => (
<AccordionItem>
<AccordionItem key={index}>
{({ isExpanded }) => (
<>
<Box as="span" >
<AccordionButton
key={index}
_expanded={{ bg: "", color: "" }}
ps={0}
pt={6}
@@ -134,12 +125,34 @@ const Faq = () => {
>
{answer}
</AccordionPanel>
</>
</Box>
)}
</AccordionItem>
))}
</Accordion>
<Box as="div" mt={6} display={'flex'} justifyContent={'center'}>
<Link to={"/faq"} >
<Button
backgroundColor={"#002F0F"}
color={"#fff"}
ps={8}
pe={8}
pb={1}
mt={6}
rounded={"xl"}
size={"lg"}
fontSize={"md"}
_hover={{
backgroundColor: "#002F0F",
transform: "translateY(-6px)",
}} // Ensuring hover background color remains the same
transition={"0.5s all"}
>
View all <ArrowForwardIcon ms={2} />
</Button></Link>
</Box>
</Box>
</Container>
</Box>

10
src/Components/Footer.jsx
View File

@@ -88,17 +88,17 @@ const Footer = () => {
</Link>
<Link to={"/contact-us"}>
<Text fontSize={"sm"} as={"span"}>
Investment
Contact us
</Text>
</Link>
<Link to={"/privacy-policy"}>
<Link to={"/privacy"}>
<Text fontSize={"sm"} as={"span"}>
How it works
Privacy policy
</Text>
</Link>
<Link to={"/teams-of-service"}>
<Link to={"/terms"}>
<Text fontSize={"sm"} as={"span"}>
FAQ's
Terms of service
</Text>
</Link>
</Box>

15
src/Components/Header.jsx
View File

@@ -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"
>
<Link to={"/"}>
<Link to={"/"} onClick={() => scroll.scrollToTop()}>
<Image src={logo} h={8} />
</Link>
<Box display={"flex"} gap={6}>
@@ -132,10 +134,11 @@ const Header = () => {
cursor="pointer"
appearance="none"
>
<option value="en">En</option>
<option value="ur">Ur</option>
<option className="rounded-0 text-dark" value="en">
En
</option>
<option value="ur text-dark">Ur</option>
</Box>
<ChevronDownIcon />
</Box>
<Button color={"#002F0F"} ps={6} pe={6} size={"sm"} rounded={"xl"}>
Contact Us

3
src/Components/HeroHeader.jsx
View File

@@ -1,5 +1,6 @@
import { Box, Button, Grid, Heading, Stack, Text } from '@chakra-ui/react'
import React from 'react'
import { OPACITY_ON_LOAD } from '../Layout/animations'
@@ -7,7 +8,7 @@ const HeroHeader = ({title,content,showButtons}) => {
return (
<>
<Box backgroundColor={'#0041180D'} h={'360px'} display={'flex'} justifyContent={'center'} alignContent={'center'} flexDirection={'column'} textAlign={'center'}>
<Box {...OPACITY_ON_LOAD} backgroundColor={'#0041180D'} h={'360px'} display={'flex'} justifyContent={'center'} alignContent={'center'} flexDirection={'column'} textAlign={'center'}>
<Heading as='h2' mb={'14px'} fontSize={'52px'} color={'#000'} width={'40%'} m={'0px auto'}>{title}</Heading>
<Text fontFamily={'DM sans'} fontSize={'20px'} mb={'0'} fontWeight={'500'}>{content}</Text>
{showButtons && (

5
src/Components/PrivacyPolicy.jsx
View File

@@ -1,4 +1,4 @@
import React from 'react'
import React, { useEffect } from 'react'
import HeroHeader from './HeroHeader'
import { Box, Container, Heading, Text } from '@chakra-ui/react'
@@ -28,6 +28,9 @@ const AboutCont = [
]
const PrivacyPolicy = () => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return (
<>
<HeroHeader

5
src/Components/TermsService.jsx
View File

@@ -1,4 +1,4 @@
import React from 'react'
import React, { useEffect } from 'react'
import HeroHeader from './HeroHeader'
import { Box, Container, Heading, Text } from '@chakra-ui/react'
@@ -28,6 +28,9 @@ const AboutCont = [
]
const TermsService = () => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return (
<>
<HeroHeader

5
src/Pages/AboutUs.jsx
View File

@@ -1,4 +1,4 @@
import React from "react";
import React, { useEffect } from "react";
import HeroHeader from "../Components/HeroHeader";
import {
Box,
@@ -34,6 +34,9 @@ const boxesData = [
];
const AboutUs = () => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return (
<>
<HeroHeader

9
src/Pages/ContactUs.jsx Normal file
View File

@@ -0,0 +1,9 @@
import React from 'react'
const ContactUs = () => {
return (
<div>ContactUs</div>
)
}
export default ContactUs

5
src/Pages/Faq.jsx
View File

@@ -1,8 +1,11 @@
import React from 'react'
import React, { useEffect } from 'react'
import HeroHeader from '../Components/HeroHeader'
import { Box } from '@chakra-ui/react'
const Faq = () => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return (
<>
<HeroHeader

2
src/Routes/RoutLink.jsx
View File

@@ -1,6 +1,7 @@
import PrivacyPolicy from "../Components/PrivacyPolicy";
import TermsService from "../Components/TermsService";
import AboutUs from "../Pages/AboutUs";
import ContactUs from "../Pages/ContactUs";
import Faq from "../Pages/Faq";
import Home from "../Pages/Home";
@@ -10,4 +11,5 @@ export const RouteLink = [
{ path: "/terms", Component: TermsService },
{ path: "/privacy", Component: PrivacyPolicy },
{ path: "/faq", Component: Faq },
{ path: "/contact-us", Component: ContactUs },
]

12
src/index.css
View File

@@ -15,11 +15,19 @@
right: 0;
opacity: 0.1;
}
.goog-te-banner-frame {
display: none;
}
.goog-te-banner-frame.skiptranslate {
display: none !important;
}
}
.goog-logo-link {
display: none !important;
}
.goog-te-gadget {
color: transparent !important;
}
h2{
font-family: Roca Two !important;