From cba900853868c541d6fddb5e920a66e7683c7c83 Mon Sep 17 00:00:00 2001 From: RuchaKatte Date: Tue, 21 Oct 2025 09:25:32 +0530 Subject: [PATCH 1/2] Button Updation --- package-lock.json | 12 - src/app/dashboard/page.tsx | 348 ++++++++------------- src/app/dashboard/uiverseButton.module.css | 60 ++++ 3 files changed, 182 insertions(+), 238 deletions(-) create mode 100644 src/app/dashboard/uiverseButton.module.css diff --git a/package-lock.json b/package-lock.json index ca21cea..63ce28d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3078,7 +3078,6 @@ "integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==", "devOptional": true, "license": "MIT", - "peer": true, "dependencies": { "csstype": "^3.0.2" } @@ -3089,7 +3088,6 @@ "integrity": "sha512-4hOiT/dwO8Ko0gV1m/TJZYk3y0KBnY9vzDh7W+DH17b2HFSOGgdj33dhihPeuy3l0q23+4e+hoXHV6hCC4dCXw==", "devOptional": true, "license": "MIT", - "peer": true, "peerDependencies": { "@types/react": "^19.0.0" } @@ -3156,7 +3154,6 @@ "integrity": "sha512-4O3idHxhyzjClSMJ0a29AcoK0+YwnEqzI6oz3vlRf3xw0zbzt15MzXwItOlnr5nIth6zlY2RENLsOPvhyrKAQA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "8.34.1", "@typescript-eslint/types": "8.34.1", @@ -3673,7 +3670,6 @@ "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "dev": true, "license": "MIT", - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -4093,7 +4089,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "caniuse-lite": "^1.0.30001718", "electron-to-chromium": "^1.5.160", @@ -4771,7 +4766,6 @@ "integrity": "sha512-GsGizj2Y1rCWDu6XoEekL3RLilp0voSePurjZIkxL3wlm5o5EC9VpgaP7lrCvjnkuLvzFBQWB3vWB3K5KQTveQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.12.1", @@ -4946,7 +4940,6 @@ "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@rtsao/scc": "^1.1.0", "array-includes": "^3.1.8", @@ -7497,7 +7490,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", @@ -7674,7 +7666,6 @@ "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz", "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==", "license": "MIT", - "peer": true, "engines": { "node": ">=0.10.0" } @@ -7684,7 +7675,6 @@ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz", "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==", "license": "MIT", - "peer": true, "dependencies": { "scheduler": "^0.26.0" }, @@ -8522,7 +8512,6 @@ "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=12" }, @@ -8688,7 +8677,6 @@ "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==", "dev": true, "license": "Apache-2.0", - "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx index 5aa499c..c3cea83 100644 --- a/src/app/dashboard/page.tsx +++ b/src/app/dashboard/page.tsx @@ -1,12 +1,12 @@ "use client"; -import React, { useState, useEffect } from 'react'; -import { Star, Clock, Filter } from 'lucide-react'; -import { useRouter } from 'next/navigation'; +import React, { useState, useEffect } from "react"; +import { Star, Clock, Filter } from "lucide-react"; +import { useRouter } from "next/navigation"; import { NavbarDemo } from "@/components/nav"; -import { AnimatePresence } from 'framer-motion'; -import AcademicHubSkeleton from '@/components/skeletons/dashboardPageSkeleton'; -import Image from 'next/image'; - +import { AnimatePresence } from "framer-motion"; +import AcademicHubSkeleton from "@/components/skeletons/dashboardPageSkeleton"; +import Image from "next/image"; +import styles from "./uiverseButton.module.css"; // Updated for CSS-module integration const AcademicHub = () => { const [isLoading, setIsLoading] = useState(true); @@ -19,9 +19,7 @@ const AcademicHub = () => { useEffect(() => { if (!mounted) return; - const timer = setTimeout(() => { - setIsLoading(false); - }, 4000); + const timer = setTimeout(() => setIsLoading(false), 4000); return () => clearTimeout(timer); }, [mounted]); @@ -39,7 +37,7 @@ const AcademicHub = () => { price: 100, originalPrice: 200, tag: "Best Seller", - tagColor: "bg-amber-500" + tagColor: "bg-amber-500", }, { id: 2, @@ -52,7 +50,7 @@ const AcademicHub = () => { price: 250, originalPrice: 400, tag: "New", - tagColor: "bg-emerald-500" + tagColor: "bg-emerald-500", }, { id: 3, @@ -65,7 +63,7 @@ const AcademicHub = () => { price: 50, originalPrice: 100, tag: "Popular", - tagColor: "bg-blue-500" + tagColor: "bg-blue-500", }, { id: 4, @@ -78,245 +76,143 @@ const AcademicHub = () => { price: 0, originalPrice: 0, tag: "Free", - tagColor: "bg-green-500" - } - + tagColor: "bg-green-500", + }, ]; const stats = [ { number: "0%", label: "Plagiarism" }, { number: "5K+", label: "Projects Delivered" }, { number: "98%", label: "Success Rate" }, - { number: "24/7", label: "Support" } + { number: "24/7", label: "Support" }, ]; - const categories = [ - "Assignments", - "Projects", - "Presentations", - "Termwork" - ]; + const categories = ["Assignments", "Projects", "Presentations", "Termwork"]; return (
- {/* Loading Screen --- UPDATED SECTION */} - - {isLoading && } - - -
- + {isLoading && } - {/* Hero Section */} -
-
-
-

- Premium Academic{" "} - - Solutions - -

-

- Get high-quality assignments, projects, and research papers crafted by experts. - Boost your academic performance with our premium collection. -

-
- - -
-
-
+
+ - {/* Featured Projects */} -
-
-
-

Featured Projects

-
- - + {/* Featured Projects */} +
+
+
+

+ Featured Projects +

+
+ + +
-
- -
- {featuredProjects.map((project) => ( -
-
- - {project.tag} - -
-
- {project.id === 1 && ( - Assignment - )} - {project.id === 2 && ( - Termwork - )} - {project.id === 4 && ( -
-
🤖
-
- )} - {project.id !== 1 && project.id !== 2 && project.id !== 4 && ( -
- )} -
- -
-
- {project.category} - {project.level} +
+ {featuredProjects.map((project) => ( +
+
+ + {project.tag} +
-

- -

-
- -
-
- - {project.rating} - ({project.reviews} reviews) -
-
- -
- - {project.duration} -
-
-
- {project.id === 4 ? ( - FREE - ) : ( - <> - ₹{project.price} - ₹{project.originalPrice} - +
+ {project.id === 1 && ( + Assignment + )} + {project.id === 2 && ( + Termwork + )} + {project.id === 4 && ( +
+
🤖
+
)}
- -
-
- ))} -
-
-
- {/* Stats Section */} -
-
-
- {stats.map((stat, index) => ( -
-
- {stat.number} -
-
{stat.label}
-
- ))} -
-
-
+
+
+ {project.id === 4 ? ( + + FREE + + ) : ( + <> + + ₹{project.price} + + + ₹{project.originalPrice} + + + )} +
- {/* Footer */} -
-
-
- {/* Company Info */} -
-
-
- A + {/* Updated button integrated with CSS module */} + +
- - Asshelp - -
-

- Your trusted partner for academic excellence. Get premium assignments and projects delivered on time. -

+ ))}
- - {/* Categories */} -
-

Categories

-
- {categories.map((category) => ( - - {category} - - ))} -
-
- - {/* Support */} -
-

Support

- -
-
- -
-

© 2025 Asshelp. All rights reserved.

-
- +
); }; -export default AcademicHub; \ No newline at end of file +export default AcademicHub; diff --git a/src/app/dashboard/uiverseButton.module.css b/src/app/dashboard/uiverseButton.module.css new file mode 100644 index 0000000..a12dd73 --- /dev/null +++ b/src/app/dashboard/uiverseButton.module.css @@ -0,0 +1,60 @@ +/* Button.module.css - Converted for Next.js CSS Modules integration */ + +/* Base CTA button */ +.cta { + border: none; + background: none; + cursor: pointer; + display: inline-flex; + align-items: center; + color: white; +} + +/* Text styling inside span */ +.cta span { + padding-bottom: 7px; + letter-spacing: 4px; + font-size: 14px; + padding-right: 15px; + text-transform: uppercase; +} + +/* SVG animation */ +.cta svg { + transform: translateX(-8px); + transition: all 0.3s ease; + fill: white; +} + +.cta:hover svg { + transform: translateX(0); +} + +.cta:active svg { + transform: scale(0.9); +} + +/* Underline animation on hover */ +.hoverUnderlineAnimation { + position: relative; + color: white; + padding-bottom: 20px; +} + +.hoverUnderlineAnimation::after { + content: ""; + position: absolute; + width: 100%; + transform: scaleX(0); + height: 2px; + bottom: 0; + left: 0; + background-color: white; + transform-origin: bottom right; + transition: transform 0.25s ease-out; +} + +.cta:hover .hoverUnderlineAnimation::after { + transform: scaleX(1); + transform-origin: bottom left; +} From b3bf1c1a1124cebf8afcb99170392dcf9244249f Mon Sep 17 00:00:00 2001 From: RuchaKatte Date: Tue, 21 Oct 2025 21:36:10 +0530 Subject: [PATCH 2/2] Button Updation --- .env.local.example | 8 -------- src/app/dashboard/page.tsx | 10 +++------- 2 files changed, 3 insertions(+), 15 deletions(-) delete mode 100644 .env.local.example diff --git a/.env.local.example b/.env.local.example deleted file mode 100644 index 4684f5b..0000000 --- a/.env.local.example +++ /dev/null @@ -1,8 +0,0 @@ -# Supabase Configuration -NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url -NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key - -# AI Assignment Generation APIs -GEMINI_API_KEY=your_gemini_api_key -UNSPLASH_ACCESS_KEY=your_unsplash_access_key -NEXT_PUBLIC_SITE_URL=http://localhost:3000 \ No newline at end of file diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx index 815adb5..8660b82 100644 --- a/src/app/dashboard/page.tsx +++ b/src/app/dashboard/page.tsx @@ -8,9 +8,11 @@ import AcademicHubSkeleton from "@/components/skeletons/dashboardPageSkeleton"; import Image from "next/image"; import styles from "./uiverseButton.module.css"; // Updated for CSS-module integration + const AcademicHub = () => { const router = useRouter(); - + const [isLoading, setIsLoading] = React.useState(true); + const [mounted, setMounted] = useState(false); useEffect(() => { setMounted(true); }, []); @@ -36,7 +38,6 @@ const AcademicHub = () => { originalPrice: 200, tag: "Best Seller", tagColor: "bg-amber-500", - tagColor: "bg-amber-500", }, { id: 2, @@ -50,7 +51,6 @@ const AcademicHub = () => { originalPrice: 400, tag: "New", tagColor: "bg-emerald-500", - tagColor: "bg-emerald-500", }, { id: 3, @@ -64,7 +64,6 @@ const AcademicHub = () => { originalPrice: 100, tag: "Popular", tagColor: "bg-blue-500", - tagColor: "bg-blue-500", }, { id: 4, @@ -79,8 +78,6 @@ const AcademicHub = () => { tag: "Free", tagColor: "bg-green-500", }, - tagColor: "bg-green-500", - }, ]; const stats = [ @@ -91,7 +88,6 @@ const AcademicHub = () => { { number: "24/7", label: "Support" }, ]; - const categories = ["Assignments", "Projects", "Presentations", "Termwork"]; const categories = ["Assignments", "Projects", "Presentations", "Termwork"]; return (