Merge pull request #36 from gpproton/main

feat: improve few sections

Author: gpproton

src/components/BreadcrumbSection.astro

@@ -3,7 +3,7 @@ import Breadcrumbs from "./Breadcrumbs.astro";
 ---
 
 <div class="w-full">
-  <div class="lg:max-w-6xl mx-auto py-4">
+  <div class="lg:max-w-6xl mx-auto py-4 px-2">
     <Breadcrumbs />
   </div>
 </div>

src/data/site-info.json

@@ -1,6 +1,6 @@
 {
   "name": "drolx Lab",
-  "phones": ["+234 803 0776365", "+234 806 2957703"],
+  "phones": ["+234 803 0776365", "+234 812 7478057", "+234 806 2957703"],
   "email": "[email protected]",
   "supportEmail": "[email protected]",
   "address": "ikeja, Lagos, Nigeria",

src/pages/get-started.astro

@@ -61,17 +61,17 @@ export const description =
           <div class="card-body">
             <div class="flex justify-center mb-4">
               <div class="bg-info/10 p-4 rounded-full">
-                <Icon name="mdi:phone-outline" class="text-4xl text-info" />
+                <Icon name="mdi:phone-outline" class="text-4xl text-primary" />
               </div>
             </div>
             <h3 class="card-title justify-center text-xl mb-3">Phone Call</h3>
             <p class="text-center text-base-content/70 mb-6">
               Prefer to speak directly? Call us for an immediate conversation.
             </p>
             <div class="card-actions justify-center">
-              <a href={`tel:${siteInfo.phones[0]}`} aria-label="Call Now" class="btn btn-info btn-sm">
+              <a href={`tel:${siteInfo.phones[0]}`} aria-label="Call Now" class="btn btn-primary btn-sm">
                 <Icon name="mdi:phone" class="size-5" />
-                Call Now
+                <span>{"Call Now"}</span>
               </a>
             </div>
           </div>
@@ -95,10 +95,10 @@ export const description =
               <a
                 href={`mailto:${siteInfo.email}`}
                 aria-label={siteInfo.email}
-                class="btn btn-accent btn-sm"
+                class="btn btn-accent btn-sm text-white"
               >
                 <Icon name="mdi:email" class="size-5" />
-                Email Us
+                <span>{"Email Us"}</span>
               </a>
             </div>
           </div>

src/pages/products/ello-trac.astro

@@ -164,7 +164,7 @@ const deploymentOptions = [
 const integrations = [
 	{ name: 'GPS Devices', icon: 'mdi:satellite' },
 	{ name: 'Telematics', icon: 'mdi:router-wireless' },
-	{ name: 'Mobile Apps', icon: 'mdi:phone' },
+	{ name: 'Mobile Apps', icon: 'mdi:mobile-phone-text' },
 	{ name: 'Web Dashboard', icon: 'mdi:monitor' },
 	{ name: 'API Integration', icon: 'mdi:api' },
 	{ name: 'Third-party Services', icon: 'mdi:link-variant' },
@@ -483,32 +483,20 @@ const integrations = [
         </p>
       </div>
 
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-16">
         {
           [
             {
-              name: "Starter",
-              devices: "Up to 10 Devices",
-              price: "Custom",
-              features: [
-                "Live tracking",
-                "Basic reports",
-                "Email alerts",
-                "Mobile app",
-                "Email support",
-              ],
-            },
-            {
-              name: "Professional",
+              name: "Standard",
               devices: "Up to 50 Devices",
-              price: "Custom",
               highlighted: true,
+              price: "Free",
               features: [
-                "All Starter features",
-                "Advanced geofencing",
-                "Driver management",
+                "Live tracking",
+                "Basic reports",
+                "Mobile application",
+                "Advanced Geo-fencing",
                 "Priority support",
-                "Custom reports",
                 "API access",
               ],
             },
@@ -517,7 +505,7 @@ const integrations = [
               devices: "Unlimited",
               price: "Custom",
               features: [
-                "All Professional features",
+                "All Standard features",
                 "Dedicated account manager",
                 "Custom integrations",
                 "On-premise deployment",
@@ -527,7 +515,7 @@ const integrations = [
             },
           ].map((plan) => (
             <div
-              class={`card ${plan.highlighted ? "bg-primary text-white shadow-xl" : "bg-white border border-base-200 shadow-lg"} hover:shadow-2xl transition-shadow`}
+              class={`card ${plan.highlighted ? "bg-primary text-white shadow-xl" : "bg-white border border-base-200 shadow-lg"} hover:shadow-2xl transition-shadow lg:max-w-[450px]`}
             >
               <div class="card-body">
                 <h3
@@ -565,11 +553,17 @@ const integrations = [
                   ))}
                 </div>
                 <div class="card-actions mt-6">
-                  <button
+                  {plan.price === "Free" ? (<a
+                    href="https://trac.ello360.com"
+                    aria-label="Sign Up"
+                    class={`btn w-full ${plan.highlighted ? "btn-white text-primary" : "btn-primary"}`}
+                  >{"Sign Up"}
+                  </a>) : (<a
+                    href="/company/contact-us"
+                    aria-label="Contact Us"
                     class={`btn w-full ${plan.highlighted ? "btn-white text-primary" : "btn-primary"}`}
-                  >
-                    Get Started
-                  </button>
+                  >{"Contact Us"}
+                  </a>)}
                 </div>
               </div>
             </div>