From bf73a75cde06143b5b9749166efb41cafebca780 Mon Sep 17 00:00:00 2001 From: TechSubham Date: Mon, 23 Sep 2024 00:42:04 +0530 Subject: [PATCH] landing page redesigned --- app/page.jsx | 557 +++++++++++++++++++++++++++++++-------------------- 1 file changed, 339 insertions(+), 218 deletions(-) diff --git a/app/page.jsx b/app/page.jsx index 36fa2e4..77b2264 100644 --- a/app/page.jsx +++ b/app/page.jsx @@ -10,7 +10,7 @@ import { Plus_Jakarta_Sans } from "next/font/google"; import Logos from "../public/Qubit.png"; import { CarouselCard } from "@/components/StyleComponents/Carousel"; import AboutUs from "./Elements/AboutUs"; -import { ArrowRight } from "lucide-react"; +import Link from "next/link"; // const plusJakartaSans = Plus_Jakarta_Sans({ subsets: ['latin'] }); @@ -62,11 +62,13 @@ const Page = () => { }, [timelineControls, pieChartControls]); const timelineVariants = { - hidden: { opacity: 0 }, + hidden: { opacity: 0, y: 50 }, visible: { opacity: 1, + y: 0, transition: { - staggerChildren: 0.3, + duration: 0.5, + staggerChildren: 0.2, }, }, }; @@ -99,255 +101,374 @@ const Page = () => { return ( <> -
-
-
-
-
-
-
+
+
+
+
+
+
+
-
- - -
-
-
- {/* Animated Header */} - - {"Keep Your device Safe".split("").map((char, index) => ( - - {char} - - ))} - - - {/* Animated Text Blocks */} - - Real Time Vulnerability - - - - Reporting System with - - - - Cutting Edge Technology - -
- + + +
+ +
+
+ + {/* Animated Header */} + + {"Keep Your device Safe".split("").map((char, index) => ( + + {char} + + ))} + + + {/* Animated Text Blocks */} + -
+ {/* */} + {/*
+ + + User 2 + + + + User 2 + + + + User 3 + + + + User 4 + + + + User 2 + + + + +
100+
+
+ Registered Users +
+
+
*/} + {/* */} - mobilebg + +
+ + mobilebg + +
+ +
+
+ Team + Qubit + + Revolutionizing Web Scraping + +
+
-
+
+
+ -

- Team - Qubit - Revolutionizing Web Scraping -

-
- -
-
- +
-
- -

- Efficient Data Extraction -

-

- Efficient data extraction employs methods like - throttling and IP rotation to gather data quickly while - minimizing risks of website blocking. -

-
-
-
-
- -
-
-
+

+ Efficient Data Extraction +

+

+ Efficient data extraction employs methods like throttling + and IP rotation to gather data quickly while minimizing + risks of website blocking. +

+
- -
-
-
- -
-
-
- -

- Advanced Analytics -

-

- Advanced analytics utilizes sophisticated techniques to - analyze data, providing valuable insights from web - scraping for informed business decisions and trend - analysis. -

-
-
-
+ - -
- -

- Scalable Infrastructure -

-

- Scalable infrastructure allows seamless growth, - efficiently managing increased workloads in web scraping - to ensure optimal performance and resource allocation. -

-
-
-
-
- -
-
-
-
-
-
-
+ + +
+ -
- Services Provided by - Qubit +
+ + + + + +
+ +

+ Advanced Analytics +

+

+ Advanced analytics utilizes sophisticated techniques to + analyze data, providing valuable insights from web scraping + for informed business decisions and trend analysis. +

+
+
+ +
+ +

+ Scalable Infrastructure +

+

+ Scalable infrastructure allows seamless growth, efficiently + managing increased workloads in web scraping to ensure + optimal performance and resource allocation. +

+
+
+ - - + className="absolute left-1/2 w-[138px] h-[4px] bg-gray-500 -translate-x-full" + initial={{ width: 0 }} + animate={{ width: "138px" }} + transition={{ duration: 0.8, ease: "easeOut" }} + >
+ + + +
-
+ +
+ +
+ + Services Provided by + Qubit + + + + + +
+ +
- + ); };