Mif2006

@keyframes rotateGradient {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}

.gradient-background-1 {

Mif2006

@tailwind base;
@tailwind components;
@tailwind utilities;

.planet-background-1 {
  background: radial-gradient(80.36% 80.36% at 18.95% 26.51%, #60DBFF 0.56%, #60D5FF 9.37%, #5FC4FF 21.1%, #5DA9FF 34.46%, #5A82FF 49.03%, #5751FF 64.42%, #5643FF 68.44%, #563DF8 74.32%, #552EE5 82.82%, #5315C6 92.87%, #5200AB 100%);
  background-size: 150% 150%;
  animation: none; /* Disable the initial rotation animation */
}

Mif2006

import {
  RxCrop,
  RxDesktop,
  RxPencil2,
  RxReader,
  RxRocket,
  RxAccessibility,
} from "react-icons/rx";

import SpaceCity1 from "../assets/SpaceCity1.jpg";

Mif2006

import { Swiper, SwiperSlide } from "swiper/react";

import "swiper/css";
import "swiper/css/pagination";
import "swiper/css/free-mode";

import { FreeMode, Pagination } from "swiper/modules";

import { RxArrowTopRight } from "react-icons/rx";
import { ServiceData } from "../constants";

Mif2006

export const PurpleImages = [
  {
    src: SpaceCity1,
  },
  {
    src: SpaceCity5,
  },
  {
    src: SpaceCity8,
  },

Mif2006

import { Swiper, SwiperSlide } from "swiper/react";

import "swiper/css";
import "swiper/css/pagination";
import "swiper/css/free-mode";

import { FreeMode, Pagination } from "swiper/modules";

import { RxArrowRight } from "react-icons/rx";
import { OrangeImages, PurpleImages } from "../constants";

Mif2006

import { useState } from "react";
import { motion } from "framer-motion";
import city1 from "../assets/city1.png";
import city2 from "../assets/city2.png";
import city3 from "../assets/city3.png";
import planet1 from "../assets/planet1.png";
import planet2 from "../assets/planet2.png";

const ImageSlider = () => {
  const [positionIndexes, setPositionIndexes] = useState([0, 1, 2, 3, 4]);

Mif2006

import React, {useState} from 'react'
import {motion} from 'framer-motion'
import city1 from '../assets/city1.png'
import city2 from '../assets/city2.png'
import city3 from '../assets/city3.png'
import planet1 from '../assets/planet1.png'
import planet2 from '../assets/planet2.png'

const OpenCards = () => {

Mif2006

import {
  RxCrop,
  RxDesktop,
  RxPencil2,
  RxReader,
  RxRocket,
  RxAccessibility,
  RxHome,
  RxPerson,
  RxDashboard,

Mif2006

import { useState, useEffect } from 'react'

import './App.css'
import { GoogleAuthProvider, onAuthStateChanged, signInWithPopup } from 'firebase/auth'
import { getFirestore,onSnapshot, collection, addDoc, orderBy, query, serverTimestamp} from 'firebase/firestore'
import { auth, app } from '../firebase'

const db = getFirestore(app)