From 193da17892f74c2a607764a7b7c2043fe010ab07 Mon Sep 17 00:00:00 2001
From: Sanjivani Sharan <sanjivanisharan1224@gmail.com>
Date: Sun, 17 May 2026 01:49:38 +0530
Subject: [PATCH] Update styling

---
 web/package-lock.json | 12 ------------
 web/src/app/page.tsx  | 42 +++++++++++++++++++++++++++---------------
 2 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/web/package-lock.json b/web/package-lock.json
index 33c6ae4..8e42f07 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -72,7 +72,6 @@
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -1589,7 +1588,6 @@
       "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -1656,7 +1654,6 @@
       "integrity": "sha512-rLoGZIf9afaRBYsPUMtvkDWykwXwUPL60HebR4JgTI8mxfFe2cQTu3AGitANp4b9B2QlVru6WzjgB2IzJKiCSA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.58.0",
         "@typescript-eslint/types": "8.58.0",
@@ -2182,7 +2179,6 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2536,7 +2532,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.10.12",
         "caniuse-lite": "^1.0.30001782",
@@ -3166,7 +3161,6 @@
       "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -3352,7 +3346,6 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -5654,7 +5647,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
       "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5664,7 +5656,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
       "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -6413,7 +6404,6 @@
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -6576,7 +6566,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -6862,7 +6851,6 @@
       "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index 2485d26..b4a0c1c 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -23,9 +23,15 @@ export default function LandingPage() {
     hidden: { opacity: 0, y: 20 },
     show: { opacity: 1, y: 0, transition: { duration: 0.8, ease: [0.16, 1, 0.3, 1] as const } },
   };
-
+   const quotes = [
+  "Your words matter more than you think ✨",
+  "Some stories heal the writer first 💙",
+  "Write what you feel, not what you’re told 💭"
+];
+const randomQuote = quotes[Math.floor(Math.random() * quotes.length)];
   return (
-    <main className="min-h-screen flex flex-col items-center justify-center p-6 sm:p-24 overflow-hidden">
+
+    <main className="min-h-screen flex flex-col items-center justify-center p-6 sm:p-24 overflow-hidden bg-gradient-to-br from-[#fdf6ec] via-[#f7efe5] to-[#e8e2d6]">
       <motion.div
         variants={container}
         initial="hidden"
@@ -59,26 +65,32 @@ export default function LandingPage() {
           <div className="lg:col-span-7 space-y-8 text-center lg:text-left">
              <motion.div variants={item} className="inline-flex items-center gap-2 glass-border px-4 py-1.5 rounded-full text-xs font-semibold uppercase tracking-widest ink-text/60 bg-[#4a5033]/5">
                 <Sparkles size={12} className="text-[#4a5033]" />
-                The First Complete Writing Ecosystem
+                A Space Where Words Feel Like Home
              </motion.div>
              
                <motion.h1 variants={item} className="text-5xl md:text-7xl font-serif text-[#4a5033] leading-[1.1] tracking-tight font-black italic">
-                  <TypewriterText text="Craft Your" speed={65} showCursor={false} />
+                 <TypewriterText text="Craft Your Story" speed={65} showCursor={false} />
+                 <br />
+               <TypewriterText text="Feel Every Word." speed={65} delay={650} showCursor={false} />
                   <br />
-                  <TypewriterText text="Masterpiece." speed={65} delay={650} showCursor={false} />
-                  <br />
-                  <TypewriterText text="Earn Your Ink." speed={65} delay={1800} className="opacity-60 italic font-medium" showCursor={false}/>
+               <TypewriterText text="Let It Heal You." speed={65} delay={1800} className="opacity-60 italic font-medium" showCursor={false}/> 
                </motion.h1>
              
              <motion.p variants={item} className="text-lg md:text-xl text-[#2E3318]/60 font-normal leading-relaxed max-w-xl mx-auto lg:mx-0">
-                A premium space where writers write, readers critique, and editors select the future of publishing. 
-                Experience a studio empowered by AI and human connection.
-             </motion.p>
+  This is more than just a writing platform — it's your personal space to think, feel, and express.
+  <br /><br />
+  Whether you're pouring your heart out, capturing memories, or simply trying to understand yourself,
+  every word you write here matters.
+</motion.p>
+
+<motion.p variants={item} className="text-sm italic text-[#4a5033]/60 mt-2">
+  {randomQuote}
+</motion.p>
              
              <motion.div variants={item} className="flex flex-wrap gap-4 pt-4 justify-center lg:justify-start">
                 <Link href="/studio/new">
                   <InkButton className="px-8 py-5 rounded-2xl flex items-center gap-3 text-lg hover:gap-5">
-                     Start Writing <ChevronRight size={20} />
+                     Start Writing Your Story <ChevronRight size={20} />
                   </InkButton>
                 </Link>
                 <Link href="/agora">
@@ -131,10 +143,10 @@ export default function LandingPage() {
         {/* Feature Highlights */}
         <motion.div variants={item} className="grid grid-cols-1 md:grid-cols-3 gap-6 pt-12">
             {[
-              { icon: BookOpen, title: "The Studio", desc: "A creative environment for pure writing flow." },
-              { icon: MessageSquare, title: "The Agora", desc: "Share drafts for high-quality, structured human feedback." },
-              { icon: Layers, title: "The Exchange", desc: "A marketplace matching writers with publishers." },
-            ].map((feature, idx) => (
+  { icon: BookOpen, title: "Your Safe Space", desc: "Write without fear — your thoughts, your rules, your story." },
+  { icon: MessageSquare, title: "Be Heard", desc: "Share your voice and receive meaningful, human feedback." },
+  { icon: Layers, title: "Grow Through Words", desc: "Turn your emotions into expression and your writing into strength." },
+].map((feature, idx) => (
               <GlassCard key={idx} className="group hover:scale-105 border-[#4a5033]/10 hover:border-[#4a5033]/30">
                 <div className="w-12 h-12 rounded-2xl bg-[#4a5033]/5 flex items-center justify-center mb-6">
                    <feature.icon size={24} className="text-[#4a5033]" />