File Manager

✏️ Edit File: /home/rla105zs937x/public_html/mcloudbim.com/service-consulting.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BIM Consulting — MCloud BIM Consultant</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Barlow:wght@300;400;500;600&family=Barlow+Condensed:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
  :root {
    --gold: #C9A24A; --gold-light: #E2C47A; --gold-dark: #A07830;
    --dark: #1A1A1A; --dark2: #242424; --dark3: #2E2E2E; --dark4: #383838;
    --gray: #888; --light-gray: #BDBDBD; --white: #F5F3EE;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { background: var(--dark); color: var(--white); font-family: 'Barlow', sans-serif; overflow-x: hidden; }
  ::-webkit-scrollbar { width: 4px; }
  ::-webkit-scrollbar-track { background: var(--dark); }
  ::-webkit-scrollbar-thumb { background: var(--gold); }

/* NAV */
  nav { position: fixed; top: 0; width: 100%; z-index: 1000; padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 72px; background: rgba(26,26,26,0.92); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(201,162,74,0.15); transition: all 0.3s; }
  nav.scrolled { height: 60px; background: rgba(20,20,20,0.98); }
  .logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
  .logo-icon { width: 40px; height: 40px; background: var(--gold); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); display: flex; align-items: center; justify-content: center; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 13px; color: var(--dark); }
  .logo-text span:first-child { display: block; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 18px; letter-spacing: 2px; color: var(--gold); }
  .logo-text span:last-child { display: block; font-size: 9px; letter-spacing: 3px; color: var(--light-gray); text-transform: uppercase; margin-top: 1px; }
  .nav-links { display: flex; align-items: center; gap: 36px; list-style: none; }
  .nav-links > li { position: relative; }
  .nav-links a { color: var(--light-gray); text-decoration: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; transition: color 0.3s; position: relative; display: flex; align-items: center; gap: 5px; }
  .nav-links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1px; background: var(--gold); transition: width 0.3s; }
  .nav-links a:hover, .nav-links a.active { color: var(--gold); }
  .nav-links a:hover::after, .nav-links a.active::after { width: 100%; }
  .has-submenu > a .arrow { font-size: 9px; transition: transform 0.3s; }
  .has-submenu:hover > a .arrow { transform: rotate(180deg); }
  .submenu { position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%) translateY(-8px); background: var(--dark2); border: 1px solid rgba(201,162,74,0.2); border-top: 2px solid var(--gold); min-width: 240px; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.25s ease; list-style: none; box-shadow: 0 20px 40px rgba(0,0,0,0.5); }
  .has-submenu:hover .submenu { opacity: 1; visibility: visible; pointer-events: all; transform: translateX(-50%) translateY(0); }
  .submenu li { border-bottom: 1px solid rgba(255,255,255,0.05); }
  .submenu li:last-child { border-bottom: none; }
  .submenu a { display: flex; align-items: center; gap: 12px; padding: 14px 20px; color: var(--light-gray); font-size: 12px; letter-spacing: 1.5px; transition: all 0.2s; }
  .submenu a::after { display: none; }
  .submenu a:hover { background: rgba(201,162,74,0.08); color: var(--gold); padding-left: 28px; }
  .submenu a.active { background: rgba(201,162,74,0.12); color: var(--gold); }
  .submenu a .sub-icon { font-size: 16px; width: 24px; text-align: center; }
  .submenu a .sub-arrow { font-size: 10px; color: var(--gold-dark); }
  .btn-quote { padding: 10px 24px; background: transparent; border: 1px solid var(--gold); color: var(--gold); font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: all 0.3s; clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%); }
  .btn-quote:hover { background: var(--gold); color: var(--dark); }
  .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }
  .hamburger span { display: block; width: 26px; height: 2px; background: var(--gold); transition: all 0.3s; }
  .mobile-nav { display: none; position: fixed; inset: 0; z-index: 999; background: rgba(26,26,26,0.98); flex-direction: column; align-items: center; justify-content: center; gap: 36px; }
  .mobile-nav.open { display: flex; }
  .mobile-nav a { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 300; color: var(--white); text-decoration: none; transition: color 0.3s; }
  .mobile-nav a:hover { color: var(--gold); }
  .mobile-nav .mobile-sub { display: flex; flex-direction: column; align-items: center; gap: 12px; }
  .mobile-nav .mobile-sub a { font-size: 18px; color: var(--gold-dark); }
  .mobile-close { position: absolute; top: 24px; right: 8%; font-size: 32px; color: var(--gold); cursor: pointer; background: none; border: none; }

/* PAGE HERO */
  .page-hero { position: relative; height: 60vh; min-height: 500px; display: flex; align-items: flex-end; padding: 80px 8%; overflow: hidden; }
  .page-hero-bg { position: absolute; inset: 0; background: url('https://media.faro.com/-/media/Project/FARO/FARO/FARO/Resources/GeoSlam-Resource-Library/BIM-Article_Image-2.jpeg') center/cover; }
  .page-hero-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(26,26,26,1) 0%, rgba(26,26,26,0.65) 60%, rgba(26,26,26,0.3) 100%); }
  .hero-grid-overlay { position: absolute; inset: 0; background-image: linear-gradient(rgba(201,162,74,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(201,162,74,0.04) 1px, transparent 1px); background-size: 60px 60px; pointer-events: none; }
  .page-hero-content { position: relative; z-index: 2; }
  .breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--gray); }
  .breadcrumb a { color: var(--gray); text-decoration: none; transition: color 0.3s; }
  .breadcrumb a:hover { color: var(--gold); }
  .breadcrumb span { color: var(--gold); }
  .page-hero-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(42px, 6vw, 80px); font-weight: 300; line-height: 1; color: var(--white); animation: fadeUp 0.8s ease both; }
  .page-hero-title em { font-style: normal; color: var(--gold); font-weight: 600; }
  .page-hero-sub { font-size: 15px; color: var(--light-gray); margin-top: 16px; max-width: 520px; line-height: 1.7; animation: fadeUp 0.8s 0.1s ease both; }

/* SECTIONS */
  section { padding: 100px 8%; }
  .eyebrow-line { width: 40px; height: 1px; background: var(--gold); }
  .section-eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
  .section-eyebrow span { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 4px; color: var(--gold); text-transform: uppercase; }
  .section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 4vw, 52px); font-weight: 300; line-height: 1.1; color: var(--white); }
  .section-title em { font-style: italic; color: var(--gold); }

/* OVERVIEW */
  #overview { background: var(--dark); display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
  .overview-img { width: 100%; aspect-ratio: 4/3; object-fit: cover; filter: grayscale(15%); }
  .overview-img-wrap { position: relative; }
  .overview-img-frame { position: absolute; top: -12px; left: -12px; right: 12px; bottom: 12px; border: 1px solid rgba(201,162,74,0.25); pointer-events: none; }
  .overview-text p { font-size: 15px; color: var(--light-gray); line-height: 1.9; margin-bottom: 20px; }
  .overview-features { display: flex; flex-direction: column; gap: 12px; margin-top: 32px; }
  .feature-row { display: flex; align-items: center; gap: 16px; padding: 14px 18px; background: var(--dark2); border-left: 3px solid var(--gold); }
  .feature-row .f-icon { font-size: 20px; }
  .feature-row .f-text { font-size: 14px; color: var(--white); font-weight: 500; }

/* SERVICE DETAIL */
  #service-detail { background: var(--dark2); }
  .detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 60px; }
  .detail-card { background: var(--dark3); padding: 48px 36px; transition: all 0.4s; position: relative; overflow: hidden; }
  .detail-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform 0.4s; }
  .detail-card:hover { background: var(--dark4); transform: translateY(-4px); }
  .detail-card:hover::before { transform: scaleX(1); }
  .detail-num { font-family: 'Cormorant Garamond', serif; font-size: 52px; font-weight: 700; color: rgba(201,162,74,0.12); line-height: 1; margin-bottom: 20px; }
  .detail-name { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 600; color: var(--white); margin-bottom: 14px; }
  .detail-desc { font-size: 14px; color: var(--gray); line-height: 1.8; margin-bottom: 24px; }
  .detail-tags { display: flex; flex-wrap: wrap; gap: 8px; }
  .tag { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 12px; border: 1px solid rgba(201,162,74,0.3); color: var(--gold-dark); }

/* WHO WE SERVE */
  #who-we-serve { background: var(--dark); }
  .serve-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; margin-top: 60px; }
  .serve-card { background: var(--dark2); padding: 40px 28px; text-align: center; transition: all 0.4s; position: relative; overflow: hidden; }
  .serve-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(201,162,74,0.08), transparent); opacity: 0; transition: opacity 0.4s; }
  .serve-card:hover { transform: translateY(-4px); }
  .serve-card:hover::after { opacity: 1; }
  .serve-icon { font-size: 40px; margin-bottom: 20px; display: block; }
  .serve-title { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 1px; color: var(--white); margin-bottom: 10px; text-transform: uppercase; }
  .serve-desc { font-size: 13px; color: var(--gray); line-height: 1.7; }

/* PROCESS */
  #process { background: var(--dark2); }
  .process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 60px; position: relative; }
  .process-steps::before { content: ''; position: absolute; top: 32px; left: 10%; right: 10%; height: 1px; background: linear-gradient(to right, transparent, var(--gold), transparent); }
  .process-step { text-align: center; padding: 0 24px; }
  .step-num { width: 64px; height: 64px; background: var(--dark3); border: 2px solid var(--gold); margin: 0 auto 24px; display: flex; align-items: center; justify-content: center; font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 700; color: var(--gold); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
  .step-title { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 1px; color: var(--white); margin-bottom: 10px; text-transform: uppercase; }
  .step-desc { font-size: 13px; color: var(--gray); line-height: 1.7; }

/* FAQ */
  #faq { background: var(--dark); }
  .faq-list { display: flex; flex-direction: column; gap: 2px; margin-top: 60px; max-width: 820px; }
  .faq-item { background: var(--dark2); }
  .faq-question { padding: 22px 28px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 15px; font-weight: 500; color: var(--white); transition: color 0.3s; user-select: none; }
  .faq-question:hover { color: var(--gold); }
  .faq-arrow { font-size: 12px; color: var(--gold); transition: transform 0.3s; flex-shrink: 0; }
  .faq-item.open .faq-arrow { transform: rotate(180deg); }
  .faq-answer { padding: 0 28px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s; }
  .faq-item.open .faq-answer { max-height: 200px; padding: 0 28px 22px; }
  .faq-answer p { font-size: 14px; color: var(--gray); line-height: 1.8; }

/* CTA */
  #cta { background: var(--dark3); text-align: center; padding: 80px 8%; position: relative; overflow: hidden; }
  #cta::before { content: 'BIM'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: 'Cormorant Garamond', serif; font-size: 300px; font-weight: 700; color: rgba(201,162,74,0.03); pointer-events: none; }
  .cta-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(36px, 5vw, 64px); font-weight: 300; color: var(--white); margin-bottom: 20px; position: relative; }
  .cta-title em { font-style: normal; color: var(--gold); }
  .cta-desc { font-size: 15px; color: var(--gray); max-width: 520px; margin: 0 auto 40px; line-height: 1.8; position: relative; }
  .cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; position: relative; }
  .btn-primary { padding: 16px 36px; background: var(--gold); color: var(--dark); font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; border: none; cursor: pointer; transition: all 0.3s; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); }
  .btn-primary:hover { background: var(--gold-light); transform: translateY(-2px); }
  .btn-secondary { padding: 16px 36px; background: transparent; border: 1px solid rgba(201,162,74,0.4); color: var(--white); font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: all 0.3s; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); }
  .btn-secondary:hover { border-color: var(--gold); color: var(--gold); }

/* FOOTER */
  footer { background: #111; padding: 64px 8% 32px; border-top: 1px solid rgba(201,162,74,0.15); }
  .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 52px; }
  .footer-brand .logo { margin-bottom: 20px; }
  .footer-tagline { font-size: 14px; color: var(--gray); line-height: 1.8; max-width: 280px; margin-bottom: 24px; }
  .footer-social { display: flex; gap: 12px; }
  .social-btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(201,162,74,0.3); color: var(--gold); font-size: 16px; text-decoration: none; transition: all 0.3s; }
  .social-btn:hover { background: var(--gold); color: var(--dark); }
  .footer-col h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 3px; color: var(--gold); text-transform: uppercase; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(201,162,74,0.2); }
  .footer-links { list-style: none; }
  .footer-links li { margin-bottom: 10px; }
  .footer-links a { font-size: 14px; color: var(--gray); text-decoration: none; transition: color 0.3s; display: flex; align-items: center; gap: 8px; }
  .footer-links a::before { content: '→'; font-size: 11px; color: var(--gold-dark); }
  .footer-links a:hover { color: var(--gold); }
  .footer-contact-item { display: flex; gap: 10px; margin-bottom: 14px; }
  .footer-contact-item span:first-child { color: var(--gold); font-size: 15px; }
  .footer-contact-item span:last-child { font-size: 14px; color: var(--gray); line-height: 1.5; }
  .footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
  .footer-bottom p { font-size: 13px; color: var(--gray); }
  .footer-bottom span { color: var(--gold); }

@keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
  .reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease, transform 0.7s ease; }
  .reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1100px) { .footer-grid { grid-template-columns: 1fr 1fr; } .serve-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 900px) { #overview { grid-template-columns: 1fr; gap: 48px; } .detail-grid { grid-template-columns: 1fr; } .process-steps { grid-template-columns: repeat(2, 1fr); gap: 40px; } .process-steps::before { display: none; } }
  @media (max-width: 768px) { section { padding: 72px 6%; } .nav-links { display: none; } .btn-quote { display: none; } .hamburger { display: flex; } .serve-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; gap: 32px; } }
</style>
</head>
<body>

<div class="mobile-nav" id="mobileNav">
  <button class="mobile-close" id="mobileClose">✕</button>
  <a href="index.html" onclick="closeMob()">Home</a>
  <div class="mobile-sub">
    <a href="service-3d-design.html" onclick="closeMob()">3D Design</a>
    <a href="service-construction.html" onclick="closeMob()">Construction</a>
    <a href="service-consulting.html" onclick="closeMob()">Consulting</a>
  </div>
  <a href="index.html#projects" onclick="closeMob()">Projects</a>
  <a href="index.html#about" onclick="closeMob()">About</a>
  <a href="index.html#contact" onclick="closeMob()">Contact</a>
</div>

<nav id="navbar">
  <a href="index.html" class="logo">
    <div class="logo-icon">BIM</div>
    <div class="logo-text"><span>MCloud</span><span>BIM Consultant</span></div>
  </a>
  <ul class="nav-links">
    <li><a href="index.html">Home</a></li>
    <li class="has-submenu">
      <a href="index.html#services" class="active">Services <span class="arrow">▾</span></a>
      <ul class="submenu">
        <li><a href="service-3d-design.html"><span class="sub-icon">🏛️</span><span style="flex:1">3D Design</span><span class="sub-arrow">→</span></a></li>
        <li><a href="service-construction.html"><span class="sub-icon">🏗️</span><span style="flex:1">Construction Design</span><span class="sub-arrow">→</span></a></li>
        <li><a href="service-consulting.html" class="active"><span class="sub-icon">📐</span><span style="flex:1">BIM Consulting</span><span class="sub-arrow">→</span></a></li>
      </ul>
    </li>
    <li><a href="index.html#projects">Projects</a></li>
    <li><a href="index.html#about">About</a></li>
    <li><a href="index.html#contact">Contact</a></li>
  </ul>
  <a href="index.html#contact" class="btn-quote">☎ Get Quote</a>
  <button class="hamburger" id="hamburger"><span></span><span></span><span></span></button>
</nav>

<div class="page-hero">
  <div class="page-hero-bg"></div>
  <div class="hero-grid-overlay"></div>
  <div class="page-hero-content">
    <div class="breadcrumb">
      <a href="index.html">Home</a> <span>/</span>
      <a href="index.html#services">Services</a> <span>/</span>
      <span style="color:var(--white)">BIM Consulting</span>
    </div>
    <h1 class="page-hero-title"><em>BIM</em><br>Consulting</h1>
    <p class="page-hero-sub">Strategic BIM advisory — from workflow setup and team training to standards compliance and digital transformation for your organization.</p>
  </div>
</div>

<section id="overview">
  <div class="overview-img-wrap reveal">
    <img class="overview-img" src="https://media.faro.com/-/media/Project/FARO/FARO/FARO/Resources/GeoSlam-Resource-Library/BIM-Article_Image-2.jpeg" alt="BIM Consulting">
    <div class="overview-img-frame"></div>
  </div>
  <div class="overview-text reveal" style="transition-delay:0.15s">
    <div class="section-eyebrow"><div class="eyebrow-line"></div><span>Service Overview</span></div>
    <h2 class="section-title" style="margin-bottom:28px">What Is <em>BIM Consulting?</em></h2>
    <p>BIM Consulting is about helping your firm, team, or project successfully adopt and optimize Building Information Modeling practices. We guide you from initial assessment all the way to full BIM implementation.</p>
    <p>Whether you're starting from scratch or improving existing workflows, we provide the strategy, training, and support to make BIM work effectively for your business goals.</p>
    <div class="overview-features">
      <div class="feature-row"><span class="f-icon">📐</span><span class="f-text">BIM Strategy & Execution Planning</span></div>
      <div class="feature-row"><span class="f-icon">🔧</span><span class="f-text">Workflow Design & Optimization</span></div>
      <div class="feature-row"><span class="f-icon">📋</span><span class="f-text">Standards, Templates & BEP Creation</span></div>
      <div class="feature-row"><span class="f-icon">🎓</span><span class="f-text">Team Training & Onboarding Support</span></div>
    </div>
  </div>
</section>

<section id="service-detail">
  <div class="reveal">
    <div class="section-eyebrow"><div class="eyebrow-line"></div><span>What We Deliver</span></div>
    <h2 class="section-title">Consulting <em>Offerings</em></h2>
  </div>
  <div class="detail-grid">
    <div class="detail-card reveal">
      <div class="detail-num">01</div>
      <div class="detail-name">BIM Strategy & Planning</div>
      <p class="detail-desc">We assess your current processes, define a clear BIM adoption roadmap, and create a BIM Execution Plan (BEP) tailored to your project type and team size.</p>
      <div class="detail-tags"><span class="tag">BEP</span><span class="tag">ISO 19650</span><span class="tag">Roadmap</span></div>
    </div>
    <div class="detail-card reveal" style="transition-delay:0.1s">
      <div class="detail-num">02</div>
      <div class="detail-name">Workflow Optimization</div>
      <p class="detail-desc">We streamline your design and documentation process using templates, families, automation scripts, and collaboration protocols to reduce waste and improve output quality.</p>
      <div class="detail-tags"><span class="tag">Dynamo</span><span class="tag">Revit Templates</span><span class="tag">CDE Setup</span></div>
    </div>
    <div class="detail-card reveal" style="transition-delay:0.2s">
      <div class="detail-num">03</div>
      <div class="detail-name">Standards & Compliance</div>
      <p class="detail-desc">We help you align with international BIM standards and client requirements, including LOD specifications, naming conventions, and IFC data exchange protocols.</p>
      <div class="detail-tags"><span class="tag">ISO 19650</span><span class="tag">LOD Matrix</span><span class="tag">IFC / COBie</span></div>
    </div>
  </div>
</section>

<section id="who-we-serve">
  <div class="reveal" style="text-align:center">
    <div class="section-eyebrow" style="justify-content:center"><div class="eyebrow-line"></div><span>Our Clients</span><div class="eyebrow-line"></div></div>
    <h2 class="section-title">Who We <em>Serve</em></h2>
  </div>
  <div class="serve-grid">
    <div class="serve-card reveal">
      <span class="serve-icon">🏢</span>
      <div class="serve-title">Architects</div>
      <div class="serve-desc">Adopt BIM tools to produce better documentation, catch design clashes early, and deliver higher-value projects.</div>
    </div>
    <div class="serve-card reveal" style="transition-delay:0.1s">
      <span class="serve-icon">🏗️</span>
      <div class="serve-title">Contractors</div>
      <div class="serve-desc">Use BIM for sequencing, quantity take-offs, and site coordination to reduce costs and improve on-site efficiency.</div>
    </div>
    <div class="serve-card reveal" style="transition-delay:0.2s">
      <span class="serve-icon">📊</span>
      <div class="serve-title">Developers</div>
      <div class="serve-desc">Leverage BIM data to make better investment decisions, manage project risks, and streamline handover to facility managers.</div>
    </div>
    <div class="serve-card reveal" style="transition-delay:0.3s">
      <span class="serve-icon">⚙️</span>
      <div class="serve-title">Engineers</div>
      <div class="serve-desc">Coordinate structural and MEP models with architectural BIM to eliminate clashes and reduce costly RFIs during construction.</div>
    </div>
  </div>
</section>

<section id="process">
  <div class="reveal" style="text-align:center">
    <div class="section-eyebrow" style="justify-content:center"><div class="eyebrow-line"></div><span>How We Work</span><div class="eyebrow-line"></div></div>
    <h2 class="section-title">Our <em>Process</em></h2>
  </div>
  <div class="process-steps">
    <div class="process-step reveal">
      <div class="step-num">01</div>
      <div class="step-title">Assessment</div>
      <p class="step-desc">We audit your current workflows, tools, and team capabilities to identify gaps and opportunities for BIM improvement.</p>
    </div>
    <div class="process-step reveal" style="transition-delay:0.1s">
      <div class="step-num">02</div>
      <div class="step-title">Strategy</div>
      <p class="step-desc">A custom BIM Execution Plan and implementation roadmap is developed, defining milestones, responsibilities, and success metrics.</p>
    </div>
    <div class="process-step reveal" style="transition-delay:0.2s">
      <div class="step-num">03</div>
      <div class="step-title">Implementation</div>
      <p class="step-desc">We set up workflows, create templates and standards, and guide your team through hands-on training sessions.</p>
    </div>
    <div class="process-step reveal" style="transition-delay:0.3s">
      <div class="step-num">04</div>
      <div class="step-title">Support</div>
      <p class="step-desc">Ongoing consultation and support as your team scales and takes on more complex BIM-enabled projects.</p>
    </div>
  </div>
</section>

<section id="faq">
  <div class="reveal">
    <div class="section-eyebrow"><div class="eyebrow-line"></div><span>Questions</span></div>
    <h2 class="section-title">Frequently <em>Asked</em></h2>
  </div>
  <div class="faq-list">
    <div class="faq-item">
      <div class="faq-question">What is BIM and why do I need it? <span class="faq-arrow">▾</span></div>
      <div class="faq-answer"><p>BIM (Building Information Modeling) is the process of creating and managing digital representations of your building. It reduces design errors, improves coordination, and saves cost during construction and operations.</p></div>
    </div>
    <div class="faq-item">
      <div class="faq-question">How long does a BIM consulting engagement take? <span class="faq-arrow">▾</span></div>
      <div class="faq-answer"><p>It depends on your organization's size and complexity. A basic workflow setup and training can be completed in 2–4 weeks, while full BIM transformation for a larger firm may take 3–6 months with ongoing support.</p></div>
    </div>
    <div class="faq-item">
      <div class="faq-question">Do you offer training for Revit and other BIM software? <span class="faq-arrow">▾</span></div>
      <div class="faq-answer"><p>Yes. We offer practical, project-focused training for Revit, ArchiCAD, Navisworks, and related tools. Training is tailored to your team's existing skill level and your project requirements.</p></div>
    </div>
    <div class="faq-item">
      <div class="faq-question">Can you help with a single project, or only firm-wide adoption? <span class="faq-arrow">▾</span></div>
      <div class="faq-answer"><p>Both. We can assist with BIM setup and delivery for a single project, or help your entire organization build a long-term BIM capability. We tailor our scope to exactly what you need.</p></div>
    </div>
    <div class="faq-item">
      <div class="faq-question">What does a BIM Execution Plan (BEP) include? <span class="faq-arrow">▾</span></div>
      <div class="faq-answer"><p>A BEP defines BIM goals, team responsibilities, software and file formats, Level of Development (LOD) requirements, data exchange protocols, and quality control procedures for your project.</p></div>
    </div>
  </div>
</section>

<section id="cta">
  <h2 class="cta-title reveal">Ready to <em>Transform</em><br>Your BIM Workflow?</h2>
  <p class="cta-desc reveal">Let us build a custom BIM strategy that fits your team, your projects, and your goals. Consultation is free.</p>
  <div class="cta-btns reveal">
    <a href="index.html#contact" class="btn-primary">Book Free Consultation</a>
    <a href="https://wa.me/919884863422" class="btn-secondary">💬 WhatsApp Us</a>
  </div>
</section>

<footer>
  <div class="footer-grid">
    <div class="footer-brand">
      <a href="index.html" class="logo"><div class="logo-icon">BIM</div><div class="logo-text"><span>MCloud</span><span>BIM Consultant</span></div></a>
      <p class="footer-tagline">Professional BIM services for residential and commercial projects. Building the future with precision.</p>
      <div class="footer-social">
        <a href="https://wa.me/919884863422" class="social-btn">💬</a>
        <a href="#" class="social-btn">📸</a>
        <a href="#" class="social-btn">▶</a>
      </div>
    </div>
    <div class="footer-col"><h4>Services</h4>
      <ul class="footer-links">
        <li><a href="service-3d-design.html">3D Design</a></li>
        <li><a href="service-construction.html">Construction Design</a></li>
        <li><a href="service-consulting.html">BIM Consulting</a></li>
      </ul>
    </div>
    <div class="footer-col"><h4>Navigation</h4>
      <ul class="footer-links">
        <li><a href="index.html">Home</a></li>
        <li><a href="index.html#projects">Projects</a></li>
        <li><a href="index.html#about">About</a></li>
        <li><a href="index.html#contact">Contact</a></li>
      </ul>
    </div>
    <div class="footer-col"><h4>Contact</h4>
      <div class="footer-contact-item"><span>📍</span><span>Olaiyur, Trichy – 620021</span></div>
      <div class="footer-contact-item"><span>📞</span><span>+91 98848 63422</span></div>
      <div class="footer-contact-item"><span>🌐</span><span>mcloudbim.com</span></div>
    </div>
  </div>
  <div class="footer-bottom">
    <p>© 2025 <span>MCloud BIM Consultant</span>. All rights reserved.</p>
    <p>Designed with <span>♦</span> in Trichy, Tamil Nadu</p>
  </div>
</footer>

// FAQ accordion
  document.querySelectorAll('.faq-question').forEach(q => {
    q.addEventListener('click', () => {
      const item = q.parentElement;
      const isOpen = item.classList.contains('open');
      document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));
      if (!isOpen) item.classList.add('open');
    });
  });
</script>
</body>
</html>

Batal

⬅ Naik ke public_html 9 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁.well-known	dir	—	2026-03-28 07:48	📂 Buka
📁Mcloud	dir	—	2026-03-12 11:36	📂 Buka
📁cgi-bin	dir	—	2026-03-28 07:47	📂 Buka
📁images	dir	—	2026-03-14 08:10	📂 Buka
📁shop	dir	—	2026-07-17 08:07	📂 Buka
🌐index.html	html	36.9 KB	2026-03-14 08:21	✏️ Edit 👁️ View
🌐service-3d-design.html	html	28 KB	2026-03-11 10:02	✏️ Edit 👁️ View
🌐service-construction.html	html	29.1 KB	2026-03-11 10:02	✏️ Edit 👁️ View
🌐service-consulting.html	html	31.3 KB	2026-03-11 10:03	✏️ Edit 👁️ View