Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -54,7 +54,7 @@ export default function LandingPage() {
           ]}
           avatarText="Trusted by 500+ verified students"
           buttons={[
-            { text: "Download App", href: "#download" },
+            { text: "Join for Free", href: "#download" },
             { text: "Learn More", href: "#features" },
           ]}
           buttonAnimation="slide-up"
@@ -88,7 +88,25 @@ export default function LandingPage() {
               reverse: false,
             },
             {
-              id: "2",              title: "Post or Complete Tasks",              description: "Create tasks and set your price, or browse available tasks and accept ones that match your skills and schedule.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13617.jpg?_wi=1" },
+              id: "2",              title: "Stripe Connect Payments",              description: "Payment processing integrated from day one. Posters pay securely, funds are held, and released to taskers upon completion confirmation.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893826.jpg?_wi=1" },
+              items: [
+                { icon: CheckCircle, text: "Secure payment processing" },
+                { icon: CheckCircle, text: "5% platform fee" },
+                { icon: CheckCircle, text: "Instant payout to account" },
+              ],
+              reverse: true,
+            },
+            {
+              id: "3",              title: "Completion & Rating",              description: "Both parties confirm task completion. Rate each other to build reputation. Mutual confirmation triggers payment transfer and builds trust.",              media: { imageSrc: "http://img.b2bpic.net/free-vector/modern-colorful-star-rating-concept_23-2147735067.jpg?_wi=1" },
+              items: [
+                { icon: CheckCircle, text: "Mutual completion" },
+                { icon: CheckCircle, text: "5-star rating system" },
+                { icon: CheckCircle, text: "Public ratings & reviews" },
+              ],
+              reverse: false,
+            },
+            {
+              id: "4",              title: "Post or Complete Tasks",              description: "Create tasks and set your price, or browse available tasks and accept ones that match your skills and schedule.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13617.jpg?_wi=1" },
               items: [
                 { icon: CheckCircle, text: "Easy task creation" },
                 { icon: CheckCircle, text: "Real-time task feed" },
@@ -97,30 +115,12 @@ export default function LandingPage() {
               reverse: true,
             },
             {
-              id: "3",              title: "Stripe Connect Payments",              description: "Payment processing integrated from day one. Posters pay securely, funds are held, and released to taskers upon completion confirmation.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893826.jpg?_wi=1" },
-              items: [
-                { icon: CheckCircle, text: "Secure payment processing" },
-                { icon: CheckCircle, text: "5% platform fee" },
-                { icon: CheckCircle, text: "Instant payout to account" },
-              ],
-              reverse: false,
-            },
-            {
-              id: "4",              title: "Real-time Messaging",              description: "Communicate directly with the poster or tasker about task details. iMessage-style chat with real-time Firestore synchronization.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-man-typing-prompts-into-ai-powered-chat_482257-123072.jpg?_wi=1" },
+              id: "5",              title: "Real-time Messaging",              description: "Communicate directly with the poster or tasker about task details. iMessage-style chat with real-time Firestore synchronization.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-man-typing-prompts-into-ai-powered-chat_482257-123072.jpg?_wi=1" },
               items: [
                 { icon: CheckCircle, text: "Real-time messaging" },
                 { icon: CheckCircle, text: "Task-specific threads" },
                 { icon: CheckCircle, text: "Timestamp tracking" },
               ],
-              reverse: true,
-            },
-            {
-              id: "5",              title: "Completion & Rating",              description: "Both parties confirm task completion. Rate each other to build reputation. Mutual confirmation triggers payment transfer and builds trust.",              media: { imageSrc: "http://img.b2bpic.net/free-vector/modern-colorful-star-rating-concept_23-2147735067.jpg?_wi=1" },
-              items: [
-                { icon: CheckCircle, text: "Mutual completion" },
-                { icon: CheckCircle, text: "5-star rating system" },
-                { icon: CheckCircle, text: "Public ratings & reviews" },
-              ],
               reverse: false,
             },
             {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #2e2521;
-  --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --background: #f5f4f0;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #2c2c2c;
+  --primary-cta-text: #f5f4f0;
+  --secondary-cta: #f5f4f0;
+  --secondary-cta-text: #1a1a1a;
+  --accent: #8a8a8a;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);