From 1142ece2fd09984d126a6ad223517338462481f4 Mon Sep 17 00:00:00 2001 From: atharvaombase Date: Fri, 28 Mar 2025 10:48:32 +0530 Subject: [PATCH] Feat:Added Link for the Login and signin --- .../pages/UserPages/DrivethruLandingPage.jsx | 221 +++++++++++++----- 1 file changed, 168 insertions(+), 53 deletions(-) diff --git a/Frontend/src/pages/UserPages/DrivethruLandingPage.jsx b/Frontend/src/pages/UserPages/DrivethruLandingPage.jsx index 72e79ee..81e2fb3 100644 --- a/Frontend/src/pages/UserPages/DrivethruLandingPage.jsx +++ b/Frontend/src/pages/UserPages/DrivethruLandingPage.jsx @@ -1,7 +1,7 @@ import Footer from "../../components/Footer"; -import React from "react" -import { useState, useEffect } from "react" - +import React from "react"; +import { useState, useEffect } from "react"; +import { Link } from "react-router-dom"; const DrivethruLandingPage = () => { const features = [ @@ -9,38 +9,78 @@ const DrivethruLandingPage = () => { title: "Easy Upload & Access", description: "Drag & drop, instant access.", icon: ( - - + + - ) + ), }, { title: "Secure & Private", description: "End-to-end encryption.", icon: ( - - + + - ) + ), }, { title: "Seamless Sharing", description: "Share files with one click.", icon: ( - - + + - ) + ), }, { title: "Access Anywhere", description: "Works on all devices.", icon: ( - - + + - ) - } + ), + }, ]; const howItWorks = [ @@ -48,39 +88,84 @@ const DrivethruLandingPage = () => { title: "Create an account", description: "Sign up in seconds.", icon: ( - - + + - ) + ), }, { title: "Upload files", description: "Drag & drop or select from your device.", icon: ( - - + + - ) + ), }, { title: "Manage files", description: "Rename, move, or delete easily.", icon: ( - - - + + + - ) + ), }, { title: "Access anytime", description: "Open files from any device.", icon: ( - - + + - ) - } + ), + }, ]; // UseEffect and handle....click function to handle set and handle the animation of features.. @@ -94,7 +179,7 @@ const DrivethruLandingPage = () => { }, 3000); return () => clearInterval(interval); } - }, [isPaused]); + }, [isPaused, features.length]); // Handle user interaction const handleFeatureClick = (index) => { @@ -113,7 +198,7 @@ const DrivethruLandingPage = () => { }, 3000); return () => clearInterval(interval); } - }, [isPaused1]); + }, [isPaused1, howItWorks.length]); const handleFeatureClick1 = (index) => { setActiveIndex1(index); @@ -124,19 +209,33 @@ const DrivethruLandingPage = () => { return (
{/* Hero Section */} -
+
- {/* Left Side - Text Content */} -
+
- - + +
-

Drive-thru

+

+ Drive-thru +

@@ -144,17 +243,24 @@ const DrivethruLandingPage = () => {

- A simple, secure, and fast cloud storage solution for all your files. Upload, organize, and access with ease. + A simple, secure, and fast cloud storage solution for all your + files. Upload, organize, and access with ease.

{/* Buttons */}
- - +
@@ -169,16 +275,17 @@ const DrivethruLandingPage = () => {
-
{/* Features Section */} -
+

Key Features

- {/* Left Side - Image */}
{ {features.map((feature, index) => (
handleFeatureClick(index)} >
@@ -215,18 +325,23 @@ const DrivethruLandingPage = () => {
{/* How It Works Section */} -
+

How It Works

- {/* Left Side - Feature List */}
{howItWorks.map((howItWork, index) => (
handleFeatureClick1(index)} >
@@ -259,4 +374,4 @@ const DrivethruLandingPage = () => { ); }; -export default DrivethruLandingPage; \ No newline at end of file +export default DrivethruLandingPage;