Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -84,13 +84,13 @@ export default function LandingPage() {
           description="Temple AI combines cutting-edge artificial intelligence with intuitive design to transform how you operate your business."
           features={[
             {
-              id: "1",              title: "Advanced Machine Learning",              description: "Harness the power of advanced ML algorithms to automate complex tasks, predict outcomes, and optimize operations. Our AI learns from your data and continuously improves performance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/an-illustration-of-ai-powered-content-wr-1772922867411-058f6b7f.png",              imageAlt: "Advanced machine learning interface"
+              id: "1",              title: "Advanced Machine Learning",              description: "Harness the power of advanced ML algorithms to automate complex tasks, predict outcomes, and optimize operations. Our AI learns from your data and continuously improves performance.",              imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=1'http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23FF9500;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23FFC107;stop-opacity:1' /%3E%3C/linearGradient%3E%3ClinearGradient id='grad2' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23333333;stop-opacity:0.8' /%3E%3Cstop offset='100%25' style='stop-color:%23666666;stop-opacity:0.3' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23grad2)'/%3E%3Crect x='50' y='50' width='300' height='200' rx='20' fill='url(%23grad1)' opacity='0.9'/%3E%3Ccircle cx='200' cy='150' r='60' fill='%23FFFFFF' opacity='0.2'/%3E%3Crect x='100' y='100' width='20' height='100' fill='%23FFFFFF' opacity='0.6' rx='10'/%3E%3Crect x='140' y='80' width='20' height='120' fill='%23FFFFFF' opacity='0.5' rx='10'/%3E%3Crect x='180' y='120' width='20' height='80' fill='%23FFFFFF' opacity='0.7' rx='10'/%3E%3Crect x='220' y='90' width='20' height='110' fill='%23FFFFFF' opacity='0.4' rx='10'/%3E%3Crect x='260' y='110' width='20' height='90' fill='%23FFFFFF' opacity='0.6' rx='10'/%3E%3C/svg%3E",              imageAlt: "Advanced machine learning interface"
             },
             {
-              id: "2",              title: "Real-Time Intelligence",              description: "Get instant insights and actionable intelligence with real-time data processing. Our dashboard provides comprehensive analytics and performance metrics to guide your decisions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/clean-analytics-visualization-showing-ma-1772922870473-7fb1d649.png",              imageAlt: "Real-time analytics dashboard"
+              id: "2",              title: "Real-Time Intelligence",              description: "Get instant insights and actionable intelligence with real-time data processing. Our dashboard provides comprehensive analytics and performance metrics to guide your decisions.",              imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=2'http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad3' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23FF9500;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23FFC107;stop-opacity:1' /%3E%3C/linearGradient%3E%3ClinearGradient id='grad4' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23333333;stop-opacity:0.8' /%3E%3Cstop offset='100%25' style='stop-color:%23666666;stop-opacity:0.3' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23grad4)'/%3E%3Crect x='40' y='40' width='320' height='220' rx='20' fill='%23FFFFFF' opacity='0.05' stroke='url(%23grad3)' stroke-width='2'/%3E%3Cline x1='60' y1='200' x2='360' y2='200' stroke='%23666666' stroke-width='2' opacity='0.5'/%3E%3Cline x1='60' y1='150' x2='360' y2='150' stroke='%23666666' stroke-width='1' opacity='0.3'/%3E%3Cline x1='60' y1='100' x2='360' y2='100' stroke='%23666666' stroke-width='1' opacity='0.3'/%3E%3Cpolyline points='80,180 120,100 160,140 200,70 240,120 280,80 320,130' fill='none' stroke='url(%23grad3)' stroke-width='3'/%3E%3Ccircle cx='80' cy='180' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='120' cy='100' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='160' cy='140' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='200' cy='70' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='240' cy='120' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='280' cy='80' r='6' fill='url(%23grad3)'/%3E%3Ccircle cx='320' cy='130' r='6' fill='url(%23grad3)'/%3E%3C/svg%3E",              imageAlt: "Real-time analytics dashboard"
             },
             {
-              id: "3",              title: "Enterprise Security",              description: "Enterprise-grade security with end-to-end encryption and compliance certifications. Protect your sensitive data with our robust security infrastructure and compliance standards.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdWCGTUmxjPQZM4XzNfED6RccT/visual-representation-of-ai-powered-pers-1772922867144-6bf417b1.png",              imageAlt: "Enterprise security features"
+              id: "3",              title: "Enterprise Security",              description: "Enterprise-grade security with end-to-end encryption and compliance certifications. Protect your sensitive data with our robust security infrastructure and compliance standards.",              imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=3'http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad5' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23FF9500;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23FFC107;stop-opacity:1' /%3E%3C/linearGradient%3E%3ClinearGradient id='grad6' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23333333;stop-opacity:0.8' /%3E%3Cstop offset='100%25' style='stop-color:%23666666;stop-opacity:0.3' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='300' fill='url(%23grad6)'/%3E%3Cpath d='M 200 50 L 320 110 L 320 200 Q 200 260 80 200 L 80 110 Z' fill='url(%23grad5)' opacity='0.8'/%3E%3Cpath d='M 200 50 L 320 110 L 320 200 Q 200 260 80 200 L 80 110 Z' fill='none' stroke='%23FFFFFF' stroke-width='2' opacity='0.6'/%3E%3Ccircle cx='200' cy='140' r='35' fill='%23FFFFFF' opacity='0.15'/%3E%3Cline x1='190' y1='130' x2='210' y2='150' stroke='%23FFFFFF' stroke-width='3' opacity='0.8' stroke-linecap='round'/%3E%3Cline x1='210' y1='130' x2='190' y2='150' stroke='%23FFFFFF' stroke-width='3' opacity='0.8' stroke-linecap='round'/%3E%3C/svg%3E",              imageAlt: "Enterprise security features"
             }
           ]}
           gridVariant="three-columns-all-equal-width"

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #ffffff;
   --card: #f9f9f9;
   --foreground: #1a1a1a;
-  --primary-cta: #ffd142;
+  --primary-cta: #FF9500;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
   --secondary-cta-text: #000612e6;
-  --accent: #ffd280;
-  --background-accent: #ffd210;
+  --accent: #333333;
+  --background-accent: #E8E8E8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);