diff --git a/app/Views/services.php b/app/Views/services.php index b3a9a01..f16b594 100644 --- a/app/Views/services.php +++ b/app/Views/services.php @@ -19,6 +19,7 @@ + @@ -190,9 +191,9 @@ - + - Tokslaw + Tokslaw @@ -215,7 +216,7 @@
  • - + Contact NEW @@ -232,7 +233,7 @@

    Services

    -

    Investing in the digital future and resources.

    +

    Technology Strategy, Software Engineering, and Secure Digital Transformation.

    @@ -242,6 +243,22 @@
    +
    +

    + At Tokslaw, we help businesses turn complex technology challenges into clear, scalable, and secure digital solutions +

    +

    + Led by Toks Lawal, an Enterprise Architect, Full-Stack Software Engineer, cybersecurity professional, and US Army veteran, Tokslaw bridges the gap between business strategy and technical execution. Whether you need a modern website, a secure application, cloud-ready architecture, DevSecOps improvements, or a full digital transformation roadmap, we bring a practical, hands-on approach to building systems that work today and scale for tomorrow. +

    + + Let’s build secure, scalable, and business-aligned technology. + +
    + + +
    +
    +
    @@ -253,7 +270,7 @@
    -
    Design services
    +
    What We Do

    @@ -278,9 +295,10 @@

    Hub is a graphic and digital studio that designs and develops eCommerce websites, apps and tailor-made digital solutions.

    +
    -
    +
    @@ -289,21 +307,40 @@
    -

    Brand Strategy

    +

    Enterprise Architecture & Technology Strategy

    -

    Our design services starts and ends with a best-in-class experience strategy that builds brands. We create world-class digital products materials that

    - - Learn More - - - - +

    + We help organizations align technology decisions with business goals. From capability mapping to architecture roadmaps, + Tokslaw supports leaders who need clarity, structure, and direction before investing in new systems. +

    + + + + + + + + + + + + + + + +

    + Best for: businesses preparing for growth, modernization, system replacement, or digital transformation. +

    + +
    + +
    -
    +
    @@ -312,21 +349,41 @@
    -

    Development

    +

    Full-Stack Web Application Development

    -

    We craft premium digital work for web, mobile and experiential with creative agencies and global brands alike – putting passion, pride and plenty of elbow

    - - Learn More - - - - +

    + We design and build responsive, secure, and scalable web applications using modern frontend and backend technologies. + Our approach combines clean user experience, strong backend architecture, and reliable deployment practices. +

    + + + + + + + + + + + + + + + + +

    + Best for: startups, small businesses, SaaS products, internal platforms, and organizations that need custom software. +

    + +
    + +
    -
    +
    @@ -335,20 +392,264 @@
    -

    Mobile Apps

    +

    API, Microservices & System Integration

    -

    We marry creative insight with data to deliver successful user experiences. Through a process of iteration and prototyping, we design interfaces that

    - - Learn More - - - - +

    + Modern businesses need systems that communicate clearly and securely. + Tokslaw helps design APIs, microservices, and integration patterns that connect applications, data, users, and business processes. +

    + + + + + + + + + + + + + + + + +

    + Best for: businesses connecting multiple systems, modernizing monoliths, or building scalable platforms. +

    + +
    + +
    + + + +
    +
    +
    +
    +
    +
    + + + +
    +
    +

    Cloud, DevOps & CI/CD Implementation

    +
    +

    + We help teams improve how software is deployed, monitored, and maintained. From Docker-based deployments to GitHub Actions, GitLab CI/CD, Jenkins, and AWS infrastructure, + Tokslaw supports reliable software delivery. +

    + + + + + + + + + + + + + + + +

    + Best for: teams that want faster, safer, and more predictable deployments +

    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +

    Cybersecurity & DevSecOps

    +
    +

    + Security should not be added at the end. Tokslaw helps organizations embed security into architecture, development, deployment, and operations. +

    + + + + + + + + + + + + + + + + + +

    + Best for: organizations building secure digital products, customer platforms, cloud systems, or regulated applications. +

    + +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +

    Mobile App & Hybrid App Development

    +
    +

    + We help turn product ideas into mobile-ready experiences across iOS and Android. + Tokslaw supports hybrid mobile development using modern frameworks that reduce cost while delivering strong user experience. Tokslaw helps design APIs, microservices, and integration patterns that connect applications, data, users, and business processes. +

    + + + + + + + + + + + + + + +

    + Best for: startups, founders, and businesses launching mobile products without building separate native teams. +

    + +
    + +
    +
    +
    +
    +
    + +
    + + + +
    + +
    +
    +
    +
    +
    + + + +
    +
    +

    AI, Automation & Product Innovation

    +
    +

    + AI is most valuable when it solves real business problems. Tokslaw helps teams identify where AI, automation, and intelligent workflows can improve productivity, customer experience, and decision-making. +

    + + + + + + + + + + + + + + +

    + Best for: businesses exploring AI but needing a practical roadmap, prototype, or implementation partner. +

    + +
    + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    + + + +
    +
    +

    Website, SEO & Digital Presence

    +
    +

    + Tokslaw also supports businesses that need a stronger online presence. + From professional websites to technical SEO and content strategy, we help brands become easier to find, trust, and contact. +

    + + + + + + + + + + + + + + + + +

    + Best for: professionals, founders, service businesses, and organizations that need a stronger digital foundation. +

    + +
    + +
    +
    +
    +
    +
    + +
    + +
    @@ -365,6 +666,7 @@
    +
    @@ -424,24 +726,24 @@
      -
    • Web Development
      • -
    • Brand Strategy
      • -
    • App Development
      • -
    • Graphic Design
      • -
    • Print Design
      • -
    • Motion Graphics
      • +
    • Website Development
      • +
    • Mobile App Development
      • +
    • Domain & Hosting
      • +
    • UI/UX Design
      • +
    • UI/UX Design
      • +
    • Cloud & DevOps
      -
    • Content Management
      • -
    • Brand Strategy
      • +
    • SEO Performance
      • +
    • Email Marketing
    • WordPress
      • -
    • SEO Analytics
      • -
    • Copywriting
      • -
    • Mobile App Design
      • +
    • SEO Optimization
      • +
    • Cloud & DevOps
      • +
    • Ongoing Support & Maintenance
    @@ -458,6 +760,25 @@
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    Software Development Process
    +
    +
    +
    02
    +
    +
    +
    +
    +
    +
    @@ -466,8 +787,8 @@ 1 1

    STEP 1

    -

    Wireframe Design.

    -

    Tailor made digital products and creative solutions for small businesses and freelancers.

    +

    Discovery.

    +

    Understanding your goals,target audience, and project requirements through in depth discussions and collaborative planning sessions.

    @@ -477,8 +798,8 @@ 2 2

    STEP 2

    -

    Web App Development

    -

    Our web development starts and ends with a best-in-class experience strategy.

    +

    Planning.

    +

    Tailor made digital products and creative solutions for small businesses and freelancers.

    @@ -486,8 +807,63 @@

    3 3

    -

    STEP 3

    -

    Launch and maintain.

    +
    +

    STEP 3

    +

    Wireframe Design.

    +

    Tailor made digital products and creative solutions for small businesses and freelancers.

    + + +
    +
    +
    +

    + 4 4

    +
    +

    STEP 4

    +

    Front-end Development.

    +

    Tailor made digital products and creative solutions for small businesses and freelancers.

    +
    +
    +
    +
    +
    +

    + 5 5

    +
    +

    STEP 5

    +

    Back-end Development.

    +

    Tailor made digital products and creative solutions for small businesses and freelancers.

    +
    +
    +
    +
    +
    +

    + 6 6

    +
    +

    STEP 6

    +

    Integration.

    +

    Tailor made digital products and creative solutions for small businesses and freelancers.

    +
    +
    +
    +
    +
    +

    + 7 7

    +
    +

    STEP 7

    +

    Testing

    +

    Our web development starts and ends with a best-in-class experience strategy.

    +
    +
    +
    +
    +
    +

    + 8 8

    +

    STEP 8

    +

    Deployment.

    We look to engage with our clients beyond the conventional design and agency relationship,

    diff --git a/public/assets/css/styles.css b/public/assets/css/styles.css index c579dcf..cbd8f71 100644 --- a/public/assets/css/styles.css +++ b/public/assets/css/styles.css @@ -26,9 +26,10 @@ body { background: #ffffff; border-radius: 24px; padding: 50px 45px; - box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08); + /*box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);*/ border: 1px solid #eef2f7; text-align: left; + box-shadow: 0 25px 70px rgba(15, 23, 42, 0.16); } .about-card h2 { @@ -88,7 +89,7 @@ body { } .belief-box { - background: linear-gradient(135deg, #f8fbff, #F4A2AE); + background: linear-gradient(135deg, rgba(244, 162, 174, 0.45), rgba(59, 130, 246, 0.25)); border-left: 6px solid #F4A2AE; border-radius: 18px; padding: 28px 24px; @@ -113,7 +114,9 @@ body { .connect-card { text-align: center; - background: linear-gradient(135deg, #ffffff, #f8fafc); + /*background: linear-gradient(135deg, #ffffff, #f8fafc);*/ + background: linear-gradient(135deg, rgba(59, 130, 246, 0.25), rgba(244, 162, 174, 0.45) ); + } .button-wrapper { @@ -170,11 +173,7 @@ body { .meet-toks-section h2 { margin-bottom: 18px; } -/*.title-head-subtitle {*/ -/* display: block;*/ -/* margin-bottom: 20px;*/ -/* line-height: 1.7;*/ -/*}*/ + /*---------------------------------------------*/ /*About-Profile image*/ /*----------------------------------------------*/ @@ -235,4 +234,161 @@ body { .profile-image { border-radius: 22px; } +} + +/*---------------------------------------------*/ +/*Services Section*/ +/*----------------------------------------------*/ +/* Compact service list */ +.about-list2 { + list-style: none; + padding: 0; + margin: 14px 0 18px; + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 9px; +} + +/* Fancy compact pills */ +.about-list2 li { + background: rgba(255, 255, 255, 0.85); + color: #f4a2ae; + padding: 8px 10px; + border-radius: 999px; + border: 1px solid #e2e8f0; + font-size: 0.78rem; + line-height: 1.25; + box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04); + white-space: normal; +} + +.about-list2 li strong { + font-weight: 600; +} + +/* Keep clean-list spacing, but do NOT override columns */ +.clean-list2 { + margin-bottom: 0px; +} + +/* Button tighter */ +.about-card2 .btn { + margin-top: 4px; + font-size: 0.85rem; +} + + +/* Tablet: 2 cards per row */ +@media (max-width: 1024px) { + .module-iconbox { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .about-card2 { + padding: 26px 22px; + } +} +/* Mobile: 1 card per row */ +@media (max-width: 768px) { + .module-iconbox { + grid-template-columns: 1fr; + gap: 20px; + } + + .about-card { + padding: 24px 20px; + border-radius: 20px; + } + + .about-list2 { + grid-template-columns: 1fr; + } +} + +/* Card row layout: max 3 cards per row */ +.module-iconbox { + display: grid !important; + grid-template-columns: repeat(3, minmax(0, 1fr)); + column-gap: 24px; + row-gap: 38px; + align-items: stretch; +} + +/* Make each card fill its grid space */ +.module-iconbox .max-w-full { + width: 100%; + max-width: 100%; +} + +.about-card2 { + width: 100%; + height: 100%; + background: linear-gradient(135deg, rgba(244, 162, 174, 0.45), rgba(59, 130, 246, 0.25) ); + border-radius: 22px; + padding: 28px 24px; + border: 1px solid rgba(226, 232, 240, 0.9); + text-align: left; + box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10); + transition: all 0.35s ease; + position: relative; + overflow: hidden; +} + + +/* Hover effect */ +.about-card2:hover { + transform: translateY(-8px); + box-shadow: 0 28px 70px rgba(15, 23, 42, 0.18); + border-color: rgb(195, 190, 239); +} + +/* Icon styling */ +.about-card2 .iconbox-icon-wrap { + margin-bottom: 8px; +} + +.about-card2 .iconbox-icon-container { + width: 48px; + height: 48px; + margin-bottom: 18px !important; + border-radius: 16px; + display: inline-flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #eff6ff, #f5f3ff); + color: #d592ea; + box-shadow: inset 0 0 0 1px rgb(173, 166, 231); +} + +.about-card2 svg { + width: 24px; + height: 24px; +} + +.about-card2 svg path { + fill: currentColor; +} + +/* Card heading */ +.about-card2 h3, +.about-card2 .lqd-iconbox-heading { + font-size: 1.08rem !important; + font-weight: 750; + color: #0f172a; + line-height: 1.25; + margin-bottom: 12px !important; + letter-spacing: -0.02em; +} + +/* Paragraphs compact */ +.about-card2 p { + font-size: 0.9rem; + line-height: 1.55; + color: #475569; + margin-bottom: 14px; +} + +.about-card2 strong { + color: #0f172a; + font-weight: 650; } \ No newline at end of file