<?php require_once('includes/cmain.inc.php');?>

<?php include('header.php');?>

    <main>
        
    <section class="manufacturing-section">

  <div class="manufacturing-container">

    <!-- LEFT -->
    <div class="left-content">

      <h2 class="manufacturing-title">
        Transform Your Product
        <br>
        Idea Into <span>Production</span>
      </h2>

      <!-- CARD -->
      <div class="feature-card">

        <div class="feature-icon">
          🔒
        </div>

        <div>
          <h3 class="feature-title">
            Product Development
          </h3>

          <p class="feature-text">
            Invent MFG helps transform your concepts into scalable,
            production-ready products with expert engineering support.
          </p>
        </div>

      </div>

      <!-- CARD -->
      <div class="feature-card">

        <div class="feature-icon">
          ✔
        </div>

        <div>
          <h3 class="feature-title">
            Scalable Manufacturing
          </h3>

          <p class="feature-text">
            From prototypes to full production, we provide reliable
            manufacturing solutions for startups and growing businesses.
          </p>
        </div>

      </div>

      <!-- CARD -->
      <div class="feature-card">

        <div class="feature-icon">
          ★
        </div>

        <div>
          <h3 class="feature-title">
            Premium Quality Assurance
          </h3>

          <p class="feature-text">
            Every product is carefully tested and optimized to meet quality,
            performance, and production standards.
          </p>
        </div>

      </div>

    </div>

    <!-- RIGHT -->
    <div class="form-box">

      <h3 class="form-title">
        Start Your
        <br>
        Manufacturing Project
      </h3>

      <form>

        <div class="form-group">
          <input type="text" placeholder="First Name" class="form-control">
        </div>

        <div class="form-group">
          <input type="text" placeholder="Last Name" class="form-control">
        </div>

        <div class="form-group">
          <input type="email" placeholder="Email" class="form-control">
        </div>

        <div class="form-group">
          <input type="text" placeholder="Phone Number" class="form-control">
        </div>

        <div class="form-group">
          <input type="text" placeholder="Business Name" class="form-control">
        </div>

        <div class="form-group">
          <select class="form-control">
            <option>United States</option>
            <option>Canada</option>
            <option>United Kingdom</option>
          </select>
        </div>

        <button class="form-btn">
          Request Free Consultation
        </button>

      </form>

      <p class="form-note">
        By submitting your information, you agree to be contacted by Invent MFG regarding your manufacturing inquiry.
      </p>

    </div>

  </div>

</section>   
        
        <style>
            .manufacturing-section {
  background: #f5f7fb;
  padding: 100px 0;
}

.manufacturing-container {
  width: 90%;
  max-width: 1300px;
  margin: auto;

  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: space-between;
}

.left-content {
  flex: 1;
}

.manufacturing-title {
  font-size: 55px;
  line-height: 65px;
  font-weight: 700;
  color: #111;

  margin-bottom: 40px;
}

.manufacturing-title span {
  color: #0057ff;
}

.feature-card {
  background: white;
  border: 1px solid #ddd;
  border-radius: 18px;

  padding: 28px;

  display: flex;
  gap: 20px;
  align-items: flex-start;

  margin-bottom: 20px;

  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.feature-icon {
  width: 60px;
  height: 60px;

  background: #ff9800;
  color: white;

  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 28px;

  flex-shrink: 0;
}

.feature-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #111;
}

.feature-text {
  font-size: 16px;
  line-height: 28px;
  color: #666;
}

/* FORM */

.form-box {
  width: 380px;

  background: #0c4b8e;
  border-radius: 20px;

  padding: 40px 30px;
}

.form-title {
  color: white;
  text-align: center;

  font-size: 34px;
  line-height: 42px;

  margin-bottom: 30px;
}

.form-group {
  margin-bottom: 15px;
}

.form-control {
  width: 100%;
  height: 50px;

  border: none;
  border-radius: 4px;

  padding: 0 15px;

  font-size: 15px;
}

.form-btn {
  width: 100%;
  height: 52px;

  border: none;
  border-radius: 4px;

  background: #ff9800;
  color: white;

  font-size: 18px;
  font-weight: 600;

  cursor: pointer;
}

.form-note {
  color: rgba(255,255,255,0.75);

  font-size: 11px;
  line-height: 18px;

  margin-top: 15px;
}

/* MOBILE */

@media(max-width: 991px){

  .manufacturing-container{
    flex-direction: column;
  }

  .form-box{
    width: 100%;
  }

  .manufacturing-title{
    font-size: 40px;
    line-height: 50px;
  }

}
        </style>
        
        
        
        
        <!---->
        <!---->
        <!---->
        
        <section class="simple-content-section">

  <div class="simple-container">

    <span class="section-tag">
      WHY INVENT MFG
    </span>

    <h2 class="section-title">
      End-to-End Manufacturing Solutions
      for Modern Businesses
    </h2>

    <p class="section-text">
      Invent MFG specializes in transforming innovative ideas into
      production-ready products through expert engineering,
      scalable manufacturing, and reliable product development solutions.
    </p>

    <p class="section-text">
      From concept design and prototyping to packaging and quality
      assurance, we help startups and growing brands build products
      that are ready for the market.
    </p>

    <p class="section-text">
      Our team focuses on precision, innovation, and efficiency to
      ensure every product meets high industry standards while
      supporting scalable business growth.
    </p>

  </div>

</section>
        
        
        
        
        <style>
            .simple-content-section{
  padding: 100px 0;
  background: #fff;
}

.simple-container{
  width: 90%;
  max-width:auto;
  margin: auto;
  text-align: justify;
}

.section-tag{
  display: inline-block;

  padding: 10px 18px;

  background: rgba(78,107,255,0.1);
  color: #4e6bff;

  border-radius: 50px;

  font-size: 14px;
  font-weight: 600;

  margin-bottom: 25px;
}

.section-title{
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;

  color: #111;

  margin-bottom: 30px;
}

.section-text{
  font-size: 18px;
  line-height: 34px;

  color: #666;

  margin-bottom: 25px;
}

@media(max-width:768px){

  .section-title{
    font-size: 36px;
    line-height: 46px;
  }

  .section-text{
    font-size: 16px;
    line-height: 30px;
  }

}
        </style>
        
        
        
        <!-- ===== Services Start ===== -->
      <section class="lj tp kr">
        <!-- Section Title Start -->
        <div
          x-data="{ sectionTitle: `End-to-End Product Development & Manufacturing Services`, sectionTitleText: `We help startups, inventors, and businesses transform ideas into production-ready products with complete design, engineering, tooling, and manufacturing support.`}"
        >
          <div class="animate_top bb ze rj ki xn vq">
    <h2
            x-text="sectionTitle"
            class="fk vj pr kk wm on/5 gq/2 bb _b"
    >
    </h2>
    <p class="bb on/5 wo/5 hq" x-text="sectionTitleText"></p>
</div>


        </div>
        <!-- Section Title End -->

       <div class="bb ze ki xn yq mb en">
  <div class="wc qf pn xo ng">

    <!-- Service Item -->
    <div class="animate_top sg oi pi zq ml il am cn _m">
      <i class="bi bi-lightbulb" style="font-size:40px;color:#4A6CF7;"></i>

      <h4 class="ek zj kk wm nb _b">
        Product Design & Concept Analysis
      </h4>

      <p>
        We analyze product ideas and create optimized concepts for efficient manufacturing.
      </p>
    </div>

    <!-- Service Item -->
    <div class="animate_top sg oi pi zq ml il am cn _m">
      <i class="bi bi-badge-3d" style="font-size:40px;color:#4A6CF7;"></i>

      <h4 class="ek zj kk wm nb _b">
        2D & 3D Design Development
      </h4>

      <p>
        Professional CAD modeling and engineering design support for product development.
      </p>
    </div>

    <!-- Service Item -->
    <div class="animate_top sg oi pi zq ml il am cn _m">
      <i class="bi bi-box-seam" style="font-size:40px;color:#4A6CF7;"></i>

      <h4 class="ek zj kk wm nb _b">
        Material Selection
      </h4>

      <p>
        Expert material selection based on durability, cost, and product application.
      </p>
    </div>

    <!-- Service Item -->
    <div class="animate_top sg oi pi zq ml il am cn _m">
      <i class="bi bi-tools" style="font-size:40px;color:#4A6CF7;"></i>

      <h4 class="ek zj kk wm nb _b">
        Mold Design
      </h4>

      <p>
        Precision mold design solutions for industrial and plastic component manufacturing.
      </p>
    </div>

    <!-- Service Item -->
    <div class="animate_top sg oi pi zq ml il am cn _m">
      <i class="bi bi-gear-wide-connected" style="font-size:40px;color:#4A6CF7;"></i>

      <h4 class="ek zj kk wm nb _b">
        Mold Manufacturing
      </h4>

      <p>
        High-quality mold manufacturing with accurate tooling and finishing support.
      </p>
    </div>

    <!-- Service Item -->
    <div class="animate_top sg oi pi zq ml il am cn _m">
      <i class="bi bi-building-gear" style="font-size:40px;color:#4A6CF7;"></i>

      <h4 class="ek zj kk wm nb _b">
        Production Support
      </h4>

      <p>
        Prototype development and complete production support from sample to mass manufacturing.
      </p>
    </div>

  </div>
</div>
      </section>
      <!-- ===== Services End ===== -->  
        
        
        
        
        
        
        
        
         <!-- ===== Contact Start ===== -->
      <section id="support" class="i pg fh rm ji gp uq">
        <!-- Bg Shapes -->
        <img src="images/shape-06.svg" alt="Shape" class="h aa y" />
        <img src="images/shape-03.svg" alt="Shape" class="h ca u" />
        <img src="images/shape-07.svg" alt="Shape" class="h w da ee" />
        <img src="images/shape-12.svg" alt="Shape" class="h p s" />
        <img src="images/shape-13.svg" alt="Shape" class="h r q" />

        <!-- Section Title Start -->
        <div
          x-data="{ sectionTitle: `Let’s Stay Connected`, sectionTitleText: `It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using.`}"
        >
          <div class="animate_top bb ze rj ki xn vq">
    <h2
            x-text="sectionTitle"
            class="fk vj pr kk wm on/5 gq/2 bb _b"
    >
    </h2>
    <p class="bb on/5 wo/5 hq" x-text="sectionTitleText"></p>
</div>


        </div>
        <!-- Section Title End -->

        <div class="i va bb ye ki xn wq jb mo">
          <div class="tc uf sn tf rn un zf xl:gap-10">
            <div class="animate_top w-full mn/5 to/3 vk sg hh sm yh rq i pg">
              <!-- Bg Shapes -->
              <img src="images/shape-03.svg" alt="Shape" class="h la x wd" />
              <img src="images/shape-06.svg" alt="Shape" class="h la ma ne kf" />

              <div class="fb">
                <h4 class="wj kk wm cc">Email Address</h4>
                <p><a href="#">support@startup.com</a></p>
              </div>
              <div class="fb">
                <h4 class="wj kk wm cc">Office Location</h4>
                <p>76/A, Green valle, Califonia USA.</p>
              </div>
              <div class="fb">
                <h4 class="wj kk wm cc">Phone Number</h4>
                <p><a href="#">+009 8754 3433 223</a></p>
              </div>
              <div class="fb">
                <h4 class="wj kk wm cc">Skype Email</h4>
                <p><a href="#">example@yourmail.com</a></p>
              </div>

              <span class="rc nd rh tm lc fb"></span>

              <div>
                <h4 class="wj kk wm qb">Social Media</h4>
                <ul class="tc wf fg">
                  <li>
                    <a href="#" class="c tc wf xf ie ld rg ml il tl">
                      <svg class="th lm ml il" width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                          d="M6.83366 11.3752H9.12533L10.042 7.7085H6.83366V5.87516C6.83366 4.931 6.83366 4.04183 8.667 4.04183H10.042V0.96183C9.74316 0.922413 8.61475 0.833496 7.42308 0.833496C4.93433 0.833496 3.16699 2.35241 3.16699 5.14183V7.7085H0.416992V11.3752H3.16699V19.1668H6.83366V11.3752Z"
                          fill=""
                        />
                      </svg>
                    </a>
                  </li>
                  <li>
                    <a href="#" class="c tc wf xf ie ld rg ml il tl">
                      <svg class="th lm ml il" width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                          d="M19.3153 2.18484C18.6155 2.4944 17.8733 2.6977 17.1134 2.78801C17.9144 2.30899 18.5138 1.55511 18.8001 0.666844C18.0484 1.11418 17.2244 1.42768 16.3654 1.59726C15.7885 0.979958 15.0238 0.57056 14.1901 0.432713C13.3565 0.294866 12.5007 0.436294 11.7558 0.835009C11.0108 1.23372 10.4185 1.86739 10.0708 2.63749C9.72313 3.40759 9.63963 4.27098 9.83327 5.09343C8.30896 5.01703 6.81775 4.62091 5.45645 3.93079C4.09516 3.24067 2.89423 2.27197 1.93161 1.08759C1.59088 1.67284 1.41182 2.33814 1.41278 3.01534C1.41278 4.34451 2.08928 5.51876 3.11778 6.20626C2.50912 6.1871 1.91386 6.02273 1.38161 5.72685V5.77451C1.38179 6.65974 1.68811 7.51766 2.24864 8.20282C2.80916 8.88797 3.58938 9.3582 4.45703 9.53376C3.89201 9.68688 3.29956 9.70945 2.72453 9.59976C2.96915 10.3617 3.44595 11.0281 4.08815 11.5056C4.73035 11.9831 5.50581 12.2478 6.30594 12.2627C5.51072 12.8872 4.60019 13.3489 3.62642 13.6213C2.65264 13.8938 1.63473 13.9716 0.630859 13.8503C2.38325 14.9773 4.4232 15.5756 6.50669 15.5737C13.5586 15.5737 17.415 9.73176 17.415 4.66535C17.415 4.50035 17.4104 4.33351 17.4031 4.17035C18.1537 3.62783 18.8016 2.95578 19.3162 2.18576L19.3153 2.18484Z"
                          fill=""
                        />
                      </svg>
                    </a>
                  </li>
                  <li>
                    <a href="#" class="c tc wf xf ie ld rg ml il tl">
                      <svg class="th lm ml il" width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                          d="M4.36198 2.58327C4.36174 3.0695 4.16835 3.53572 3.82436 3.87937C3.48037 4.22301 3.01396 4.41593 2.52773 4.41569C2.0415 4.41545 1.57528 4.22206 1.23164 3.87807C0.887991 3.53408 0.69507 3.06767 0.695313 2.58144C0.695556 2.09521 0.888943 1.62899 1.23293 1.28535C1.57692 0.941701 2.04333 0.748781 2.52956 0.749024C3.01579 0.749267 3.48201 0.942654 3.82566 1.28664C4.1693 1.63063 4.36222 2.09704 4.36198 2.58327ZM4.41698 5.77327H0.750313V17.2499H4.41698V5.77327ZM10.2103 5.77327H6.56198V17.2499H10.1736V11.2274C10.1736 7.87244 14.5461 7.56077 14.5461 11.2274V17.2499H18.167V9.98077C18.167 4.32494 11.6953 4.53577 10.1736 7.31327L10.2103 5.77327Z"
                          fill=""
                        />
                      </svg>
                    </a>
                  </li>
                  <li>
                    <a href="#" class="c tc wf xf ie ld rg ml il tl">
                      <svg class="th lm ml il" width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                          d="M6.82308 0.904297C7.40883 0.904297 7.95058 0.95013 8.44558 1.0858C8.89476 1.16834 9.32351 1.33772 9.70783 1.58446C10.069 1.81088 10.3394 2.12896 10.5191 2.53688C10.6997 2.9448 10.7895 3.44438 10.7895 3.98796C10.7895 4.62321 10.6547 5.1668 10.3394 5.57471C10.069 5.98355 9.61799 6.34563 9.07716 6.61788C9.84349 6.84521 10.4292 7.25313 10.7895 7.79672C11.1507 8.34122 11.3762 9.02138 11.3762 9.7923C11.3762 10.4275 11.2405 10.9711 11.015 11.4249C10.7895 11.8786 10.4292 12.2865 10.0232 12.5588C9.58205 12.8506 9.09443 13.0651 8.58124 13.1931C8.04041 13.3297 7.49958 13.4205 6.95874 13.4205H0.916992V0.904297H6.82308ZM6.46191 5.98263C6.95783 5.98263 7.36391 5.84696 7.67924 5.62055C7.99458 5.39413 8.13024 4.9853 8.13024 4.48663C8.13024 4.21438 8.08441 3.94213 7.99458 3.76155C7.90474 3.58005 7.76908 3.44346 7.58941 3.3078C7.40883 3.21705 7.22824 3.1263 7.00274 3.08138C6.77724 3.03555 6.55266 3.03555 6.28133 3.03555H3.66699V5.98355H6.46283L6.46191 5.98263ZM6.59758 11.3341C6.86799 11.3341 7.13841 11.2883 7.36391 11.2434C7.59159 11.2001 7.80692 11.1071 7.99458 10.9711C8.17826 10.8384 8.33193 10.6685 8.44558 10.4725C8.53541 10.246 8.62616 9.9738 8.62616 9.65663C8.62616 9.02138 8.44558 8.56763 8.08533 8.25046C7.72416 7.97822 7.22824 7.84255 6.64249 7.84255H3.66699V11.335H6.59758V11.3341ZM15.2986 11.2883C15.6588 11.6513 16.1997 11.8328 16.9211 11.8328C17.417 11.8328 17.868 11.6971 18.2282 11.4707C18.5894 11.1985 18.8149 10.9262 18.9047 10.654H21.1139C20.7527 11.742 20.2119 12.513 19.4914 13.0116C18.7691 13.4654 17.9129 13.7376 16.8762 13.7376C16.2128 13.7396 15.5551 13.6165 14.9374 13.3746C14.3816 13.1661 13.886 12.8235 13.4946 12.3773C13.0759 11.9598 12.7665 11.4457 12.5935 10.8804C12.368 10.291 12.2772 9.65663 12.2772 8.93063C12.2772 8.25047 12.368 7.61613 12.5935 7.0258C12.8103 6.45755 13.1311 5.93468 13.5395 5.48396C13.9456 5.07605 14.4415 4.71396 14.9823 4.48663C15.5843 4.24469 16.2274 4.12143 16.8762 4.12363C17.6425 4.12363 18.319 4.26021 18.9047 4.57738C19.4914 4.89455 19.9415 5.25755 20.3027 5.80205C20.6711 6.32503 20.9456 6.90819 21.1139 7.52538C21.2037 8.15972 21.2487 8.79497 21.2037 9.52005H14.667C14.667 10.246 14.9374 10.9262 15.2986 11.2892V11.2883ZM18.1384 6.52713C17.8231 6.20996 17.3272 6.02846 16.7405 6.02846C16.3353 6.02846 16.0191 6.11922 15.7487 6.25488C15.4782 6.39147 15.2986 6.57297 15.118 6.75447C14.952 6.92978 14.8422 7.15067 14.8027 7.3888C14.7568 7.61613 14.7119 7.79672 14.7119 7.97822H18.7691C18.6792 7.29805 18.4537 6.84522 18.1384 6.52713ZM14.1711 1.76596H19.2201V2.99063H14.172V1.76596H14.1711Z"
                          fill=""
                        />
                      </svg>
                    </a>
                  </li>
                </ul>
              </div>
            </div>

            <div class="animate_top w-full nn/5 vo/3 vk sg hh sm yh tq">
              <form action="https://formbold.com/s/unique_form_id" method="POST">
                <div class="tc sf yo ap zf ep qb">
                  <div class="vd to/2">
                    <label class="rc ac" for="fullname">Full name</label>
                    <input
                      type="text"
                      name="fullname"
                      id="fullname"
                      placeholder="Devid Wonder"
                      class="vd ph sg zk xm _g ch pm hm dm dn em pl/50 xi mi"
                    />
                  </div>

                  <div class="vd to/2">
                    <label class="rc ac" for="email">Email address</label>
                    <input
                      type="email"
                      name="email"
                      id="email"
                      placeholder="example@gmail.com"
                      class="vd ph sg zk xm _g ch pm hm dm dn em pl/50 xi mi"
                    />
                  </div>
                </div>

                <div class="tc sf yo ap zf ep qb">
                  <div class="vd to/2">
                    <label class="rc ac" for="phone">Phone number</label>
                    <input
                      type="text"
                      name="phone"
                      id="phone"
                      placeholder="+009 3342 3432"
                      class="vd ph sg zk xm _g ch pm hm dm dn em pl/50 xi mi"
                    />
                  </div>

                  <div class="vd to/2">
                    <label class="rc ac" for="subject">Subject</label>
                    <input
                      type="text"
                      for="subject"
                      id="subject"
                      placeholder="Type your subject"
                      class="vd ph sg zk xm _g ch pm hm dm dn em pl/50 xi mi"
                    />
                  </div>
                </div>

                <div class="fb">
                  <label class="rc ac" for="message">Message</label>
                  <textarea
                    placeholder="Message"
                    rows="4"
                    name="message"
                    id="message"
                    class="vd ph sg zk xm _g ch pm hm dm dn em pl/50 ci"
                  ></textarea>
                </div>

                <div class="tc xf">
                  <button class="vc rg lk gh ml il hi gi _l">Send Message</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </section>
      <!-- ===== Contact End ===== -->
        
        
        
        
 

      <!-- ===== CTA Start ===== -->
      <section class="i pg gh ji">
  <!-- Bg Shape -->
  <img class="h p q" src="images/shape-16.svg" alt="Bg Shape" />

  <div class="bb ye i z-10 ki xn dr">
    <div class="tc uf sn tn un gg">
    <div class="animate_left to/2">
  <h2 class="fk vj zp pr lk ac">
    Trusted Manufacturing Partner for Startups & Growing Brands.
  </h2>

  <p class="lk">
    Invent MFG helps businesses transform innovative ideas into high-quality,
    production-ready products through expert product development,
    scalable manufacturing, and reliable production solutions.
  </p>
</div>
      <div class="animate_right bf">
        <a href="#" class="vc ek kk hh rg ol il cm gi hi">
            Get Started Now
        </a>
      </div>
    </div>
  </div>
</section>

      <!-- ===== CTA End ===== -->
    </main>
<?php include('footer.php');?>
