From 5ae5c643d723969c96bb343b5dfdfa15ea79b4b4 Mon Sep 17 00:00:00 2001
From: mildrette <mildredfonka1@gmail.com>
Date: Tue, 25 Jun 2024 14:02:40 +0100
Subject: [PATCH] updates

---
 src/Pages/LandingPages.js | 441 --------------------------------------
 1 file changed, 441 deletions(-)
 delete mode 100644 src/Pages/LandingPages.js

diff --git a/src/Pages/LandingPages.js b/src/Pages/LandingPages.js
deleted file mode 100644
index 9d437ad..0000000
--- a/src/Pages/LandingPages.js
+++ /dev/null
@@ -1,441 +0,0 @@
-import React from "react";
-import {
-	Box,
-	Grid,
-	Typography,
-	Button,
-	Card,
-	CardMedia,
-	Avatar,
-	DemoPaper,
-	CardContent,
-	CssBaseline
-} from "@mui/material";
-import { useTranslation } from "react-i18next";
-import { FaArrowCircleRight, FaDownload } from "react-icons/fa";
-import { motion, useAnimation } from "framer-motion";
-import { createTheme, useTheme, ThemeProvider } from "@mui/material/styles";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import Carousel from "react-material-ui-carousel";
-import Faqs from "../Components/FAQs";
-import "../i18n.js";
-
-const Landing = () => {
-	const { t, i18n } = useTranslation();
-	const theme = useTheme();
-	const isMobile = useMediaQuery(theme.breakpoints.down("md"));
-	const controls = useAnimation();
-
-	const items = [
-		{
-			title: t("Blog.Reliability"),
-			description: t("Blog.ReliabilityD"),
-			link: "https://blog.smswithoutborders.com/posts/reliability-of-gateway-clients-in-smswithoutborders",
-			image: "/composeMessage.png",
-			author: "Aysha Musa",
-			avatar: "V"
-		},
-		{
-			title: t("Blog.Resilience"),
-			description: t("Blog.ResilienceD"),
-			link: "https://blog.smswithoutborders.com/posts/reliability-of-gateway-clients-in-smswithoutborders",
-			image: "/resilience.svg",
-			author: "Aysha Musa",
-			avatar: "R"
-		}
-	];
-
-	const pairs = [];
-	for (let i = 0; i < items.length; i += 2) {
-		pairs.push(items.slice(i, i + 2));
-	}
-
-	const isRTL = i18n.language === "fa";
-
-	const customTheme = createTheme({
-		direction: isRTL ? "rtl" : "ltr"
-	});
-
-	const variants = {
-		hidden: { opacity: 0, x: -100 },
-		visible: { opacity: 1, x: 0, transition: { duration: 0.6, ease: "easeOut" } }
-	};
-
-	const onSectionScroll = () => {
-		controls.start("visible");
-	};
-
-	return (
-		<ThemeProvider theme={customTheme}>
-			<CssBaseline />
-			<Box dir={isRTL ? "rtl" : "ltr"}>
-				{/* Banner Page */}
-				<Grid
-					container
-					style={{ maxWidth: "1400px", margin: "0 auto", padding: "40px 20px" }}
-					spacing={3}
-					ref={onSectionScroll}
-					initial="hidden"
-					animate={controls}
-				>
-					<Grid
-						item
-						md={6}
-						sm={12}
-						xs={12}
-						style={{ display: "flex", flexDirection: "column", justifyContent: "center" }}
-					>
-						<motion.img
-							src="/nerd1.png"
-							alt="Illustration"
-							style={{ width: "100%", maxWidth: "70%", height: "auto" }}
-							variants={variants}
-						/>
-					</Grid>
-
-					<Grid item md={6} sm={12} xs={12} style={{ display: "block", justifyContent: "center" }}>
-						{!isMobile && (
-							<motion.img
-								src="/logo.png"
-								alt="Logo"
-								style={{ width: "100%", maxWidth: "10%", height: "auto", marginBottom: "20px" }}
-								variants={variants}
-							/>
-						)}
-						<Typography variant="h3" sx={{ fontWeight: 700, mb: { xs: 3, md: 2 } }}>
-							{t("Landing.landingh1")}
-						</Typography>
-						<Typography variant="h5" sx={{ mb: 3 }}>
-							{t("Landing.landingh2")}
-						</Typography>
-
-						<div style={{ display: "flex", marginBottom: 3 }}>
-							<Button
-								size="large"
-								component="a"
-								href="/download"
-								variant="contained"
-								startIcon={
-									<img
-										src="./playstore.svg"
-										alt="playstore"
-										style={{ height: "25px", marginRight: "10px" }}
-									/>
-								}
-								sx={{
-									px: { xs: 4, md: 5 },
-									mr: { xs: 2, md: 3 },
-									bgcolor: "black",
-									color: "whitesmoke",
-									textTransform: "none"
-								}}
-								variants={variants}
-							>
-								{t("Landing.Android")}
-							</Button>
-
-							<Button
-								size="large"
-								component="a"
-								href="/download"
-								variant="contained"
-								startIcon={<FaDownload />}
-								sx={{
-									px: { xs: 4, md: 5 },
-									bgcolor: "black",
-									color: "whitesmoke",
-									textTransform: "none"
-								}}
-								variants={variants}
-							>
-								{t("Landing.Desktop")}
-							</Button>
-						</div>
-					</Grid>
-				</Grid>
-
-				{/* How it works */}
-				<Box textAlign="center" sx={{ pt: { md: 10, xs: 7 }, px: { md: 30, xs: 3 }, mb: 0 }}>
-					<Typography variant="h4" sx={{ fontWeight: 700, fontSize: { xs: "25px", md: "33px" } }}>
-						{t("Howitworks.HowItWorks")}
-					</Typography>
-
-					{/* How it works sections */}
-					<Grid container spacing={4} justifyContent="center" sx={{ mt: 4 }}>
-						<Grid item xs={12} sm={6}>
-							<motion.div initial="hidden" animate={controls} variants={variants}>
-								<DemoPaper
-									variant="elevation"
-									sx={{
-										height: { xs: 300, md: 340 },
-										display: "flex",
-										flexDirection: "column",
-										justifyContent: "space-between",
-										maxWidth: { xs: 345, md: "none" },
-										margin: "auto",
-										boxShadow: 3,
-										borderRadius: 2
-									}}
-								>
-									<CardMedia
-										component="img"
-										height="140"
-										image="/permission.png"
-										alt="permission"
-										sx={{ objectFit: "cover", borderRadius: "2px 2px 0 0" }}
-									/>
-									<Typography variant="body1" sx={{ p: 2 }}>
-										{t("Howitworks.HowItWorksA")}
-									</Typography>
-								</DemoPaper>
-							</motion.div>
-						</Grid>
-
-						<Grid item xs={12} sm={6}>
-							<motion.div initial="hidden" animate={controls} variants={variants}>
-								<DemoPaper
-									variant="elevation"
-									sx={{
-										height: { xs: 300, md: 340 },
-										display: "flex",
-										flexDirection: "column",
-										justifyContent: "space-between",
-										maxWidth: { xs: 345, md: "none" },
-										margin: "auto",
-										boxShadow: 3,
-										borderRadius: 2
-									}}
-								>
-									<CardMedia
-										component="img"
-										height="140"
-										image="/composeMessage.png"
-										alt="compose message"
-										sx={{ objectFit: "cover", borderRadius: "2px 2px 0 0" }}
-									/>
-									<Typography variant="body1" sx={{ p: 2 }}>
-										{t("Howitworks.HowItWorksB")}
-									</Typography>
-								</DemoPaper>
-							</motion.div>
-						</Grid>
-
-						<Grid item xs={12} sm={6}>
-							<motion.div initial="hidden" animate={controls} variants={variants}>
-								<DemoPaper
-									variant="elevation"
-									sx={{
-										height: { xs: 300, md: 340 },
-										display: "flex",
-										flexDirection: "column",
-										justifyContent: "space-between",
-										maxWidth: { xs: 345, md: "none" },
-										margin: "auto",
-										boxShadow: 3,
-										borderRadius: 2
-									}}
-								>
-									<CardMedia
-										component="img"
-										height="140"
-										image="/Online-world.png"
-										alt="online world"
-										sx={{ objectFit: "cover", borderRadius: "2px 2px 0 0" }}
-									/>
-									<Typography variant="body1" sx={{ p: 2 }}>
-										{t("Howitworks.HowItWorksC")}
-									</Typography>
-								</DemoPaper>
-							</motion.div>
-						</Grid>
-
-						<Grid item xs={12} sm={6}>
-							<motion.div initial="hidden" animate={controls} variants={variants}>
-								<DemoPaper
-									variant="elevation"
-									sx={{
-										height: { xs: 300, md: 340 },
-										display: "flex",
-										flexDirection: "column",
-										justifyContent: "space-between",
-										maxWidth: { xs: 345, md: "none" },
-										margin: "auto",
-										boxShadow: 3,
-										borderRadius: 2
-									}}
-								>
-									<CardMedia
-										component="img"
-										height="140"
-										image="/recievedNotification.png"
-										alt="received notification"
-										sx={{ objectFit: "cover", borderRadius: "2px 2px 0 0" }}
-									/>
-									<Typography variant="body1" sx={{ p: 2 }}>
-										{t("Howitworks.HowItWorksD")}
-									</Typography>
-								</DemoPaper>
-							</motion.div>
-						</Grid>
-
-						{/* Getting Started Button */}
-						<Grid item xs={12}>
-							<motion.div initial="hidden" animate={controls} variants={variants}>
-								<Box textAlign="center" sx={{ p: 2 }}>
-									<a
-										href="https://smswithoutborders.github.io/docs/tutorials/getting-started/"
-										target="_blank"
-										rel="noreferrer noopener"
-										style={{ textDecoration: "none" }}
-									>
-										<Typography
-											variant="body1"
-											sx={{
-												p: 4,
-												textDecoration: "underline",
-												fontWeight: "bold",
-												color: "primary.main",
-												display: "inline-flex",
-												alignItems: "center",
-												fontSize: { xs: "20px", md: "24px" },
-												"&:hover": {
-													color: "secondary.main",
-													textDecoration: "none",
-													transform: "scale(1.05)"
-												},
-												transition: "transform 0.2s ease-in-out"
-											}}
-										>
-											{t("Howitworks.GettingStartedButton")}{" "}
-											<FaArrowCircleRight
-												size="20px"
-												style={{ marginLeft: "8px", rotate: "-30deg" }}
-											/>
-										</Typography>
-									</a>
-								</Box>
-							</motion.div>
-						</Grid>
-					</Grid>
-				</Box>
-
-				{/* Relay Map */}
-				<Box sx={{ bgcolor: "white", px: { md: 20, sm: 10, xs: 3 } }}>
-					<Grid container rowSpacing={4} sx={{ py: { md: 10, xs: 10 } }}>
-						<Grid item md={5} my="auto">
-							<motion.div initial="hidden" animate={controls} variants={variants}>
-								<Typography
-									variant="h3"
-									sx={{
-										fontWeight: 700,
-										fontSize: { md: "48px", xs: "33px" },
-										color: "black"
-									}}
-								>
-									{t("Map.RelaySMSMap")}
-								</Typography>
-							</motion.div>
-						</Grid>
-						<Grid item md={7} sx={{ justifyContent: "center", display: "flex", mx: "auto" }}>
-							<motion.div initial="hidden" animate={controls} variants={variants}>
-								<Box component="img" src="/map.png" sx={{ width: "100%", borderRadius: "20px" }} />
-							</motion.div>
-						</Grid>
-					</Grid>
-				</Box>
-
-				{/* What's New Blog */}
-				<Box sx={{ p: { md: 3, xs: 2 } }}>
-					<Grid
-						container
-						rowSpacing={4}
-						columnSpacing={4}
-						sx={{ px: { md: 13, sm: 10, xs: 2 }, my: { md: 2, xs: 1 }, pb: 4 }}
-					>
-						<Grid item md={12} xs={12}>
-							<motion.div initial="hidden" animate={controls} variants={variants}>
-								<Typography textAlign={"center"} variant="h5" sx={{ fontWeight: 700, py: 2 }}>
-									{t("Blog.WhatsNew")}
-								</Typography>
-							</motion.div>
-						</Grid>
-
-						<Grid item xs={12}>
-							<Carousel
-								NextIcon={<Button>Next</Button>} // Custom Next button
-								PrevIcon={<Button>Prev</Button>} // Custom Prev button
-							>
-								{pairs.map((pair, index) => (
-									<Box key={index}>
-										<Grid container spacing={2} justifyContent="center">
-											{pair.map((item, idx) => (
-												<Grid item md={6} sm={6} xs={12} key={idx}>
-													<motion.div initial="hidden" animate={controls} variants={variants}>
-														<Card sx={{ maxWidth: { xs: "100%", sm: "400px" }, mx: "auto" }}>
-															<CardMedia
-																component="img"
-																height="200"
-																image={item.image}
-																alt={item.title}
-																sx={{ objectFit: "cover", width: "100%" }}
-															/>
-															<CardContent>
-																<Typography
-																	gutterBottom
-																	variant="h5"
-																	component="div"
-																	sx={{ fontSize: { xs: "1.25rem", md: "1.5rem" } }}
-																>
-																	{item.title}
-																</Typography>
-																<Typography variant="body2" color="text.secondary">
-																	{item.description}
-																	<a
-																		style={{ color: "#8AC1EE" }}
-																		href={item.link}
-																		target="_blank"
-																		rel="noreferrer"
-																	>
-																		<br />
-																		{t("Blog.ReadMore")}
-																	</a>
-																</Typography>
-															</CardContent>
-															<Box sx={{ display: "flex", alignItems: "center", px: 2, pb: 2 }}>
-																<Avatar>{item.avatar}</Avatar>
-																<Typography variant="body2" sx={{ p: 1 }}>
-																	{item.author}
-																</Typography>
-															</Box>
-														</Card>
-													</motion.div>
-												</Grid>
-											))}
-										</Grid>
-									</Box>
-								))}
-							</Carousel>
-						</Grid>
-					</Grid>
-				</Box>
-
-				{/* FAQ */}
-				<Box
-					sx={{
-						bgcolor: "white",
-						color: "black",
-						px: { md: 15, sm: 10, xs: 3 },
-						mb: { md: 0, xs: 4 },
-						mt: { md: 4, xs: 1 }
-					}}
-				>
-					<motion.div initial="hidden" animate={controls} variants={variants}>
-						<Faqs />
-					</motion.div>
-				</Box>
-			</Box>
-		</ThemeProvider>
-	);
-};
-
-export default Landing;