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" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tanami</title> <title>Tanami</title>
<script type="text/javascript">
<!-- <script type="text/javascript">
function googleTranslateElementInit() { function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
} }
</script> </script> -->
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
@@ -19,7 +21,7 @@
function googleTranslateElementInit() { function googleTranslateElementInit() {
new google.translate.TranslateElement({ new google.translate.TranslateElement({
pageLanguage: 'en', pageLanguage: 'en',
includedLanguages: 'en,ur', includedLanguages: `'en,ur,ar,mr,hi'`,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element'); }, '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 { import {
Accordion, Accordion,
AccordionButton, AccordionButton,
@@ -8,7 +8,9 @@ import {
Box, Box,
Container, Container,
Text, Text,
Button
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { Link } from "react-router-dom";
export const faq = [ 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.", "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: 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: 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: 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.",
},
{
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.",
}, },
]; ];
@@ -49,9 +41,9 @@ const Faq = () => {
id="faq" id="faq"
position={"relative"} position={"relative"}
backgroundColor={"#ffffff"} backgroundColor={"#ffffff"}
h={"120vh"} h={"auto"}
mt={28} mt={28}
mb={10} pb={26}
> >
<Container <Container
display={"flex"} display={"flex"}
@@ -87,11 +79,10 @@ const Faq = () => {
<Accordion allowToggle> <Accordion allowToggle>
{faq.map(({ question, answer }, index) => ( {faq.map(({ question, answer }, index) => (
<AccordionItem> <AccordionItem key={index}>
{({ isExpanded }) => ( {({ isExpanded }) => (
<> <Box as="span" >
<AccordionButton <AccordionButton
key={index}
_expanded={{ bg: "", color: "" }} _expanded={{ bg: "", color: "" }}
ps={0} ps={0}
pt={6} pt={6}
@@ -134,12 +125,34 @@ const Faq = () => {
> >
{answer} {answer}
</AccordionPanel> </AccordionPanel>
</> </Box>
)} )}
</AccordionItem> </AccordionItem>
))} ))}
</Accordion> </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> </Box>
</Container> </Container>
</Box> </Box>

10
src/Components/Footer.jsx
View File

@@ -88,17 +88,17 @@ const Footer = () => {
</Link> </Link>
<Link to={"/contact-us"}> <Link to={"/contact-us"}>
<Text fontSize={"sm"} as={"span"}> <Text fontSize={"sm"} as={"span"}>
Investment Contact us
</Text> </Text>
</Link> </Link>
<Link to={"/privacy-policy"}> <Link to={"/privacy"}>
<Text fontSize={"sm"} as={"span"}> <Text fontSize={"sm"} as={"span"}>
How it works Privacy policy
</Text> </Text>
</Link> </Link>
<Link to={"/teams-of-service"}> <Link to={"/terms"}>
<Text fontSize={"sm"} as={"span"}> <Text fontSize={"sm"} as={"span"}>
FAQ's Terms of service
</Text> </Text>
</Link> </Link>
</Box> </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 React, { useEffect, useState } from "react";
import { Link, NavLink, useNavigate } from "react-router-dom"; import { Link, NavLink, useNavigate } from "react-router-dom";
import { ChevronDownIcon } from "@chakra-ui/icons"; 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 logo from "../assets/logo.png";
import earth from "../assets/earth.png"; import earth from "../assets/earth.png";
@@ -57,7 +57,9 @@ const Header = () => {
const handleLanguageChange = (e) => { const handleLanguageChange = (e) => {
const language = e.target.value; const language = e.target.value;
const googleTranslateElement = document.querySelector("#google_translate_element select"); const googleTranslateElement = document.querySelector(
"#google_translate_element select"
);
if (googleTranslateElement) { if (googleTranslateElement) {
googleTranslateElement.value = language; googleTranslateElement.value = language;
googleTranslateElement.dispatchEvent(new Event("change")); googleTranslateElement.dispatchEvent(new Event("change"));
@@ -78,7 +80,7 @@ const Header = () => {
justifyContent={"space-between"} justifyContent={"space-between"}
maxW="container.xl" maxW="container.xl"
> >
<Link to={"/"}> <Link to={"/"} onClick={() => scroll.scrollToTop()}>
<Image src={logo} h={8} /> <Image src={logo} h={8} />
</Link> </Link>
<Box display={"flex"} gap={6}> <Box display={"flex"} gap={6}>
@@ -132,10 +134,11 @@ const Header = () => {
cursor="pointer" cursor="pointer"
appearance="none" appearance="none"
> >
<option value="en">En</option> <option className="rounded-0 text-dark" value="en">
<option value="ur">Ur</option> En
</option>
<option value="ur text-dark">Ur</option>
</Box> </Box>
<ChevronDownIcon />
</Box> </Box>
<Button color={"#002F0F"} ps={6} pe={6} size={"sm"} rounded={"xl"}> <Button color={"#002F0F"} ps={6} pe={6} size={"sm"} rounded={"xl"}>
Contact Us 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 { Box, Button, Grid, Heading, Stack, Text } from '@chakra-ui/react'
import React from 'react' import React from 'react'
import { OPACITY_ON_LOAD } from '../Layout/animations'
@@ -7,7 +8,7 @@ const HeroHeader = ({title,content,showButtons}) => {
return ( 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> <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> <Text fontFamily={'DM sans'} fontSize={'20px'} mb={'0'} fontWeight={'500'}>{content}</Text>
{showButtons && ( {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 HeroHeader from './HeroHeader'
import { Box, Container, Heading, Text } from '@chakra-ui/react' import { Box, Container, Heading, Text } from '@chakra-ui/react'
@@ -28,6 +28,9 @@ const AboutCont = [
] ]
const PrivacyPolicy = () => { const PrivacyPolicy = () => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return ( return (
<> <>
<HeroHeader <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 HeroHeader from './HeroHeader'
import { Box, Container, Heading, Text } from '@chakra-ui/react' import { Box, Container, Heading, Text } from '@chakra-ui/react'
@@ -28,6 +28,9 @@ const AboutCont = [
] ]
const TermsService = () => { const TermsService = () => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return ( return (
<> <>
<HeroHeader <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 HeroHeader from "../Components/HeroHeader";
import { import {
Box, Box,
@@ -34,6 +34,9 @@ const boxesData = [
]; ];
const AboutUs = () => { const AboutUs = () => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return ( return (
<> <>
<HeroHeader <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 HeroHeader from '../Components/HeroHeader'
import { Box } from '@chakra-ui/react' import { Box } from '@chakra-ui/react'
const Faq = () => { const Faq = () => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return ( return (
<> <>
<HeroHeader <HeroHeader

2
src/Routes/RoutLink.jsx
View File

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

12
src/index.css
View File

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