From 50007649b1c74c64eb86f002986ef018ad1f1abd Mon Sep 17 00:00:00 2001 From: hardik Date: Sun, 9 Feb 2025 09:49:34 +0530 Subject: [PATCH] changed background --- src/components/homepage.tsx | 160 +++++++----------- .../imageandgif/backgroundnewone.png | Bin 0 -> 35199 bytes .../imageandgif/backgroundnewtwo.png | Bin 0 -> 28417 bytes src/components/imageandgif/bgone.png | Bin 0 -> 40978 bytes src/components/imageandgif/newbgone.png | Bin 0 -> 38919 bytes src/components/imageandgif/newbgtwo.png | Bin 0 -> 30014 bytes src/components/imageandgif/newnewtwo.png | Bin 0 -> 26010 bytes src/components/imageandgif/newthree.png | Bin 0 -> 80236 bytes 8 files changed, 59 insertions(+), 101 deletions(-) create mode 100644 src/components/imageandgif/backgroundnewone.png create mode 100644 src/components/imageandgif/backgroundnewtwo.png create mode 100644 src/components/imageandgif/bgone.png create mode 100644 src/components/imageandgif/newbgone.png create mode 100644 src/components/imageandgif/newbgtwo.png create mode 100644 src/components/imageandgif/newnewtwo.png create mode 100644 src/components/imageandgif/newthree.png diff --git a/src/components/homepage.tsx b/src/components/homepage.tsx index fa96d34..bd44dd2 100644 --- a/src/components/homepage.tsx +++ b/src/components/homepage.tsx @@ -1,11 +1,9 @@ import React, { useRef } from "react"; import { Box, Grid, Typography } from "@mui/material"; import logo from "../loopslogo2.png"; -import backone from "../components/imageandgif/backgroundone.png"; -import backthree from "../components/imageandgif/backgroundthree.png"; -import backfour from "../components/imageandgif/backgroundfour.png"; -import backfive from "../components/imageandgif/backgroundfive.png"; -import backsix from "../components/imageandgif/backgroundsix.png"; +import backone from "../components/imageandgif/newbgone.png"; +import backtwo from "../components/imageandgif/newnewtwo.png"; +import backthree from "../components/imageandgif/newthree.png"; import gifone from "../components/imageandgif/gifone.gif" import giftwo from "../components/imageandgif/giftwo.gif" import gifthree from "../components/imageandgif/gifthree.gif" @@ -52,6 +50,7 @@ const HomePage: React.FC = () => { backgroundSize: "contain", backgroundPosition: "right center", backgroundRepeat: "no-repeat", + marginBottom: "399px", }} > { {

Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis doloremque architecto eos provident et deserunt temporibus non iusto quis inventore expedita neque, dolorum ea consectetur repudiandae iste. Aliquid, aspernatur in!

- - - {/* Grid 3 */} - { Gif - - - {/* Grid 4 */} - { Gif + - {/* Grid 5 */} + {/* Grid 3 */} @@ -232,8 +201,8 @@ const HomePage: React.FC = () => { ref={useRefBox} sx={{ position: "absolute", - top: "10%", - left: "8%", + top: "17%", + right: "25%", transform: "translateY(-50%)", height: "167px", width: "523px", @@ -253,19 +222,36 @@ const HomePage: React.FC = () => { Gif + + + {/* Grid 4 */} + { Gif - - {/* Grid 6 */} - { Gif + {/* */} { Gif - - {/* grid */} - { sx={{ height: "300px", backgroundImage: `url(${loopgreen})`, - + position: "relative", backgroundSize: "contain", backgroundPosition: "center", backgroundRepeat: "no-repeat", }}> - + - -