From 27e3aaac07238e9c54ee4fb1c96c5490837bf91b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 17:44:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 92 ++++++++++--------------------------------------
 1 file changed, 18 insertions(+), 74 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5cd1da0..91b8e8e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,13 +30,9 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Download",
-          id: "download",
-        },
+          name: "Download",          id: "download"},
       ]}
       brandName="Hazel"
     />
@@ -45,16 +41,13 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Hazel"
       description="A Spiritual Evolution of Connection."
-      imageSrc="http://img.b2bpic.net/free-photo/dried-plant-debris-sunlight-shadows-textured-blue-wall_632498-60785.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/dried-plant-debris-sunlight-shadows-textured-blue-wall_632498-60785.jpg"
       buttons={[
         {
-          text: "Get Started",
-          href: "#download",
-        },
+          text: "Get Started",          href: "#download"},
       ]}
     />
   </div>
@@ -66,28 +59,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Bubbles",
-          description: "Soft, interactive presence nodes.",
-          bentoComponent: "reveal-icon",
-          icon: Sparkles,
-          imageSrc: "http://img.b2bpic.net/free-photo/dried-plant-debris-sunlight-shadows-textured-blue-wall_632498-60785.jpg?_wi=2",
-          imageAlt: "ethereal white mesh gradient background",
+          title: "Bubbles",          description: "Soft, interactive presence nodes.",          bentoComponent: "reveal-icon",          icon: Sparkles,
         },
         {
-          title: "Visuals",
-          description: "High-fidelity audio visuals.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
-          imageSrc: "http://img.b2bpic.net/free-photo/dry-multicolor-powder-table_23-2147964234.jpg?_wi=1",
-          imageAlt: "glowing golden world map minimalist",
+          title: "Visuals",          description: "High-fidelity audio visuals.",          bentoComponent: "reveal-icon",          icon: Zap,
         },
         {
-          title: "Connection",
-          description: "Real-time rhythmic heartbeat.",
-          bentoComponent: "reveal-icon",
-          icon: Star,
-          imageSrc: "http://img.b2bpic.net/free-photo/theater-stage-with-product-podium-retro-style-curtain-background-3d-illustration-render_1258-108619.jpg?_wi=1",
-          imageAlt: "glass platform pillar hazel glow",
+          title: "Connection",          description: "Real-time rhythmic heartbeat.",          bentoComponent: "reveal-icon",          icon: Star,
         },
       ]}
       title="Presence Grid"
@@ -97,16 +75,12 @@ export default function LandingPage() {
 
   <div id="map" data-section="map">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "10,000+",
-          title: "Active Hearts",
-          description: "Connecting the globe.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dry-multicolor-powder-table_23-2147964234.jpg?_wi=2",
-        },
+          id: "m1",          value: "10,000+",          title: "Active Hearts",          description: "Connecting the globe.",          imageSrc: "http://img.b2bpic.net/free-photo/dry-multicolor-powder-table_23-2147964234.jpg"},
       ]}
       title="World Pulse"
       description="Global connectivity, mapped in golden light."
@@ -121,26 +95,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "win",
-          name: "Windows",
-          price: "Get Started",
-          variant: "Hazel",
-          imageSrc: "http://img.b2bpic.net/free-photo/theater-stage-with-product-podium-retro-style-curtain-background-3d-illustration-render_1258-108619.jpg?_wi=2",
-        },
+          id: "win",          name: "Windows",          price: "Get Started",          variant: "Hazel",          imageSrc: "http://img.b2bpic.net/free-photo/theater-stage-with-product-podium-retro-style-curtain-background-3d-illustration-render_1258-108619.jpg"},
         {
-          id: "mac",
-          name: "macOS",
-          price: "Get Started",
-          variant: "Hazel",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-shape-blue-ink_1112-835.jpg",
-        },
+          id: "mac",          name: "macOS",          price: "Get Started",          variant: "Hazel",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-shape-blue-ink_1112-835.jpg"},
         {
-          id: "lin",
-          name: "Linux",
-          price: "Get Started",
-          variant: "Hazel",
-          imageSrc: "http://img.b2bpic.net/free-photo/reflective-liquid-metal-wave_1194-638942.jpg",
-        },
+          id: "lin",          name: "Linux",          price: "Get Started",          variant: "Hazel",          imageSrc: "http://img.b2bpic.net/free-photo/reflective-liquid-metal-wave_1194-638942.jpg"},
       ]}
       title="Platform Pillars"
       description="Choose your vessel for the evolution."
@@ -155,30 +114,15 @@ export default function LandingPage() {
       faqsAnimation="blur-reveal"
       faqs={[
         {
-          id: "q1",
-          title: "What is Hazel?",
-          content: "Hazel is a platform dedicated to serene, high-fidelity human connection.",
-        },
+          id: "q1",          title: "What is Hazel?",          content: "Hazel is a platform dedicated to serene, high-fidelity human connection."},
         {
-          id: "q2",
-          title: "Is it free to use?",
-          content: "Yes, basic presence features are free for all users.",
-        },
+          id: "q2",          title: "Is it free to use?",          content: "Yes, basic presence features are free for all users."},
         {
-          id: "q3",
-          title: "Which platforms are supported?",
-          content: "We currently support Windows, macOS, and Linux.",
-        },
+          id: "q3",          title: "Which platforms are supported?",          content: "We currently support Windows, macOS, and Linux."},
         {
-          id: "q4",
-          title: "How is my data handled?",
-          content: "Privacy and peace of mind are at the core of our spiritual design.",
-        },
+          id: "q4",          title: "How is my data handled?",          content: "Privacy and peace of mind are at the core of our spiritual design."},
         {
-          id: "q5",
-          title: "Can I connect globally?",
-          content: "Absolutely, our network supports active connections across the entire globe.",
-        },
+          id: "q5",          title: "Can I connect globally?",          content: "Absolutely, our network supports active connections across the entire globe."},
       ]}
     />
   </div>
-- 
2.49.1