From de917be7c3604dd7f616587e3832b3fdd1b3a025 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 13:17:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 280 ++++++++---------------------------------------
 1 file changed, 44 insertions(+), 236 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0293e33..597ad3c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Architecture",
-          id: "#architecture",
-        },
-        {
-          name: "Manifesto",
-          id: "#manifesto",
-        },
-        {
-          name: "Studio",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Architecture", id: "#architecture" },
+        { name: "Manifesto", id: "#manifesto" },
+        { name: "Studio", id: "#about" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="not HAUS Studio"
     />
@@ -55,94 +43,32 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Every place has a story. We find it."
       description="Architecture, Interior Design, Exterior Design, Urban Design."
       testimonials={[
-        {
-          name: "Studio Lead",
-          handle: "not HAUS",
-          testimonial: "Rewrite the brief.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-practising-yoga_23-2151406483.jpg",
-        },
-        {
-          name: "Lead Architect",
-          handle: "not HAUS",
-          testimonial: "Design with purpose.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg",
-        },
-        {
-          name: "Creative Lead",
-          handle: "not HAUS",
-          testimonial: "Pushing boundaries.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/tying-shoelaces_23-2148023651.jpg",
-        },
-        {
-          name: "Lead Urbanist",
-          handle: "not HAUS",
-          testimonial: "Form follows feeling.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elevated-city-highway_53876-75111.jpg",
-        },
-        {
-          name: "Design Strategist",
-          handle: "not HAUS",
-          testimonial: "Rigor in every detail.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-city-building_23-2148107117.jpg",
-        },
+        { name: "Studio Lead", handle: "not HAUS", testimonial: "Rewrite the brief.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-practising-yoga_23-2151406483.jpg" },
+        { name: "Lead Architect", handle: "not HAUS", testimonial: "Design with purpose.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg" },
+        { name: "Creative Lead", handle: "not HAUS", testimonial: "Pushing boundaries.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tying-shoelaces_23-2148023651.jpg" },
+        { name: "Lead Urbanist", handle: "not HAUS", testimonial: "Form follows feeling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elevated-city-highway_53876-75111.jpg" },
+        { name: "Design Strategist", handle: "not HAUS", testimonial: "Rigor in every detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-city-building_23-2148107117.jpg" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/young-woman-standing-art-platform_171337-16786.jpg"
       mediaAnimation="none"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg",
-          alt: "Team member 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
-          alt: "Team member 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",
-          alt: "Team member 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
-          alt: "Team member 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-drag-person-makeup-table_23-2149256381.jpg",
-          alt: "Team member 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg", alt: "Team member 1" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", alt: "Team member 2" },
+        { src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg", alt: "Team member 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Team member 4" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-drag-person-makeup-table_23-2149256381.jpg", alt: "Team member 5" },
       ]}
       avatarText="Trusted by visionary leaders"
       marqueeItems={[
-        {
-          type: "text",
-          text: "EDITORIAL ARCHITECTURE",
-        },
-        {
-          type: "text",
-          text: "BRUTALIST MINIMALISM",
-        },
-        {
-          type: "text",
-          text: "CAIRO STUDIO",
-        },
-        {
-          type: "text",
-          text: "URBAN REFINEMENT",
-        },
-        {
-          type: "text",
-          text: "INTENTIONAL DESIGN",
-        },
+        { type: "text", text: "EDITORIAL ARCHITECTURE" },
+        { type: "text", text: "BRUTALIST MINIMALISM" },
+        { type: "text", text: "CAIRO STUDIO" },
+        { type: "text", text: "URBAN REFINEMENT" },
+        { type: "text", text: "INTENTIONAL DESIGN" },
       ]}
     />
   </div>
@@ -151,31 +77,12 @@ export default function LandingPage() {
       <MetricCardThree
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       metrics={[
-        {
-          id: "m1",
-          icon: Layout,
-          title: "Disciplines",
-          value: "04",
-        },
-        {
-          id: "m2",
-          icon: AlertTriangle,
-          title: "Refusal",
-          value: "01",
-        },
-        {
-          id: "m3",
-          icon: LayoutDashboard,
-          title: "Scales",
-          value: "∞",
-        },
-        {
-          id: "m4",
-          icon: FileText,
-          title: "Templates",
-          value: "00",
-        },
+        { id: "m1", icon: Layout, title: "Disciplines", value: "04" },
+        { id: "m2", icon: AlertTriangle, title: "Refusal", value: "01" },
+        { id: "m3", icon: LayoutDashboard, title: "Scales", value: "∞" },
+        { id: "m4", icon: FileText, title: "Templates", value: "00" },
       ]}
       title="Disciplines & Philosophy"
       description="Our core metrics defining our studio practice."
@@ -187,11 +94,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Manifesto"
       metrics={[
-        {
-          icon: PenTool,
-          label: "Philosophy",
-          value: "We don't follow the brief. We rewrite it.",
-        },
+        { icon: PenTool, label: "Philosophy", value: "We don't follow the brief. We rewrite it." },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -202,21 +105,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Architecture",
-          description: "Defining space with intent.",
-          imageSrc: "http://img.b2bpic.net/free-photo/famous-canadian-museum-history-touching-magical-night-sky-gatineau-canada_181624-13315.jpg",
-        },
-        {
-          title: "Interior Design",
-          description: "Atmosphere as a material.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377351.jpg",
-        },
-        {
-          title: "Urban Design",
-          description: "Shaping the larger fabric.",
-          imageSrc: "http://img.b2bpic.net/free-photo/collage-city-committed-education_23-2149887002.jpg",
-        },
+        { title: "Architecture", description: "Defining space with intent.", imageSrc: "http://img.b2bpic.net/free-photo/famous-canadian-museum-history-touching-magical-night-sky-gatineau-canada_181624-13315.jpg" },
+        { title: "Interior Design", description: "Atmosphere as a material.", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377351.jpg" },
+        { title: "Urban Design", description: "Shaping the larger fabric.", imageSrc: "http://img.b2bpic.net/free-photo/collage-city-committed-education_23-2149887002.jpg" },
       ]}
       title="Our Approach"
       description="Cairo-based studio focused on serious architecture."
@@ -227,15 +118,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Cairo Build",
-        "Nexus Arch",
-        "Urban Flow",
-        "Studio 8",
-        "Design Core",
-        "Form Lab",
-        "Void Design",
-      ]}
+      names={["Cairo Build", "Nexus Arch", "Urban Flow", "Studio 8", "Design Core", "Form Lab", "Void Design"]}
       title="Collaborators"
       description="Partners who share our vision."
     />
@@ -245,32 +128,14 @@ export default function LandingPage() {
       <TeamCardEleven
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       groups={[
         {
-          id: "g1",
-          groupTitle: "Leadership",
-          members: [
-            {
-              id: "t1",
-              title: "Creative Director",
-              subtitle: "not HAUS",
-              detail: "Architectural thought leader.",
-            },
-            {
-              id: "t2",
-              title: "Principal Architect",
-              subtitle: "not HAUS",
-              detail: "Design focused specialist.",
-            },
-            {
-              id: "t3",
-              title: "Senior Strategist",
-              subtitle: "not HAUS",
-              detail: "Project lifecycle architect.",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162868.jpg",
-          imageAlt: "Brutalist inspiration architecture background",
+          id: "g1",          groupTitle: "Leadership",          members: [
+            { id: "t1", title: "Creative Director", subtitle: "not HAUS", detail: "Architectural thought leader." },
+            { id: "t2", title: "Principal Architect", subtitle: "not HAUS", detail: "Design focused specialist." },
+            { id: "t3", title: "Senior Strategist", subtitle: "not HAUS", detail: "Project lifecycle architect." },
+          ]
         },
       ]}
       title="Principals"
@@ -283,46 +148,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          title: "Client Quote",
-          quote: "Exceptional rigor.",
-          name: "Ahmad M.",
-          role: "Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-neutral-paint-background-design_53876-129685.jpg",
-        },
-        {
-          id: "t2",
-          title: "Client Quote",
-          quote: "Visionary approach.",
-          name: "Sarah L.",
-          role: "Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885648.jpg",
-        },
-        {
-          id: "t3",
-          title: "Client Quote",
-          quote: "Truly unique work.",
-          name: "Omar K.",
-          role: "Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885633.jpg",
-        },
-        {
-          id: "t4",
-          title: "Client Quote",
-          quote: "Architecturally sound.",
-          name: "Hala N.",
-          role: "Partner",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
-        },
-        {
-          id: "t5",
-          title: "Client Quote",
-          quote: "Masterful execution.",
-          name: "Karim R.",
-          role: "Planner",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885661.jpg",
-        },
+        { id: "t1", title: "Client Quote", quote: "Exceptional rigor.", name: "Ahmad M.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/abstract-neutral-paint-background-design_53876-129685.jpg" },
+        { id: "t2", title: "Client Quote", quote: "Visionary approach.", name: "Sarah L.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885648.jpg" },
+        { id: "t3", title: "Client Quote", quote: "Truly unique work.", name: "Omar K.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885633.jpg" },
+        { id: "t4", title: "Client Quote", quote: "Architecturally sound.", name: "Hala N.", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg" },
+        { id: "t5", title: "Client Quote", quote: "Masterful execution.", name: "Karim R.", role: "Planner", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885661.jpg" },
       ]}
       title="Perspectives"
       description="Words from those we build for."
@@ -332,9 +162,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Inquiry"
       title="Let's connect."
       description="Start a conversation."
@@ -346,30 +174,10 @@ export default function LandingPage() {
       logoText="not HAUS Studio"
       columns={[
         {
-          title: "Studio",
-          items: [
-            {
-              label: "Projects",
-              href: "#",
-            },
-            {
-              label: "About",
-              href: "#",
-            },
-          ],
+          title: "Studio",          items: [{ label: "Projects", href: "#" }, { label: "About", href: "#" }],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Copyright",
-              href: "#",
-            },
-          ],
+          title: "Legal",          items: [{ label: "Privacy", href: "#" }, { label: "Copyright", href: "#" }],
         },
       ]}
     />