diff --git a/Frontend/package.json b/Frontend/package.json index 6869921..ee9f2ab 100644 --- a/Frontend/package.json +++ b/Frontend/package.json @@ -10,11 +10,13 @@ "preview": "vite preview" }, "dependencies": { + "@reduxjs/toolkit": "^2.6.0", "@tailwindcss/vite": "^4.0.9", "lucide-react": "^0.476.0", "react": "^19.0.0", "react-dom": "^19.0.0", "react-icons": "^5.5.0", + "react-redux": "^9.2.0", "react-router-dom": "^7.2.0" }, "devDependencies": { diff --git a/Frontend/samples/landing.jpg b/Frontend/samples/landing.jpg deleted file mode 100644 index a30b1bf..0000000 Binary files a/Frontend/samples/landing.jpg and /dev/null differ diff --git a/Frontend/samples/landing.png b/Frontend/samples/landing.png new file mode 100644 index 0000000..0c6364f Binary files /dev/null and b/Frontend/samples/landing.png differ diff --git a/Frontend/src/pages/Authentication/Login.jsx b/Frontend/src/pages/Authentication/Login.jsx index a2cdcab..919bf72 100644 --- a/Frontend/src/pages/Authentication/Login.jsx +++ b/Frontend/src/pages/Authentication/Login.jsx @@ -1,5 +1,4 @@ import React from "react"; -import { FcGoogle } from "react-icons/fc"; import { FiEye, FiEyeOff } from "react-icons/fi"; import { Link } from "react-router-dom"; @@ -16,19 +15,7 @@ const Login = () => {

Log in

- -
-
- - Or login with email - -
-
+
{ className="w-full border border-gray-300 rounded-l-lg px-4 py-4 focus:outline-none focus:border-blue-500" />
-
- - Login via OTP - -
@@ -58,7 +37,7 @@ const Login = () => { diff --git a/Frontend/src/pages/Authentication/SignUp.jsx b/Frontend/src/pages/Authentication/SignUp.jsx index ab64475..2ebe0e7 100644 --- a/Frontend/src/pages/Authentication/SignUp.jsx +++ b/Frontend/src/pages/Authentication/SignUp.jsx @@ -1,5 +1,5 @@ +// eslint-disable-next-line no-unused-vars import React, { useState } from "react"; -import { FcGoogle } from "react-icons/fc"; import { FiEye, FiEyeOff } from "react-icons/fi"; import { Link } from "react-router-dom"; @@ -40,7 +40,7 @@ const SignUp = () => { @@ -56,7 +56,7 @@ const SignUp = () => { diff --git a/Frontend/src/pages/UserPages/DrivethruLandingPage.jsx b/Frontend/src/pages/UserPages/DrivethruLandingPage.jsx index 696e56f..85f8534 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 */}
- - +
{/* Right Side - Image */} @@ -173,10 +279,12 @@ const DrivethruLandingPage = () => {
{/* Features Section */} -
+

Key Features

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

How It Works

- {/* Left Side - Feature List */}
{howItWorks.map((howItWork, index) => (
handleFeatureClick1(index)} >
diff --git a/Frontend/src/store/api.js b/Frontend/src/store/api.js new file mode 100644 index 0000000..e69de29 diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..f7d7ae9 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "Drive-thru", + "lockfileVersion": 3, + "requires": true, + "packages": {} +}