Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -98,49 +98,67 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="features" data-section="features">
+      <div id="verticals" data-section="verticals">
         <FeatureCardTwentySeven
-          title="Nine Integrated Business Verticals"
+          title="Nine Business Verticals Dashboard"
-          description="Explore the key dimensions of enterprise intelligence through interactive frosted-glass widgets"
+          description="Explore enterprise operations through elegant frosted-glass widgets powered by liquid glass styling"
           tag="Core Intelligence"
           tagIcon={Zap}
           tagAnimation="slide-up"
           features={[
             {
-              id: "production",              title: "Production",              descriptions: [
+              id: "1",              title: "Production",              descriptions: [
                 "Real-time manufacturing output tracking",                "Quality metrics and efficiency benchmarking",                "Predictive maintenance alerts and optimization"
               ],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-showing-production--1773307196514-9194aee1.png?_wi=2",              imageAlt: "Production metrics visualization"
             },
             {
-              id: "sales",              title: "Sales Performance",              descriptions: [
+              id: "2",              title: "Sales Performance",              descriptions: [
                 "Regional and channel sales analytics",                "Pipeline velocity and quota tracking",                "Customer acquisition and retention metrics"
               ],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-for-sales-analytics-1773307197152-f8f3361b.png?_wi=2",              imageAlt: "Sales analytics interface"
             },
             {
-              id: "export",              title: "Export Management",              descriptions: [
+              id: "3",              title: "Export Management",              descriptions: [
                 "International shipment tracking",                "Customs compliance monitoring",                "Trade lane optimization and logistics"
               ],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/export-metrics-widget-showing-internatio-1773307197563-d3c02383.png",              imageAlt: "Export metrics dashboard"
             },
             {
-              id: "revenue",              title: "Revenue Intelligence",              descriptions: [
+              id: "4",              title: "Revenue Intelligence",              descriptions: [
                 "Real-time revenue stream visualization",                "Margin analysis and forecasting",                "Revenue recognition and compliance tracking"
               ],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/premium-revenue-metrics-widget-with-fros-1773307197077-cbda4604.png?_wi=2",              imageAlt: "Revenue analytics widget"
             },
             {
-              id: "credit",              title: "Credit Forecasting",              descriptions: [
+              id: "5",              title: "Credit Forecasting",              descriptions: [
                 "Predictive credit risk modeling",                "Portfolio health assessment",                "Compliance and regulatory monitoring"
               ],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/credit-forecasting-widget-with-predictiv-1773307199152-460042f3.png?_wi=2",              imageAlt: "Credit forecasting interface"
             },
             {
-              id: "agronomist",              title: "Agronomist Performance",              descriptions: [
+              id: "6",              title: "Agronomist Performance",              descriptions: [
                 "Field yield optimization tracking",                "Crop health and sustainability metrics",                "Resource allocation and planning"
               ],
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/agronomist-performance-dashboard-showing-1773307197450-eac75bad.png",              imageAlt: "Agronomist performance dashboard"
+            },
+            {
+              id: "7",              title: "Supply Chain",              descriptions: [
+                "End-to-end logistics visibility",                "Inventory optimization and forecasting",                "Vendor performance and compliance tracking"
+              ],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-showing-production--1773307196514-9194aee1.png?_wi=2",              imageAlt: "Supply chain analytics"
+            },
+            {
+              id: "8",              title: "Customer Engagement",              descriptions: [
+                "Real-time customer behavior analytics",                "Engagement scoring and segmentation",                "Churn prediction and retention strategies"
+              ],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/frosted-glass-widget-for-sales-analytics-1773307197152-f8f3361b.png?_wi=2",              imageAlt: "Customer engagement dashboard"
+            },
+            {
+              id: "9",              title: "Compliance & Risk",              descriptions: [
+                "Regulatory compliance monitoring",                "Risk assessment and mitigation",                "Audit trail and documentation management"
+              ],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AphZhdpDczx241SiIhEcFwRfqR/credit-forecasting-widget-with-predictiv-1773307199152-460042f3.png?_wi=2",              imageAlt: "Compliance and risk dashboard"
             }
           ]}
           gridVariant="uniform-all-items-equal"
@@ -148,7 +166,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
-            { text: "Explore Each Vertical", href: "#" }
+            { text: "Access Dashboard", href: "contact" }
           ]}
           buttonAnimation="slide-up"
         />
@@ -248,7 +266,7 @@ export default function LandingPage() {
               items: [
                 { label: "Dashboard", href: "hero" },
                 { label: "Metrics", href: "metrics" },
-                { label: "Verticals", href: "features" },
+                { label: "Verticals", href: "verticals" },
                 { label: "Team", href: "team" }
               ]
             },

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #010912;
-  --card: #ffffff;
+  --card: #152840;
-  --foreground: #1b0c25;
+  --foreground: #e6f0ff;
-  --primary-cta: #1b0c25;
+  --primary-cta: #cee7ff;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0e1a29;
   --secondary-cta-text: #1b0c25;
-  --accent: #ff93e4;
+  --accent: #3f5c79;
-  --background-accent: #e8a8c3;
+  --background-accent: #004a93;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);