From de7ec82d28d1c7a3a8adac884fe3afef6b275eb7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 14:46:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 156 +++++++++++------------------------------------
 1 file changed, 34 insertions(+), 122 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6d58918..84f0fac 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,27 +17,22 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Problems",
-          id: "#problems",
-        },
-        {
-          name: "Projects",
-          id: "#projects",
-        },
-        {
-          name: "AI Mentors",
-          id: "#ai-mentors",
-        },
-        {
-          name: "Community",
-          id: "#community",
-        },
+        { name: "Problems", id: "#problems" },
+        { name: "Projects", id: "#projects" },
+        { name: "AI Mentors", id: "#ai-mentors" },
+        { name: "Community", id: "#community" },
       ]}
       brandName="HiddenGenius"
     />
@@ -45,33 +40,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Ideas to Impact. Built by Young Innovators."
       description="HiddenGenius is the anonymous AI ecosystem for students to solve real-world problems, build projects, and launch startups."
       tag="Global Innovation Hub"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-checking-time-wristwatch_482257-77636.jpg",
-          imageAlt: "Dashboard Interface",
+          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-checking-time-wristwatch_482257-77636.jpg",          imageAlt: "Dashboard Interface"
         },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-set-with-dj-charge-music-using-virtual-reality-glasses_23-2151418228.jpg",
-          imageAlt: "Neural Network Concept",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=1",
-          imageAlt: "AI Neural Mapping",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=1",
-          imageAlt: "Collaborative UI",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/robots-love-valentine-s-day-celebration_23-2151932792.jpg?_wi=1",
-          imageAlt: "AI Mentor Bot",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-set-with-dj-charge-music-using-virtual-reality-glasses_23-2151418228.jpg",          imageAlt: "Neural Network Concept"
+        }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -86,26 +65,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "1",
-          title: "Social Impact",
-          description: "Build solutions that directly improve education, poverty, and community safety.",
-          tag: "Impact",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=2",
-        },
+          id: "1",          title: "Social Impact",          description: "Build solutions that directly improve education, poverty, and community safety.",          tag: "Impact",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg"},
         {
-          id: "2",
-          title: "Agriculture & Smart Cities",
-          description: "Solve irrigation issues or traffic management with cutting-edge software builds.",
-          tag: "Hardware",
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=2",
-        },
+          id: "2",          title: "Agriculture & Smart Cities",          description: "Solve irrigation issues or traffic management with cutting-edge software builds.",          tag: "Hardware",          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg"},
         {
-          id: "3",
-          title: "Technology & Security",
-          description: "Address cybersecurity threats or AI bias in real-world systems.",
-          tag: "Tech",
-          imageSrc: "http://img.b2bpic.net/free-photo/robots-love-valentine-s-day-celebration_23-2151932792.jpg?_wi=2",
-        },
+          id: "3",          title: "Technology & Security",          description: "Address cybersecurity threats or AI bias in real-world systems.",          tag: "Tech",          imageSrc: "http://img.b2bpic.net/free-photo/robots-love-valentine-s-day-celebration_23-2151932792.jpg"},
       ]}
       title="Solve Real-World Problems"
       description="Connect with peers to solve challenges across 8+ categories like Environment, Healthcare, and Smart Cities."
@@ -114,30 +78,16 @@ export default function LandingPage() {
 
   <div id="ai-mentors" data-section="ai-mentors">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "24/7",
-          title: "Mentor Availability",
-          description: "Coding help and project guidance when you need it.",
-          imageSrc: "http://img.b2bpic.net/free-photo/robots-love-valentine-s-day-celebration_23-2151932792.jpg?_wi=3",
-        },
+          id: "m1",          value: "24/7",          title: "Mentor Availability",          description: "Coding help and project guidance when you need it.",          imageSrc: "http://img.b2bpic.net/free-photo/robots-love-valentine-s-day-celebration_23-2151932792.jpg"},
         {
-          id: "m2",
-          value: "98%",
-          title: "Review Accuracy",
-          description: "AI analysis of your project feasibility and risk factors.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=3",
-        },
+          id: "m2",          value: "98%",          title: "Review Accuracy",          description: "AI analysis of your project feasibility and risk factors.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg"},
         {
-          id: "m3",
-          value: "10x",
-          title: "Execution Speed",
-          description: "Roadmap creation to speed up idea-to-market flow.",
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=3",
-        },
+          id: "m3",          value: "10x",          title: "Execution Speed",          description: "Roadmap creation to speed up idea-to-market flow.",          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg"},
       ]}
       title="AI-Powered Success"
       description="Our AI stack accelerates your growth through mentorship, review, and co-founding tools."
@@ -149,14 +99,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       names={[
-        "Stanford",
-        "MIT",
-        "IIT",
-        "Berkeley",
-        "Harvard",
-        "Oxford",
-        "Cambridge",
-      ]}
+        "Stanford",        "MIT",        "IIT",        "Berkeley",        "Harvard",        "Oxford",        "Cambridge"]}
       title="Join the Global Innovator Network"
       description="Collaboration happens daily with students from universities around the globe."
     />
@@ -168,20 +111,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "How is identity kept anonymous?",
-          content: "We use a Unique UID system. Your personal profile is separated from your project data, and your reputation is tracked via your contributions.",
-        },
+          id: "q1",          title: "How is identity kept anonymous?",          content: "We use a Unique UID system. Your personal profile is separated from your project data, and your reputation is tracked via your contributions."},
         {
-          id: "q2",
-          title: "Is my idea safe?",
-          content: "Yes, we provide timestamp-based ownership proofs and options for private idea posting until you are ready to reveal them.",
-        },
+          id: "q2",          title: "Is my idea safe?",          content: "Yes, we provide timestamp-based ownership proofs and options for private idea posting until you are ready to reveal them."},
         {
-          id: "q3",
-          title: "Can I monetize my startup?",
-          content: "Our AI Co-founder tool specifically helps with monetization strategies and business planning.",
-        },
+          id: "q3",          title: "Can I monetize my startup?",          content: "Our AI Co-founder tool specifically helps with monetization strategies and business planning."},
       ]}
       title="Commonly Asked"
       description="Everything you need to know about our anonymous ecosystem."
@@ -192,17 +126,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Join HiddenGenius"
       title="Ready to Start Your Build?"
       description="Sign up today to join a community of young innovators and start your project build."
       buttons={[
         {
-          text: "Get Started",
-          href: "/signup",
-        },
+          text: "Get Started",          href: "/signup"},
       ]}
     />
   </div>
@@ -212,38 +142,20 @@ export default function LandingPage() {
       columns={[
         {
           items: [
-            {
-              label: "Problems",
-              href: "#problems",
-            },
-            {
-              label: "Projects",
-              href: "#projects",
-            },
+            { label: "Problems", href: "#problems" },
+            { label: "Projects", href: "#projects" },
           ],
         },
         {
           items: [
-            {
-              label: "AI Mentor",
-              href: "#ai-mentors",
-            },
-            {
-              label: "Community",
-              href: "#community",
-            },
+            { label: "AI Mentor", href: "#ai-mentors" },
+            { label: "Community", href: "#community" },
           ],
         },
         {
           items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
-- 
2.49.1