Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -22,9 +22,9 @@ export default function HomePage() {
       contentWidth="mediumLarge"
       sizing="largeSmallSizeMediumTitles"
       background="circleGradient"
-      cardStyle="layered-gradient"
-      primaryButtonStyle="double-inset"
-      secondaryButtonStyle="solid"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
       headingFontWeight="semibold"
     >
       {/* Navigation */}
@@ -39,7 +39,8 @@ export default function HomePage() {
             { name: "FAQ", id: "faq" },
           ]}
           button={{
-            text: "Join Now",            href: "/contact"}}
+            text: "Join Now",            href: "/contact"
+          }}
         />
       </div>
 
@@ -86,16 +87,20 @@ export default function HomePage() {
           features={[
             {
               id: 1,
-              title: "Private Diary Entries",              description: "Write freely in your personal diary. Track emotions, thoughts, and patterns over time. Your private reflections remain completely confidential and secure.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-journal-home_23-2150416377.jpg",              imageAlt: "person writing journal thoughtful reflection"},
+              title: "Private Diary Entries",              description: "Write freely in your personal diary. Track emotions, thoughts, and patterns over time. Your private reflections remain completely confidential and secure.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-journal-home_23-2150416377.jpg",              imageAlt: "person writing journal thoughtful reflection"
+            },
             {
               id: 2,
-              title: "Anonymous Sharing",              description: "Share posts publicly or anonymously to the community. Explore topics related to psychology, personal growth, and life experiences while protecting your privacy.",              imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code-united-states_146671-18926.jpg",              imageAlt: "anonymous post privacy mask icon security"},
+              title: "Anonymous Sharing",              description: "Share posts publicly or anonymously to the community. Explore topics related to psychology, personal growth, and life experiences while protecting your privacy.",              imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code-united-states_146671-18926.jpg",              imageAlt: "anonymous post privacy mask icon security"
+            },
             {
               id: 3,
-              title: "Progress Tracking",              description: "Monitor your psychological growth and emotional patterns. Visualize your journey and celebrate milestones in self-awareness and understanding.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-dancing-street-raising-hands-up-corporate-woman-celebrates-her-victory-suc_1258-116853.jpg",              imageAlt: "progress tracking growth chart upward trend"},
+              title: "Progress Tracking",              description: "Monitor your psychological growth and emotional patterns. Visualize your journey and celebrate milestones in self-awareness and understanding.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-dancing-street-raising-hands-up-corporate-woman-celebrates-her-victory-suc_1258-116853.jpg",              imageAlt: "progress tracking growth chart upward trend"
+            },
             {
               id: 4,
-              title: "Community Discovery",              description: "Engage with authentic perspectives from others. Ask questions, receive supportive responses, and connect with people on similar psychological journeys.",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-sitting-outdoors_23-2149009394.jpg",              imageAlt: "community connection social network interaction"},
+              title: "Community Discovery",              description: "Engage with authentic perspectives from others. Ask questions, receive supportive responses, and connect with people on similar psychological journeys.",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-sitting-outdoors_23-2149009394.jpg",              imageAlt: "community connection social network interaction"
+            },
           ]}
         />
       </div>
@@ -112,13 +117,16 @@ export default function HomePage() {
           metrics={[
             {
               id: "1",              icon: Users,
-              title: "Active Reflectors",              value: "25,000+"},
+              title: "Active Reflectors",              value: "25,000+"
+            },
             {
               id: "2",              icon: BookOpen,
-              title: "Entries Shared",              value: "180,000+"},
+              title: "Entries Shared",              value: "180,000+"
+            },
             {
               id: "3",              icon: TrendingUp,
-              title: "Growth Stories",              value: "12,500+"},
+              title: "Growth Stories",              value: "12,500+"
+            },
           ]}
         />
       </div>
@@ -135,24 +143,31 @@ export default function HomePage() {
           testimonials={[
             {
               id: "1",              name: "Sarah Chen",              role: "Therapist & User",              company: "Mindful Wellness Center",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-blue-uniform-standing-with-crossed-arms-looking-dissatisfied_176474-19538.jpg",              imageAlt: "professional woman therapist portrait confident"},
+              imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-blue-uniform-standing-with-crossed-arms-looking-dissatisfied_176474-19538.jpg",              imageAlt: "professional woman therapist portrait confident"
+            },
             {
               id: "2",              name: "Marcus Johnson",              role: "Psychology Student",              company: "University of Psychology",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-teen-boy-checked-shirt-touching-jaw-with-finger-looking-thoughtful_176474-106354.jpg",              imageAlt: "young man student portrait thoughtful"},
+              imageSrc: "http://img.b2bpic.net/free-photo/young-teen-boy-checked-shirt-touching-jaw-with-finger-looking-thoughtful_176474-106354.jpg",              imageAlt: "young man student portrait thoughtful"
+            },
             {
               id: "3",              name: "Elena Rodriguez",              role: "Life Coach",              company: "Transform Within",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoor_624325-1049.jpg",              imageAlt: "woman coach mentor portrait confident"},
+              imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoor_624325-1049.jpg",              imageAlt: "woman coach mentor portrait confident"
+            },
             {
               id: "4",              name: "David Kim",              role: "Mental Health Advocate",              company: "Community Wellness",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",              imageAlt: "man advocate activist portrait compassionate"},
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",              imageAlt: "man advocate activist portrait compassionate"
+            },
           ]}
           kpiItems={[
             {
-              value: "98%",              label: "Report increased self-awareness"},
+              value: "98%",              label: "Report increased self-awareness"
+            },
             {
-              value: "87%",              label: "Feel less alone in their journey"},
+              value: "87%",              label: "Feel less alone in their journey"
+            },
             {
-              value: "94%",              label: "Would recommend to others"},
+              value: "94%",              label: "Would recommend to others"
+            },
           ]}
         />
       </div>
@@ -169,17 +184,23 @@ export default function HomePage() {
           animationType="smooth"
           faqs={[
             {
-              id: "1",              title: "How private are my diary entries?",              content: "Your diary entries are completely private and encrypted. Only you can access them. They never appear publicly unless you explicitly choose to share them. Your personal data is protected with industry-standard security protocols."},
+              id: "1",              title: "How private are my diary entries?",              content: "Your diary entries are completely private and encrypted. Only you can access them. They never appear publicly unless you explicitly choose to share them. Your personal data is protected with industry-standard security protocols."
+            },
             {
-              id: "2",              title: "Can I really post anonymously?",              content: "Yes! You can choose to post anonymously or with your profile. Anonymous posts are completely disconnected from your identity while still connecting you with the community. Your privacy is always your choice."},
+              id: "2",              title: "Can I really post anonymously?",              content: "Yes! You can choose to post anonymously or with your profile. Anonymous posts are completely disconnected from your identity while still connecting you with the community. Your privacy is always your choice."
+            },
             {
-              id: "3",              title: "How does progress tracking work?",              content: "MindVault analyzes patterns in your entries and reflections to show your emotional journey over time. You'll see insights about your growth, recurring themes, and positive developments. It's like having a personal psychologist reviewing your progress."},
+              id: "3",              title: "How does progress tracking work?",              content: "MindVault analyzes patterns in your entries and reflections to show your emotional journey over time. You'll see insights about your growth, recurring themes, and positive developments. It's like having a personal psychologist reviewing your progress."
+            },
             {
-              id: "4",              title: "Is there professional support available?",              content: "While MindVault is not a replacement for professional therapy, we connect users with resources and recommend working with licensed therapists. Our community provides peer support, insights, and psychological frameworks for self-discovery."},
+              id: "4",              title: "Is there professional support available?",              content: "While MindVault is not a replacement for professional therapy, we connect users with resources and recommend working with licensed therapists. Our community provides peer support, insights, and psychological frameworks for self-discovery."
+            },
             {
-              id: "5",              title: "How do I connect with other users?",              content: "Browse community posts, comment on others' shared thoughts, ask questions, and receive supportive responses. You can connect based on interests, topics, or similar experiences. Follow users, join discussion threads, and build meaningful connections."},
+              id: "5",              title: "How do I connect with other users?",              content: "Browse community posts, comment on others' shared thoughts, ask questions, and receive supportive responses. You can connect based on interests, topics, or similar experiences. Follow users, join discussion threads, and build meaningful connections."
+            },
             {
-              id: "6",              title: "What topics can I explore on MindVault?",              content: "MindVault covers psychology, personal growth, life challenges, relationships, career, mental health, spirituality, creativity, and more. The community explores topics ranging from anxiety management to existential questions about life and meaning."},
+              id: "6",              title: "What topics can I explore on MindVault?",              content: "MindVault covers psychology, personal growth, life challenges, relationships, career, mental health, spirituality, creativity, and more. The community explores topics ranging from anxiety management to existential questions about life and meaning."
+            },
           ]}
         />
       </div>
@@ -243,4 +264,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);