From 80966d7c473f66b9a653950cb06b10e2f42fd67f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 23:18:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 246 ++++++++++++++++++++++++++---------------------
 1 file changed, 135 insertions(+), 111 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a88208a..f87d84a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,133 +2,157 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Target, MapPin, Zap, BrainCircuit } from "lucide-react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroSignup from '@/components/sections/hero/HeroSignup';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import { Target, MapPin, Zap, Brain } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="mediumLargeSizeLargeTitles"
-        background="noise"
-        cardStyle="glass-depth"
-        primaryButtonStyle="diagonal-gradient"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="double-inset"
         secondaryButtonStyle="glass"
-        headingFontWeight="semibold"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-              { name: "MATRIX", id: "matrix" },
-              { name: "RSU", id: "rsu" },
-              { name: "TWINS", id: "twins" },
-              { name: "ATLAS", id: "atlas" },
-              { name: "CONTACT", id: "contact" }
-            ]}
-            brandName="DA"
-            button={{ text: "COMMISSION" }}
-          />
-        </div>
+  <div id="nav" data-section="nav">
+      <NavbarStyleApple
+      navItems={[
+        { name: "ATLAS", id: "atlas" },
+        { name: "RSU", id: "rsu" },
+        { name: "MATRIX", id: "matrix" },
+        { name: "TWINS", id: "twins" },
+        { name: "CONTACT", id: "contact" }
+      ]}
+      brandName="DA"
+    />
+  </div>
 
-        <div id="hero" data-section="hero">
-          <HeroSignup
-            tag="TACTICAL LUXURY ARCHITECTURE"
-            title="Designing the Future of Creative Sovereignty"
-            description="DA provides geospatial intelligence, rapid logistics, and digital asset production for the world's most ambitious filmmakers."
-            background={{ variant: "downward-rays-animated" }}
-            buttonText="GET STARTED"
-            onSubmit={(email) => console.log(email)}
-          />
-        </div>
+  <div id="hero" data-section="hero">
+      <HeroCarouselLogo
+      logoText="DA"
+      description="Designing the Future of Creative Sovereignty"
+      buttons={[
+        { text: "ENTER THE ATLAS", href: "#atlas" },
+        { text: "COMMISSION DA", href: "#contact" }
+      ]}
+      slides={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/urban-scenery-seen-through-stone-railing_1359-972.jpg", imageAlt: "modern luxury cinematic landscape" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/neon-lit-skatepark-sunset_23-2151986963.jpg", imageAlt: "Neon lit skatepark at sunset" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-gateway-portal-with-desert-landscape_23-2151239086.jpg", imageAlt: "Fantasy style gateway or portal with desert landscape" }
+      ]}
+    />
+  </div>
 
-        <div id="matrix" data-section="matrix">
-          <FeatureCardSeven
-            animationType="blur-reveal"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            title="DA MATRIX"
-            description="AI geospatial intelligence engine for extreme environments."
-            features={[
-              { title: "Visual Matching", description: "47 unique location profiles mapped.", imageSrc: "https://img.b2bpic.net/free-photo/antelope-canyon-arizona_53876-75119.jpg" },
-              { title: "Solar Positioning", description: "365-day golden hour predictive analysis.", imageSrc: "https://img.b2bpic.net/free-photo/antelope-canyon-arizona_53876-75119.jpg" },
-              { title: "Terrain Indexing", description: "Class 1-4 difficulty site certification.", imageSrc: "https://img.b2bpic.net/free-photo/antelope-canyon-arizona_53876-75119.jpg" }
-            ]}
-          />
-        </div>
+  <div id="matrix" data-section="matrix">
+      <FeatureCardThree
+      animationType="slide-up"
+      textboxLayout="split"
+      gridVariant="asymmetric-60-wide-40-narrow"
+      useInvertedBackground={false}
+      features={[
+        { title: "Visual Matching", description: "Reference images matched against 47 location profiles.", imageSrc: "http://img.b2bpic.net/free-photo/starry-sky-desert-tent_84443-7796.jpg" },
+        { title: "Golden Hour", description: "365-day solar positioning analysis for every site.", imageSrc: "http://img.b2bpic.net/free-photo/religious-holy-mat-praying_23-2148288835.jpg" },
+        { title: "Terrain Index", description: "Class 1-4 difficulty ratings for every location.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-sandy-beach-cloudy-sky-leba-poland_181624-16132.jpg" }
+      ]}
+      title="DA MATRIX"
+      description="AI geospatial intelligence engine to index Saudi terrain."
+    />
+  </div>
 
-        <div id="rsu" data-section="rsu">
-          <MetricCardThree
-            animationType="depth-3d"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            title="RAPID SUPPORT UNITS"
-            description="Before your crew lands, we are already operational."
-            metrics={[
-              { id: "rsu-1", icon: Zap, title: "Response Time", value: "<6 HRS" },
-              { id: "rsu-2", icon: MapPin, title: "Power Capacity", value: "500KW" },
-              { id: "rsu-3", icon: BrainCircuit, title: "Permit Success", value: "98.7%" }
-            ]}
-          />
-        </div>
+  <div id="rsu" data-section="rsu">
+      <MetricCardTwo
+      animationType="slide-up"
+      textboxLayout="split"
+      gridVariant="uniform-all-items-equal"
+      useInvertedBackground={false}
+      metrics={[
+        { id: "1", value: "<6 HRS", description: "Response time for all regional assets" },
+        { id: "2", value: "500KW", description: "Off-grid power capacity" },
+        { id: "3", value: "98.7%", description: "Permit success rate" }
+      ]}
+      title="RAPID SUPPORT UNITS"
+      description="Before your crew lands, we are already there."
+    />
+  </div>
 
-        <div id="twins" data-section="twins">
-          <TestimonialAboutCard
-            tag="DIGITAL TWIN"
-            title="Own the data of here."
-            description="DA processes field deployments into publication-grade licensed Digital Twins."
-            subdescription="High-fidelity environment assets for gaming and virtual production."
-            icon={Target}
-            videoSrc="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
-          />
-        </div>
+  <div id="twins" data-section="twins">
+      <TestimonialAboutCard
+      icon={Brain}
+      useInvertedBackground={false}
+      tag="DIGITAL TWIN SOVEREIGNTY"
+      title="Own the data of here."
+      description="DA processes field deployments into publication-grade licensed Digital Twins of extraordinary terrain."
+      subdescription="Sold to global gaming, metaverse, and virtual production industries."
+      imageSrc="http://img.b2bpic.net/free-photo/antelope-canyon-arizona_53876-75119.jpg"
+      mediaAnimation="blur-reveal"
+    />
+  </div>
 
-        <div id="atlas" data-section="atlas">
-          <ProductCardFour
-            animationType="slide-up"
-            gridVariant="three-columns-all-equal-width"
-            textboxLayout="default"
-            useInvertedBackground={true}
-            title="HIDDEN GEMS ATLAS"
-            description="Classified Saudi locations mapped for production teams."
-            products={[
-              { id: "p1", name: "Tuwaiq Escarpment", price: "Class 1", variant: "Geo-Asset", imageSrc: "https://img.b2bpic.net/free-photo/long-shot-man-walking-canyon-landscape_23-2148232301.jpg" },
-              { id: "p2", name: "Old Diriyah", price: "Class 2", variant: "Geo-Asset", imageSrc: "https://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098544.jpg" },
-              { id: "p3", name: "Rub al-Khali", price: "Class 4", variant: "Geo-Asset", imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-sand-dunes-dry-field-distance_181624-1489.jpg" }
-            ]}
-          />
-        </div>
+  <div id="atlas" data-section="atlas">
+      <ProductCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
+      products={[
+        { id: "1", name: "Tuwaiq Escarpment", price: "Class 1", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-walking-canyon-landscape_23-2148232301.jpg" },
+        { id: "2", name: "Old Diriyah", price: "Heritage", imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098544.jpg" },
+        { id: "3", name: "Rub al-Khali", price: "Class 4", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-sand-dunes-dry-field-distance_181624-1489.jpg" }
+      ]}
+      title="HIDDEN GEMS ATLAS"
+      description="47 classified Saudi locations mapped for production."
+    />
+  </div>
 
-        <div id="contact" data-section="contact">
-          <ContactCTA
-            tag="COMMISSION"
-            title="Your next production belongs here."
-            description="Brief the RSU, enter the Atlas, and secure your location assets."
-            buttons={[{ text: "COMMISSION DA", href: "#contact" }]}
-            background={{ variant: "sparkles-gradient" }}
-            useInvertedBackground={false}
-          />
-        </div>
+  <div id="contact" data-section="contact">
+      <ContactSplitForm
+      useInvertedBackground={false}
+      title="Your next production belongs here."
+      description="Brief the RSU. Enter the Atlas. DA operates on invitation and intent."
+      inputs={[
+        { name: "Company", type: "text", placeholder: "Production Company" },
+        { name: "Name", type: "text", placeholder: "Director / Creator Name" },
+        { name: "Email", type: "email", placeholder: "Email Address" }
+      ]}
+      buttonText="COMMISSION DA"
+      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-sandy-hills-breathtaking-colorful-sky-captured-northern-brazil_181624-24258.jpg"
+    />
+  </div>
 
-        <div id="footer" data-section="footer">
-          <FooterBaseCard
-            logoText="DA"
-            columns={[
-              { title: "COMMAND", items: [{ label: "ATLAS", href: "#atlas" }, { label: "RSU", href: "#rsu" }] },
-              { title: "SYSTEMS", items: [{ label: "MATRIX", href: "#matrix" }, { label: "TWINS", href: "#twins" }] }
-            ]}
-          />
-        </div>
+  <div id="footer" data-section="footer">
+      <FooterBase
+      columns={[
+        {
+          title: "COMMAND",          items: [
+            { label: "ATLAS", href: "#atlas" },
+            { label: "RSU", href: "#rsu" },
+            { label: "MATRIX", href: "#matrix" }
+          ]
+        },
+        {
+          title: "SYSTEMS",          items: [
+            { label: "TWINS", href: "#twins" },
+            { label: "CONTACT", href: "#contact" }
+          ]
+        }
+      ]}
+      logoText="DA"
+      copyrightText="© DA · Mohammed Al-Ajami · All Rights Reserved · 24.7136°N 46.6753°E"
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1