-
diff --git a/components/About.jsx b/components/About.jsx
index 74f69e4..8e83e1b 100644
--- a/components/About.jsx
+++ b/components/About.jsx
@@ -15,39 +15,34 @@ const About = () => {
const { ref: t6, inView: aboutVisible6 } = useInView();
return (
+
+
+
+ {/* */}
+ {/* */}
+ {/*
*/}
*/}
-
-
-
- Get started
-
-
+
+
+
Create Account
-
+
Sign In
-
-
-
- Navigation
-
-
+
+
+
+
Home
-
+
About
-
+
Features
-
+
Docs
-
+
Contact
-
+
{/*
diff --git a/components/Bottom.jsx b/components/Bottom.jsx
index f39a558..1807934 100644
--- a/components/Bottom.jsx
+++ b/components/Bottom.jsx
@@ -4,7 +4,7 @@ import Image from 'next/image'
const Bottom = () => {
return (
-
+
diff --git a/components/Faq.jsx b/components/Faq.jsx
index a3c3d4a..9774761 100644
--- a/components/Faq.jsx
+++ b/components/Faq.jsx
@@ -17,7 +17,7 @@ const Faq = () => {
},
{
question: 'Does xmigrate supports real time data replication?',
- answer: 'Yes, it does support real time data replication',
+ answer: 'Yes, it does support real time data replication.',
},
{
question: 'Does xmigrate supports windows server migration?',
@@ -31,53 +31,53 @@ const Faq = () => {
question: 'What is the pricing of this product?',
answer: 'Currently this will be provided free of cost for the beta users. Pricing will be updated during the official release.',
}
-
+
];
const [expandedIndex, setExpandedIndex] = useState(null);
const handleToggleExpansion = (index) => {
setExpandedIndex((prevIndex) => (prevIndex === index ? null : index));
};
return (
-
+
-
FAQ
- Frequently Asked
-
- Questions +
+
{faqData.map((item, index) => (
- Questions +
+ Frequently Asked Questions
+ {/*
*/} + {/* Questions */}
- */} + {/* Questions */}
{/* Added margin bottom to create separation */}
{expandedIndex === index && (
-
-
))}
diff --git a/components/Flexbox.jsx b/components/Flexbox.jsx
index 964b718..2e8caf7 100644
--- a/components/Flexbox.jsx
+++ b/components/Flexbox.jsx
@@ -9,15 +9,20 @@ const Flexbox = () => {
const { ref: f1, inView: flexVisible1 } = useInView();
const { ref: f2, inView: flexVisible2 } = useInView();
const { ref: f3, inView: flexVisible3 } = useInView();
- const { ref: f4, inView: flexVisible4 } = useInView();
return (
handleToggleExpansion(index)}
>
{item.question}
-
- {item.answer}
-
-
-
+
+
+ {item.answer}
+
+
+
)}
-
+
{/*
*/}
{/* Supercharge your limits
- Xmigrate team invite everyone togive this tool a try and give feedback.
We are inviting each one of your contribution
+ Supercharge your limits
+
+ Xmigrate team invite everyone togive this tool a try and give feedback.
We are inviting each one of your contribution +
*/}
- {
height={18}
className='object-contain'
/>
-
+
- New Update:
- AI Integration
+ New Update:
+ AI Integration
+
We are inviting each one of your contribution
We are inviting each one of your contribution +
-
-
-
-
-
- {/*
-
+ */}
-
*/}
-
- {/* 
*/}
-
- {/* */}
-
- Supports migration of all the major Linux operating systems
-
-
- Get servers restored to any of the supported cloud which performs as same as servers build and deployed natively on cloud
-
- {/* Additional content */}
-
+
+
+
+ 
+ {/*
-
+ {/* */}
+
*/}
+
+
+
+ {/*
+ Supports migration of all the major Linux operating systems
+
+
+ Get servers restored to any of the supported cloud which performs as same as servers build and deployed natively on cloud
+
+ {/* Additional content */}
+
+
{
initial={{ opacity: 0, y: 50 }}
animate={flexVisible3 ? { opacity: 1, y: 0 } : { opacity: 0 }}
transition={{ duration: 0.8 }}
- className="flex-col overflow-hidden relative flex min-h-[270px] w-full justify-center items-center mt-7 px-16 py-12 max-md:max-w-full max-md:px-5 rounded-3xl">
+ className="flex-col overflow-hidden relative flex min-h-[270px] w-full justify-center items-center mt-7 px-16 py-12 max-md:max-w-full max-md:px-5 rounded-3xl border border-solid border-white border-opacity-10">
-
-
- xmigrate
+
@@ -102,26 +123,26 @@ const Flexbox = () => {
initial={{ opacity: 0, x: 10 }}
animate={flexVisible3 ? { opacity: 1, x: 0 } : { opacity: 0 }}
transition={{ duration: 0.8 }}
- className="flex flex-col items-stretch w-3/12 max-md:w-full max-md:ml-0 ">
-
+
+ className="flex flex-col items-stretch w-full xl:w-3/12 max-md:w-full max-md:ml-0 h-[600px] sm:h-[350px] xl:h-auto">
+
{/*
diff --git a/components/Footer.jsx b/components/Footer.jsx
index 8064f1f..b948026 100644
--- a/components/Footer.jsx
+++ b/components/Footer.jsx
@@ -8,7 +8,8 @@ import { useInView } from 'react-intersection-observer';
const Footer = () => {
const { ref: t1, inView: footerVisible1 } = useInView();
return (
- */}
-
*/}
- {/* ![]()
+ {/* */}
-
{/* */}
-
- Best user experience
-
-
- You don't need to be a migration specialist anymore. Be it a junior engineer, do the migrations at ease.
-
- {/*
+
+
+ Best user experience
+
+
+ You don't need to be a migration specialist anymore. Be it a junior engineer, do the migrations at ease.
+
+ {/*
professional-quality
websites
*/}
- websites
+
+
{
className='object-contain'
/>
- {/*
+
*/}
-
+
+
+ {/*
+ */}
+
{/*
{
className='object-contain'
/>
*/}
-
+
diff --git a/components/Grid.jsx b/components/Grid.jsx
index f557615..1f1a767 100644
--- a/components/Grid.jsx
+++ b/components/Grid.jsx
@@ -18,162 +18,166 @@ const Grid = () => {
const { ref: s8, inView: gridVisible8 } = useInView();
const { ref: s9, inView: gridVisible9 } = useInView();
const { ref: s10, inView: gridVisible10 } = useInView();
- return (
-
2023 All rights reserved
-
-
- {/*
*/}
-
-
-
-
-
-
-
-
-
-
- Data Privacy
- Xmigrate tool will be deployed in your environment and no data is send to any third party for any purpose
-
-
-
-
- Migration of Linux VM's
- Xmigrate has the capability to migrate Linux VM's from onprem to cloud or cloud to cloud
-
-
-
-
- Agentless Migration
- Xmigrate doesn't need any agents to be installed on the VM's which needs to be migrated
-
-
+ return (
+
+
+
+ {/*
*/}
+
+
+
+
+
+
+
+
+
+
+ Data Privacy
+ Xmigrate tool will be deployed in your environment and no data is send to any third party for any purpose
+
+
+
+
+ Migration of Linux VM's
+ Xmigrate has the capability to migrate Linux VM's from onprem to cloud or cloud to cloud
+
+
+
+
+ Agentless Migration
+ Xmigrate doesn't need any agents to be installed on the VM's which needs to be migrated
+
+
+
+
+
+
+
+
+
+
+
+
+ Environment Footprinting
+ Efficiently discover the environment of the hosts which needs to be migrated
+
+
+
+
+ Blueprint Dashboard
+ Design the Cloud environment easily from Blueprint console with footprint data
+
+
+
+
+ Manage environments
+ Create and manage multiple environments by creating multiple projects in Xmigrate
+
+
+
-
-
+
+
+
+
-
-
-
- Environment Footprinting
- Efficiently discover the environment of the hosts which needs to be migrated
-
-
-
-
- Blueprint Dashboard
- Design the Cloud environment easily from Blueprint console with footprint data
-
+
+
+
+
+ Premium
+
+
+ Interrupt Handling
+ Capability to resume your failed migration from last successful checkpoints
+
-
-
-
-
- Manage environments
- Create and manage multiple environments by creating multiple projects in Xmigrate
+
-
-
+
+
-
-
-
)
}
diff --git a/components/Navbar.jsx b/components/Navbar.jsx
index b428e08..4d74675 100644
--- a/components/Navbar.jsx
+++ b/components/Navbar.jsx
@@ -1,10 +1,11 @@
"use client";
-import { React, useState } from 'react'
+import { React, useState, useEffect } from 'react'
//import React, { useRef, useEffect } from 'react';
import Image from 'next/image'
import Link from 'next/link';
import { AiOutlineMenu, AiOutlineClose } from 'react-icons/ai'
+import { motion, transform } from "framer-motion"
const Navbar = () => {
const [menuOpen, setMenuOpen] = useState(false)
@@ -12,38 +13,60 @@ const Navbar = () => {
const handleNav = () => {
setMenuOpen(!menuOpen);
}
+ useEffect(() => {
+ document.querySelectorAll('button').forEach(button => {
+ const textContent = button.textContent.trim();
+ const transformedText = textContent
+ .split('')
+ .map(char => (char === ' ' ? ' ' : `${char}`))
+ .join('');
+
+ button.innerHTML = `
+
+
+
+
+
+
+ Premium
+
+
+ Bandwidth Control
+ Control bandwidth usage while you are migrating your servers
+
-
-
-
- Premium
-
-
- Interrupt Handling
- Capability to resume your failed migration from last successful checkpoints
-
-
+
-
-
-
-
-
-
-
+ Premium
-
+
-
+
- Coming Soon
-
-
- Bandwidth Control
- Control bandwidth usage while you are migrating your servers
-
-
-
-
-
-
-
-
- Coming soon
-
-
- Windows migration
- Migration of IIS windows servers will be supported in xmigrate soon
-
-
-
+
+
+
+
+
+
+ Windows migration
+ Migration of IIS windows servers will be supported in xmigrate soon
+
+
An Opensource Cross Cloud Migration Tool
- Xmigrate(pronounced as cross-migrate) is an opensource tool for migrating your VM'sfrom anywhere to cloud and cloud to anywhere seamlessly.
+ An Opensource Cross Cloud Migration Tool
+
+ Xmigrate(pronounced as cross-migrate) is an opensource tool for migrating your VM'sfrom anywhere to cloud and cloud to anywhere seamlessly.
+
- 
+ /> */}
+
![]()
{
className="object-contain object-center flex fill-indigo-300 overflow-hidden shrink-0 max-w-full self-start"
/>
- Our block level replication of disk enables seamless migration of any type of workloads that are running on a VM.
+ Our block level replication of disk enables seamless migration of any type of workloads that are running on a VM.
+
- Don't settle on
one cloud,
have a hybrid strategy for recovery
-
+ 
+ Don't settle on
one cloud,
have a hybrid strategy for recovery +
- //
//
+
+
{
className='object-contain'
/>
-
+
)
}
diff --git a/components/Hero.jsx b/components/Hero.jsx
index d9cccea..8538da9 100644
--- a/components/Hero.jsx
+++ b/components/Hero.jsx
@@ -9,14 +9,20 @@ const Hero = () => {
const { ref: t1, inView: elementVisible1 } = useInView();
const { ref: t2, inView: elementVisible2 } = useInView();
const { ref: t3, inView: elementVisible3 } = useInView();
+ const { ref: t4, inView: elementVisible4 } = useInView();
return (
-
-
Coming soon
+
+
+
+
Coming Soon
-
Live migration
- Be DR ready with xmigrates cutting edge live migration tech
+ Live migration
+ Be DR ready with xmigrates cutting edge live migration tech
{/*
- */}
-
+
{/*
*/}
- {
{/*
*/}
New Update:
- AI Integration
+ New Update:
+ AI Integration
+ /> */}
- Xmigrate supports migration to all 3 major public cloud providers
+ Xmigrate supports migration to all 3 major public cloud providers
+
-
one cloud,
have a hybrid strategy for recovery
+ one cloud,
have a hybrid strategy for recovery +
${transformedText}
`;
+ });
+ }, []);
return (
-