Spaces:

liamdare
/

terrasight-geomatics

Running

App Files Files Community

liamdare commited on Sep 29, 2025

Commit

b925645

verified ·

1 Parent(s): ba32f77

Can you make the headings a thicker font, and change the greens to browns and oranges? are you able to add the contours as a background image

Browse files

Files changed (6) hide show

about.html +9 -7
contact.html +6 -6
index.html +14 -11
industries.html +6 -6
projects.html +6 -6
services.html +6 -6

about.html CHANGED Viewed

@@ -13,8 +13,8 @@
             theme: {
                 extend: {
                     colors: {
-                        primary: '#2F855A',
-                        secondary: '#D69E2E',
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
@@ -23,15 +23,17 @@
                 }
             }
         }
-    </script>
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap');
         body { font-family: 'Inter', sans-serif; }
-        h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; }
         .contour-pattern {
-            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232f855a' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
         }
-    </style>
 </head>
 <body class="bg-offwhite text-charcoal">
     <!-- Navigation -->

             theme: {
                 extend: {
                     colors: {
+                        primary: '#8B4513',
+                        secondary: '#D2691E',
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
                 }
             }
         }
+</script>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Inter:wght@300;400;500&display=swap');
         body { font-family: 'Inter', sans-serif; }
+        h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; font-weight: 800; }
         .contour-pattern {
+            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='none'/%3E%3Cpath d='M20 20c10 0 20 10 30 10s20-10 30-10 20 10 30 10M20 40c10 0 20 10 30 10s20-10 30-10 20 10 30 10M20 60c10 0 20 10 30 10s20-10 30-10 20 10 30 10M20 80c10 0 20 10 30 10s20-10 30-10 20 10 30 10' stroke='%238B4513' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3C/svg%3E");
+            background-size: cover;
+            background-position: center;
         }
+</style>
 </head>
 <body class="bg-offwhite text-charcoal">
     <!-- Navigation -->

contact.html CHANGED Viewed

@@ -13,8 +13,8 @@
             theme: {
                 extend: {
                     colors: {
-                        primary: '#2F855A',
-                        secondary: '#D69E2E',
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
@@ -23,12 +23,12 @@
                 }
             }
         }
-    </script>
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap');
         body { font-family: 'Inter', sans-serif; }
-        h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; }
-        .form-input {
             transition: all 0.3s ease;
         }
         .form-input:focus {

             theme: {
                 extend: {
                     colors: {
+                        primary: '#8B4513',
+                        secondary: '#D2691E',
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
                 }
             }
         }
+</script>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Inter:wght@300;400;500&display=swap');
         body { font-family: 'Inter', sans-serif; }
+        h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; font-weight: 800; }
+.form-input {
             transition: all 0.3s ease;
         }
         .form-input:focus {

index.html CHANGED Viewed

@@ -14,8 +14,8 @@
             theme: {
                 extend: {
                     colors: {
-                        primary: '#2F855A', // Forest Green
-                        secondary: '#D69E2E', // Sand
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
@@ -24,19 +24,25 @@
                 }
             }
         }
-    </script>
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap');
         body {
             font-family: 'Inter', sans-serif;
         }
         h1, h2, h3, h4, h5, h6 {
             font-family: 'Archivo', sans-serif;
         }
         .contour-line {
-            background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-2.156.809c-1.11.416-2.185.816-3.2 1.203-1.073.408-2.055.772-2.8 1.082V20h6.184z' fill='%232f855a' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
         }
-        .floating {
             animation-name: floating;
             animation-duration: 3s;
             animation-iteration-count: infinite;
@@ -78,12 +84,9 @@
         </div>
     </nav>
     <!-- Hero Section -->
-    <section id="hero" class="relative min-h-screen flex items-center justify-center overflow-hidden">
         <div class="absolute inset-0 bg-gradient-to-br from-stone-50 via-offwhite to-sand/30"></div>
-        <div class="absolute inset-0 opacity-20">
-            <div class="absolute inset-0" style="background-image: url('data:image/svg+xml,%3Csvg width=\"100\" height=\"20\" viewBox=\"0 0 100 20\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-2.156.809c-1.11.416-2.185.816-3.2 1.203-1.073.408-2.055.772-2.8 1.082V20h6.184z' fill=\"%232f855a\" fill-opacity=\"0.05\" fill-rule=\"evenodd\"/%3E%3C/svg%3E');"></div>
-        </div>
-        <div class="relative z-10 text-center max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
             <h1 class="text-4xl md:text-6xl font-bold text-charcoal mb-6">Reality Capture & Geospatial Solutions</h1>
             <p class="text-xl md:text-2xl text-charcoal/80 mb-8 max-w-3xl mx-auto">Digitising the built and natural environment for architects, engineers, and planners.</p>
             <div class="flex flex-col sm:flex-row gap-4 justify-center">

             theme: {
                 extend: {
                     colors: {
+                        primary: '#8B4513', // Saddle Brown
+                        secondary: '#D2691E', // Chocolate Orange
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
                 }
             }
         }
+</script>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Inter:wght@300;400;500&display=swap');
         body {
             font-family: 'Inter', sans-serif;
         }
         h1, h2, h3, h4, h5, h6 {
             font-family: 'Archivo', sans-serif;
+            font-weight: 800;
         }
         .contour-line {
+            background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-2.156.809c-1.11.416-2.185.816-3.2 1.203-1.073.408-2.055.772-2.8 1.082V20h6.184z' fill='%238B4513' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
+        }
+        .contour-background {
+            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='none'/%3E%3Cpath d='M20 20c10 0 20 10 30 10s20-10 30-10 20 10 30 10M20 40c10 0 20 10 30 10s20-10 30-10 20 10 30 10M20 60c10 0 20 10 30 10s20-10 30-10 20 10 30 10M20 80c10 0 20 10 30 10s20-10 30-10 20 10 30 10' stroke='%238B4513' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3C/svg%3E");
+            background-size: cover;
+            background-position: center;
         }
+.floating {
             animation-name: floating;
             animation-duration: 3s;
             animation-iteration-count: infinite;
         </div>
     </nav>
     <!-- Hero Section -->
+    <section id="hero" class="relative min-h-screen flex items-center justify-center overflow-hidden contour-background">
         <div class="absolute inset-0 bg-gradient-to-br from-stone-50 via-offwhite to-sand/30"></div>
+<div class="relative z-10 text-center max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
             <h1 class="text-4xl md:text-6xl font-bold text-charcoal mb-6">Reality Capture & Geospatial Solutions</h1>
             <p class="text-xl md:text-2xl text-charcoal/80 mb-8 max-w-3xl mx-auto">Digitising the built and natural environment for architects, engineers, and planners.</p>
             <div class="flex flex-col sm:flex-row gap-4 justify-center">

industries.html CHANGED Viewed

@@ -13,8 +13,8 @@
             theme: {
                 extend: {
                     colors: {
-                        primary: '#2F855A',
-                        secondary: '#D69E2E',
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
@@ -23,12 +23,12 @@
                 }
             }
         }
-    </script>
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap');
         body { font-family: 'Inter', sans-serif; }
-        h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; }
-        .industry-card {
             transition: all 0.3s ease;
         }
         .industry-card:hover {

             theme: {
                 extend: {
                     colors: {
+                        primary: '#8B4513',
+                        secondary: '#D2691E',
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
                 }
             }
         }
+</script>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Inter:wght@300;400;500&display=swap');
         body { font-family: 'Inter', sans-serif; }
+        h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; font-weight: 800; }
+.industry-card {
             transition: all 0.3s ease;
         }
         .industry-card:hover {

projects.html CHANGED Viewed

@@ -13,8 +13,8 @@
             theme: {
                 extend: {
                     colors: {
-                        primary: '#2F855A',
-                        secondary: '#D69E2E',
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
@@ -23,12 +23,12 @@
                 }
             }
         }
-    </script>
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap');
         body { font-family: 'Inter', sans-serif; }
-        h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; }
-        .project-card {
             transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
         .project-card:hover {

             theme: {
                 extend: {
                     colors: {
+                        primary: '#8B4513',
+                        secondary: '#D2691E',
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
                 }
             }
         }
+</script>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Inter:wght@300;400;500&display=swap');
         body { font-family: 'Inter', sans-serif; }
+        h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; font-weight: 800; }
+.project-card {
             transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
         .project-card:hover {

services.html CHANGED Viewed

@@ -13,8 +13,8 @@
             theme: {
                 extend: {
                     colors: {
-                        primary: '#2F855A',
-                        secondary: '#D69E2E',
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
@@ -23,12 +23,12 @@
                 }
             }
         }
-    </script>
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap');
         body { font-family: 'Inter', sans-serif; }
-        h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; }
-        .service-icon {
             background: linear-gradient(135deg, #2F855A 0%, #D69E2E 100%);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;

             theme: {
                 extend: {
                     colors: {
+                        primary: '#8B4513',
+                        secondary: '#D2691E',
                         stone: '#A8A29E',
                         charcoal: '#374151',
                         sand: '#E2E8F0',
                 }
             }
         }
+</script>
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Inter:wght@300;400;500&display=swap');
         body { font-family: 'Inter', sans-serif; }
+        h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', sans-serif; font-weight: 800; }
+.service-icon {
             background: linear-gradient(135deg, #2F855A 0%, #D69E2E 100%);
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;