From 0c49386a19c4a2e56271c7572d7304b9f4a11854 Mon Sep 17 00:00:00 2001 From: Gauri Yergewar Date: Fri, 1 Aug 2025 23:35:56 +0530 Subject: [PATCH 1/7] Initial commit for DocMagic --- .gitignore | 1 + components/Testimonials.jsx | 0 2 files changed, 1 insertion(+) create mode 100644 components/Testimonials.jsx diff --git a/.gitignore b/.gitignore index 9b1913ec..cef619f9 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ +.env.local # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies diff --git a/components/Testimonials.jsx b/components/Testimonials.jsx new file mode 100644 index 00000000..e69de29b From 0a8ffe9564f05ab2df959ffdd5665790518d7ead Mon Sep 17 00:00:00 2001 From: anvesha sharma Date: Mon, 11 Aug 2025 20:46:49 +0530 Subject: [PATCH 2/7] UI imrovement of landing page --- app/globals.css | 133 ++- app/layout.tsx | 18 +- app/page.tsx | 342 ++---- app/pricing/page.tsx | 251 ++-- components/CustomCursor.tsx | 46 + components/features-section.tsx | 168 +-- components/hero-section.tsx | 348 +++--- components/site-header.tsx | 327 ++---- package-lock.json | 1895 +++---------------------------- package.json | 2 +- 10 files changed, 858 insertions(+), 2672 deletions(-) create mode 100644 components/CustomCursor.tsx diff --git a/app/globals.css b/app/globals.css index cd62f607..2aa94ea1 100644 --- a/app/globals.css +++ b/app/globals.css @@ -4,62 +4,90 @@ @layer base { :root { - /* Light mode with F3E9DC base */ - --background: 30 56% 91%; /* #F3E9DC */ - --foreground: 210 11% 15%; /* Professional dark text */ - --card: 30 56% 96%; /* Slightly lighter than background */ - --card-foreground: 210 11% 15%; - --popover: 30 56% 96%; - --popover-foreground: 210 11% 15%; - --primary: 210 11% 15%; /* Professional dark */ - --primary-foreground: 30 56% 91%; - --secondary: 30 56% 85%; /* Muted cream */ - --secondary-foreground: 210 11% 15%; - --muted: 30 56% 85%; - --muted-foreground: 210 8% 45%; - --accent: 30 56% 80%; /* Soft accent */ - --accent-foreground: 210 11% 15%; - --destructive: 0 84% 60%; - --destructive-foreground: 30 56% 91%; - --border: 30 40% 80%; /* Subtle borders */ - --input: 30 40% 80%; - --ring: 210 11% 15%; - --chart-1: 210 70% 50%; /* Professional blues */ - --chart-2: 195 60% 45%; /* Teals */ - --chart-3: 160 50% 40%; /* Greens */ - --chart-4: 45 70% 55%; /* Golds */ - --chart-5: 25 60% 50%; /* Oranges */ - --radius: 0.5rem; - } - .dark { - /* Ultra Dark mode with 131010 base - Maximum Visibility */ - --background: 0 0% 7%; /* #131010 */ - --foreground: 0 0% 100%; /* Pure white text for maximum contrast */ - --card: 0 0% 12%; /* Lighter card background */ - --card-foreground: 0 0% 100%; - --popover: 0 0% 12%; - --popover-foreground: 0 0% 100%; - --primary: 0 0% 100%; /* Pure white primary */ - --primary-foreground: 0 0% 7%; - --secondary: 0 0% 18%; /* Much lighter secondary */ - --secondary-foreground: 0 0% 100%; - --muted: 0 0% 18%; /* Lighter muted background */ - --muted-foreground: 0 0% 90%; /* Very bright muted text */ - --accent: 0 0% 25%; /* Lighter accent */ - --accent-foreground: 0 0% 100%; - --destructive: 0 85% 70%; /* Bright destructive */ + /* Light mode – Vibrant Professional Blue Theme */ + --background: 210 40% 96%; /* Soft light blue background */ + --foreground: 220 20% 20%; /* Dark navy text */ + --card: 210 40% 100%; /* White cards */ + --card-foreground: 220 20% 20%; + --popover: 210 40% 100%; + --popover-foreground: 220 20% 20%; + --primary: 220 80% 45%; /* Vibrant royal blue */ + --primary-foreground: 0 0% 100%; + --secondary: 200 50% 90%; /* Pale cyan */ + --secondary-foreground: 220 20% 20%; + --muted: 210 40% 88%; /* Light blue-gray */ + --muted-foreground: 220 15% 35%; + --accent: 200 65% 80%; /* Sky blue accent */ + --accent-foreground: 220 20% 20%; + --destructive: 0 75% 55%; /* Bright red */ --destructive-foreground: 0 0% 100%; - --border: 0 0% 30%; /* Much lighter borders */ - --input: 0 0% 25%; /* Lighter input backgrounds */ - --ring: 0 0% 100%; - --chart-1: 210 95% 80%; /* Ultra bright blues */ - --chart-2: 195 85% 75%; /* Ultra bright teals */ - --chart-3: 160 75% 70%; /* Ultra bright greens */ - --chart-4: 45 95% 85%; /* Ultra bright golds */ - --chart-5: 25 85% 80%; /* Ultra bright oranges */ + --border: 210 30% 85%; /* Subtle blue border */ + --input: 210 30% 85%; + --ring: 220 80% 45%; + --chart-1: 220 80% 45%; /* Blues */ + --chart-2: 200 70% 50%; /* Teals */ + --chart-3: 160 60% 40%; /* Greens */ + --chart-4: 40 80% 55%; /* Golds */ + --chart-5: 15 70% 50%; /* Oranges */ + --radius: 0.5rem; } + body { + background-color: hsl(var(--background)); + color: hsl(var(--foreground)); + transition: background-color 0.3s ease, color 0.3s ease; +}.dark { + /* Dark mode – Deep Navy with Bright Accents */ + --background: 220 30% 6%; /* Darker navy */ + --foreground: 10 0% 98%; /* Almost white text */ + --card: 220 30% 12%; /* Slightly darker card */ + --card-foreground: 220 20% 90%; /* Fixed HSL value */ + --popover: 220 30% 12%; + --popover-foreground: 0 0% 98%; + --primary: 200 80% 55%; /* Bright sky blue */ + --primary-foreground: 220 30% 10%; + --secondary: 220 20% 18%; /* Slightly darker secondary */ + --secondary-foreground: 0 0% 98%; + --muted: 220 20% 16%; + --muted-foreground: 0 0% 85%; + --accent: 200 80% 50%; /* Vibrant cyan */ + --accent-foreground: 0 0% 98%; + --destructive: 0 80% 60%; /* Bright red */ + --destructive-foreground: 0 0% 98%; + --border: 220 20% 20%; + --input: 220 20% 20%; + --ring: 200 80% 55%; + --chart-1: 200 80% 55%; + --chart-2: 180 70% 50%; + --chart-3: 150 65% 45%; + --chart-4: 40 85% 60%; + --chart-5: 20 80% 55%; +} + +.dark body { + background-color: hsl(var(--background)); + color: hsl(var(--foreground)); +} + +.hero-section { + background-color: hsl(var(--background)); /* Uses light or dark background */ + color: hsl(var(--foreground)); /* Uses light or dark foreground */ } +.dark .hero-section { + background-color: hsl(var(--background)); /* solid dark from CSS variables */ + color: hsl(var(--foreground)); +} + +.dark .hero-section h1, +.dark .hero-section p, +.dark .hero-section span, +.dark .hero-section a { + color: hsl(var(--foreground)); /* consistent light text */ + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); +} +} + + @layer base { * { @apply border-border; @@ -257,6 +285,7 @@ } .dark .glass-effect { + color: hsl(0, 0%, 98%); background: rgba(19, 16, 16, 0.9); /* Updated for #131010 */ backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.2); /* Brighter border for contrast */ diff --git a/app/layout.tsx b/app/layout.tsx index 966b28f6..fc313863 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -4,9 +4,10 @@ import type { ReactNode } from "react"; import Footer from "@/components/ui/Footer"; import { Inter, Poppins } from "next/font/google"; import { Providers } from "./providers"; -import { CursorProvider } from "@phazr/custom-cursor"; +//import { CursorProvider } from "@phazr/custom-cursor"; import { PWABanner } from "@/components/pwa-banner"; import type { Metadata } from "next"; +import CustomCursor from "@/components/CustomCursor"; const inter = Inter({ subsets: ["latin"] }); const poppins = Poppins({ @@ -56,14 +57,13 @@ export default function RootLayout({ /> - - - {children} - -