<?php include 'include/head.php'; ?>
<?php include 'include/header.php'; ?>



<div class="bg">
	<section class="banner">
		<div class="container">
			<div class="content text-center">
				<img src="images/case-study.png">
				<div class="position-relative">
					<h1>world-class design <br>for AI & tech startups</h1>
					<span>code & Brands</span>
				</div>
				<h6>We help founders ship faster, convert better, and raise more.</h6>
				<div class="d-flex justify-content-center align-items-center">
					<a href="">Book an intro call</a>
					<a href="">©2024 work</a>
				</div>
				<p>Trusted by funded startups and tech giants alike</p>
			</div>
		</div>
	</section>


	<section class="brand-slider">
		<div class="container">
			<div class="brands-logo-main">
				<div class="brand-logo">
					<div>
						<img src="images/brand1.svg">
					</div>
					<div>
						<img src="images/brand2.svg">
					</div>
					<div>
						<img src="images/brand3.svg">
					</div>
					<div>
						<img src="images/brand4.svg">
					</div>
					<div>
						<img src="images/brand5.svg">
					</div>
					<div>
						<img src="images/brand6.svg">
					</div>
					<div>
						<img src="images/brand7.svg">
					</div>
					<div>
						<img src="images/brand8.svg">
					</div>
					<div>
						<img src="images/brand1.svg">
					</div>
				</div>
			</div>
		</div>
	</section>
</div>


<section class="home-section-two">
	<div class="container">
		<div class="row">
			<div class="col-md-6">
				<div class="img position-relative">
					<img src="images/blue-spectrum.svg">
					<img class="duplicate-img" src="images/blue-spectrum.svg">
					</svg>
				</div>
			</div>

			<div class="col-md-6">
				<div class="text">
					<h2>Each project crafted by our adept team converges at the crossroads of design and technology, bringing the future into the present – today.</h2>
					<p>We have over 175 projects under our belt, we’ve meticulously analyzed user behavior patterns. This scrutiny has empowered us to optimize solutions for our clients, ensuring maximum efficiency in addressing their needs.</p>
				</div>
			</div>

		</div>
	</div>
</section>




<section class="home-section-three">
	<div class="container-fluid">
		<div class="title repeated-title">
			<h3>Having a great idea isn't enough anymore.</h3>
		</div>
	</div>
	<div class="content border-top">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-4">
					<div class="inner position-relative">
						<img src="images/great-idea-icon1.svg">
						<h4>Conversion-first design</h4>
						<p>Every pixel is strategically designed to turn visitors into customers. Our focus isn't just on the great looks, but on improving your KPIs.</p>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner position-relative">
						<img src="images/great-idea-icon2.svg">
						<h4>Dedicated focus</h4>
						<p>We are a team, not an "agency" ran by a solo freelancer. Your project deserves full attention, not whatever's left after juggling 20 others.</p>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner position-relative">
						<img src="images/great-idea-icon3.svg">
						<h4>Beautiful animations</h4>
						<p>We use a powerful combination of Rive and no-code to engage your users with fluid animations that enhance the experience.</p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="content border-bottom">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-4">
					<div class="inner position-relative">
						<img src="images/great-idea-icon4.svg">
						<h4>Industry experience</h4>
						<p>From MVP to IPO, we design success, convincing investors and crushing your competition. Your tech deserves the best.</p>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner position-relative">
						<img src="images/great-idea-icon5.svg">
						<h4>Growth-focused approach</h4>
						<p>Our clients see an average 40% increase in conversions and have secured over $100M in funding after working with us.</p>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner position-relative">
						<img src="images/great-idea-icon6.svg">
						<h4>Rapid pace</h4>
						<p>We turn 'meh' into 'holy sh*t' in 90 days or less. Elevate your brand and user experience to match the quality of your technology.</p>
					</div>
				</div>
			</div>
		</div>
	</div>

</section>



<section class="home-section-four">
	<div class="container-fluid">
		<div class="repeated-title title d-flex justify-content-between">
			<h3>SERVICES</h3>
			<div class="viewall d-flex align-items-center">
				<a href="">
					<span><i class="fa-solid fa-eye"></i></span>
					<h6>View all Services</h6>
				</a>
			</div>
		</div>
	</div>

	<div class="container-fluid">
		<div class="main-content">
			<div class="content heading">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-4">
							<div class="inner">
								<h4>Branding</h4>
								<figure>
									<video src="images/Ai.mp4" loop="" muted=""></video>
								</figure>
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner">
								<h4>Design</h4>
								<figure>
									<video src="images/Design (1).mp4" loop="" muted=""></video>
								</figure>
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner">
								<h4>Development</h4>
								<figure>
									<video src="images/Development.mp4" loop="" muted=""></video>
								</figure>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-center">
								<h6>Research</h6>
								<ul>
									<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href=""><img decoding="async" width="15" height="14" src="https://valmax.agency/wp-content/uploads/2024/01/Research.svg" class="attachment-full size-full lazyloaded" alt="Research - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/Research.svg" data-eio-rwidth="15" data-eio-rheight="14" data-original-title="Research  – Icon"></a> </li>
								</ul>
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-center">
								<h6>Web Design</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li>
												<a href=""><img decoding="async" width="16" height="16" src="https://valmax.agency/wp-content/uploads/2024/01/Web-design.svg" class="attachment-full size-full lazyloaded" alt="Web design - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/Web-design.svg" data-eio-rwidth="16" data-eio-rheight="16" data-original-title="Web design – Icon" title="Web design – Icon"></a>
											</li>
								</ul>
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-center">
								<h6>Corporate websites</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href=""><img decoding="async" width="15" height="11" src="https://valmax.agency/wp-content/uploads/2024/01/Corporate-websites.svg" class="attachment-full size-full lazyloaded" alt="Corporate websites - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/Corporate-websites.svg" data-eio-rwidth="15" data-eio-rheight="11" data-original-title="Corporate websites – Icon" title="Corporate websites – Icon"></a> </li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-center">
								<h6>Brand Strategy</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href=""><img decoding="async" width="15" height="14" src="https://valmax.agency/wp-content/uploads/2024/01/Brand-Strategy.svg" class="attachment-full size-full lazyloaded" alt="Brand Strategy - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/Brand-Strategy.svg" data-eio-rwidth="15" data-eio-rheight="14" data-original-title="Brand Strategy – Icon" title="Brand Strategy – Icon"></a> </li>
								</ul>
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
								<h6>UI/UX Design</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href=""><img decoding="async" width="16" height="14" src="https://valmax.agency/wp-content/uploads/2024/01/UIUX-Design.svg" class="attachment-full size-full lazyloaded" alt="UI/UX Design - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/UIUX-Design.svg" data-eio-rwidth="16" data-eio-rheight="14" data-original-title="UI/UX Design – Icon"></a> </li>
								</ul>
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
								<h6>WOW websites</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href="" ><img decoding="async" width="18" height="18" src="https://valmax.agency/wp-content/uploads/2024/01/WOW-websites.svg" class="attachment-full size-full lazyloaded" alt="WOW websites development - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/WOW-websites.svg" data-eio-rwidth="18" data-eio-rheight="18" data-original-title="WOW websites – Icon"></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
								<h6>Brand Indentity</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href=""><img decoding="async" width="12" height="10" src="https://valmax.agency/wp-content/uploads/2024/01/Brand-Indentity.svg" class="attachment-full size-full lazyloaded" alt="Brand Indentity - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/Brand-Indentity.svg" data-eio-rwidth="12" data-eio-rheight="10" data-original-title="Brand Indentity – Icon" title="Brand Indentity – Icon"></a> </li>
								</ul>
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
								<h6>Mobile Design</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href=""><img decoding="async" width="12" height="21" src="https://valmax.agency/wp-content/uploads/2024/01/Mobile-Design.svg" class="attachment-full size-full lazyloaded" alt="Mobile Design - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/Mobile-Design.svg" data-eio-rwidth="12" data-eio-rheight="21" data-original-title="Mobile Design – Icon"></a> </li>
								</ul>
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
								<h6>No-code websites</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href=""><img decoding="async" width="16" height="16" src="https://valmax.agency/wp-content/uploads/2024/11/multiple-alt-1-1.svg" class="attachment-full size-full lazyloaded" alt="No-code websites Development - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/11/multiple-alt-1-1.svg" data-eio-rwidth="16" data-eio-rheight="16" data-original-title="No-code websites Development – Icon" title="No-code websites Development – Icon"></a> </li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
								<h6>Graphic Design</h6>
								<ul><li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href=""><img decoding="async" width="13" height="13" src="https://valmax.agency/wp-content/uploads/2024/01/Graphic-Design.svg" class="attachment-full size-full ls-is-cached lazyloaded" alt="Graphic Design - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/Graphic-Design.svg" data-eio-rwidth="13" data-eio-rheight="13" data-original-title="Graphic Design – Icon" title="Graphic Design – Icon"></a> </li>
										</ul>
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
								<h6>eCommerce</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
												<li> <a href=""><img decoding="async" width="15" height="14" src="https://valmax.agency/wp-content/uploads/2024/01/eCommerce.svg" class="attachment-full size-full ls-is-cached lazyloaded" alt="eCommerce Development - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/eCommerce.svg" data-eio-rwidth="15" data-eio-rheight="14" data-original-title="eCommerce – Icon" title="eCommerce – Icon"></a> </li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
								<h6>Motion & 3D Design</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href=""><img decoding="async" width="12" height="13" src="https://valmax.agency/wp-content/uploads/2024/01/NFT-Design.svg" class="attachment-full size-full ls-is-cached lazyloaded" alt="Motion/3D Design - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/NFT-Design.svg" data-eio-rwidth="12" data-eio-rheight="13" data-original-title="Motion/3D Design – Icon" title="Motion/3D Design – Icon"></a> </li>
								</ul>
							</div>
						</div>
						<div class="col-md-4">
							<div class="inner padd justify-content-between align-items-centerinner">
								<h6>MVP for Startups</h6>
								<ul>
								<li> <a href=""> <img src="images/Layer-1.svg"> </a> </li>
											<li> <a href=""><img decoding="async" width="17" height="17" src="https://valmax.agency/wp-content/uploads/2024/01/MVP-for-Startups.svg" class="attachment-full size-full ls-is-cached lazyloaded" alt="MVP for Startups Development - Icon" data-src="https://valmax.agency/wp-content/uploads/2024/01/MVP-for-Startups.svg" data-eio-rwidth="17" data-eio-rheight="17" data-original-title="MVP for Startups – Icon" title="MVP for Startups – Icon"></a> </li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</section>



<section class="home-section-five">
	<div class="container-fluid p-0">
		<div class="repeated-title title d-flex justify-content-between">
			<h3>featured projects</h3>
			<div class="viewall d-flex align-items-center">
				<a href="">
					<span><i class="fa-solid fa-eye"></i></span>
					<h6>VIEW ALL CASE STUDIES</h6>
				</a>
			</div>
		</div>

		<div class="content">
			<div class="row">
				<div class="col-md-12">
					<div class="inner">
						<img src="images/jung.svg">
						<h6>Jung</h6>
						<h3>Longevity for the billions, not just billionaires</h3>
					</div>
				</div>

				<div class="col-md-6">
					<div class="inner">
						<img src="images/software-solution.svg">
						<h6>Dots</h6>
						<h3>Software solution</h3>
					</div>
				</div>

				<div class="col-md-6">
					<div class="inner">
						<img src="images/crypto-service.svg">
						<h6>Layer2 Financial</h6>
						<h3>Crypto service platform</h3>
					</div>
				</div>

				<div class="col-md-12">
					<div class="inner">
						<img src="images/vendo.svg">
						<h6>vendo</h6>
						<h3>One platform for all marketplace needs</h3>
					</div>
				</div>

				<div class="col-md-6">
					<div class="inner">
						<img src="images/waved.svg">
						<h6>Weave & Pitch</h6>
						<h3>Weaved everything</h3>
					</div>
				</div>

				<div class="col-md-6">
					<div class="inner">
						<img src="images/platform-progress.svg">
						<h6>hallo</h6>
						<h3>The platform of progress</h3>
					</div>
				</div>

			</div>
		</div>

	</div>
</section>



<section class="home-section-six">
	<div class="container-fluid">
		<div class="repeated-title title d-flex justify-content-between">
			<h3>INDUSTRIES</h3>
			<div class="viewall d-flex align-items-center">
				<a href="">
					<span><i class="fa-solid fa-eye"></i></span>
					<h6>VIEW ALL industries</h6>
				</a>
			</div>
		</div>
	</div>

	<div class="main-content">
		<div class="content">
			<div class="container-fluid">
				<div class="row justify-content-between align-items-center">
					<div class="col-md-6">
						<div class="d-flex">
							<div class="vid ">
							<video src="images/ml.mp4"></video>
							</div>
							<h3>AI & ML</h3>
						</div>
					</div>

					<div class="col-md-4">
						<div class="discover-btn">
							<a href="">Discover</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="content">
			<div class="container-fluid">
				<div class="row justify-content-between align-items-center">
					<div class="col-md-6">
						<div class="d-flex">
						<div class="vid ">
							<video src="images/Blockchain.mp4"></video>
							</div>
							<h3>Web 3.0</h3>
						</div>
					</div>

					<div class="col-md-4">
						<div class="discover-btn">
							<a href="">Discover</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="content">
			<div class="container-fluid">
				<div class="row justify-content-between align-items-center">
					<div class="col-md-6">
						<div class="d-flex">
						<div class="vid">
							<video src="images/Real_Estate.mp4"></video>
							</div>
							<h3>Real Estate</h3>
						</div>
					</div>

					<div class="col-md-4">
						<div class="discover-btn">
							<a href="">Discover</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="content">
			<div class="container-fluid">
				<div class="row justify-content-between align-items-center">
					<div class="col-md-6">
						<div class="d-flex">
						<div class="vid">
							<video src="images/e-Commerce.mp4"></video>
							</div>
							<h3>e-Commerce</h3>
						</div>
					</div>

					<div class="col-md-4">
						<div class="discover-btn">
							<a href="">Discover</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="content">
			<div class="container-fluid">
				<div class="row justify-content-between align-items-center">
					<div class="col-md-6">
						<div class="d-flex">
						<div class="vid">
							<video src="https://valmax.agency/wp-content/uploads/2024/07/Entertaiment.mp4"></video>
							</div>
							<h3>Media</h3>
						</div>
					</div>

					<div class="col-md-4">
						<div class="discover-btn">
							<a href="">Discover</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="content">
			<div class="container-fluid">
				<div class="row justify-content-between align-items-center">
					<div class="col-md-6">
						<div class="d-flex">
						<div class="vid">
							<video src="images/IT_Digital.mp4" loop="" muted="" preload="metadata"></video>
							
							</div>
							<h3>IT, Digital</h3>
						</div>
					</div>

					<div class="col-md-4">
						<div class="discover-btn">
							<a href="">Discover</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="content">
			<div class="container-fluid">
				<div class="row justify-content-between align-items-center">
					<div class="col-md-6">
						<div class="d-flex">
						<div class="vid">
							<video src="images/Ai.mp4"></video>
							</div>
							<h3>Startups</h3>
						</div>
					</div>

					<div class="col-md-4">
						<div class="discover-btn">
							<a href="">Discover</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="content">
			<div class="container-fluid">
				<div class="row justify-content-between align-items-center">
					<div class="col-md-6">
						<div class="d-flex">
						<div class="vid">
							<video src="images/Supply_chain.mp4"></video>
							</div>
							<h3>Logistic</h3>
						</div>
					</div>

					<div class="col-md-4">
						<div class="discover-btn">
							<a href="">Discover</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>



<section class="home-section-seven">
	<div class="container-fluid">
		<div class="repeated-title title d-flex justify-content-between">
			<h3>hear it from our clients</h3>
			<div class="viewall d-flex align-items-center">
				<a href="">
					<span><i class="fa-solid fa-eye"></i></span>
					<h6>VIEW ALL great reviews</h6>
				</a>
			</div>
		</div>

		<div class="content">
			<div class="row">
				<div class="col-md-4">
					<div class="inner">
						<div class="top d-flex justify-content-between align-items-center">
							<ul class="d-flex p-0 m-0">
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
							</ul>
							<img src="images/clutch-logo.svg">
						</div>
						<div class="middle">
							<p>“They understood our idea and gave us more feedback than expected. They did more than we asked them to do, which was excellent. Arounda produces excellent quality work.”</p>
						</div>
						<div class="bottom">
							<div class="d-flex align-items-center">
								<img src="images/review1.svg">
								<div>
									<h4>Kristen Cheng</h4>
									<h6>Founder & CEO, BehindTitles</h6>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner">
						<div class="top d-flex justify-content-between align-items-center">
							<ul class="d-flex p-0 m-0">
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
							</ul>
							<img src="images/clutch-logo.svg">
						</div>
						<div class="middle">
							<p>“Their expertise and guidance were instrumental.They demonstrated their commitment tocreating a product that resonated with our targetaudience, which led to improved usersatisfaction.”</p>
						</div>
						<div class="bottom">
							<div class="d-flex align-items-center">
								<img src="images/review2.svg">
								<div>
									<h4>Aetienne Sardon</h4>
									<h6>Founder, MYSO Finance</h6>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner">
						<div class="top d-flex justify-content-between align-items-center">
							<ul class="d-flex p-0 m-0">
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
							</ul>
							<img src="images/clutch-logo.svg">
						</div>
						<div class="middle">
							<p>“The process was something to be admired, they have a great idea of how to turn an idea into a visual product. They would also immediately make changes to any improvements we mentioned.”</p>
						</div>
						<div class="bottom">
							<div class="d-flex align-items-center">
								<img src="images/review3.svg">
								<div>
									<h4>Mohamed Shegow</h4>
									<h6>CEO, Sinta</h6>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner">
						<div class="top d-flex justify-content-between align-items-center">
							<ul class="d-flex p-0 m-0">
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
							</ul>
							<img src="images/clutch-logo.svg">
						</div>
						<div class="middle">
							<p>“We had a feeling that Arounda is not just a contract outsourcing team but part of our startup company. We had super close communication. ”</p>
						</div>
						<div class="bottom">
							<div class="d-flex align-items-center">
								<img src="images/review4.svg">
								<div>
									<h4>Kirill Onasenko</h4>
									<h6>CEO, VOXE</h6>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner">
						<div class="top d-flex justify-content-between align-items-center">
							<ul class="d-flex p-0 m-0">
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
							</ul>
							<img src="images/clutch-logo.svg">
						</div>
						<div class="middle">
							<p>“Their UI/UX design skills were very impressive. Modern, creative, and best in class plus they were intuitive and 'got what we wanted' without any hand-holding and minimal direction.”</p>
						</div>
						<div class="bottom">
							<div class="d-flex align-items-center">
								<img src="images/review5.svg">
								<div>
									<h4>Esme Guevara</h4>
									<h6>CMO & Head of Product, QTalent</h6>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner">
						<div class="top d-flex justify-content-between align-items-center">
							<ul class="d-flex p-0 m-0">
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
								<li><i class="fa-solid fa-star"></i></li>
							</ul>
							<img src="images/clutch-logo.svg">
						</div>
						<div class="middle">
							<p>“Throughout the entire project all I saw was sheer will to keep pushing forward and adapting to whatever the next request was. Terrific job and we couldn't have done it without you.”</p>
						</div>
						<div class="bottom">
							<div class="d-flex align-items-center">
								<img src="images/review6.svg">
								<div>
									<h4>Ola Olusoga</h4>
									<h6>Vice President, WordPress</h6>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
</section>





<section class="home-section-eight">
	<div class="container-fluid">
		<div class="repeated-title title d-flex justify-content-between">
			<h3>OUR THOUGHTS AND INSIGHTS</h3>
			<div class="viewall d-flex align-items-center">
				<a href="">
					<span><i class="fa-solid fa-globe"></i></span>
					<h6>Explore More Insights</h6>
				</a>
			</div>
		</div>

		<div class="content">
			<div class="row">
				<div class="col-md-4">
					<div class="inner">
						<div class="img">
							<img src="images/insight1.svg">
						</div>
						<div class="text">
							<div class="top d-flex justify-content-between">
								<ul class="d-flex align-items-center">
									<li>Product Design</li>
									<li>SaaS</li>
								</ul>
								<h5>February 4, 2025</h5>
							</div>
							<div class="middle">
								<h3>Web App Design Services: Everything you Should Know</h3>
							</div>
							<div class="bottom d-flex justify-content-between">
								<h5>By Zubair Ali, Co-founder & CEO</h5>
								<h6><i class="fa-regular fa-clock"></i>9 min read</h6>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner">
						<div class="img">
							<img src="images/insight2.svg">
						</div>
						<div class="text">
							<div class="top d-flex justify-content-between">
								<ul class="d-flex align-items-center">
									<li>Product Design</li>
									<li>Branding</li>
									<li>SaaS</li>
								</ul>
								<h5>January 16, 2025</h5>
							</div>
							<div class="middle">
								<h3>SaaS Branding: Everything You Should Know</h3>
							</div>
							<div class="bottom d-flex justify-content-between">
								<h5>By Zubair Ali, Co-founder & CEO</h5>
								<h6><i class="fa-regular fa-clock"></i>12 min read</h6>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-4">
					<div class="inner">
						<div class="img">
							<img src="images/insight3.svg">
						</div>
						<div class="text">
							<div class="top d-flex justify-content-between">
								<ul class="d-flex align-items-center">
									<li>Product Design</li>
								</ul>
								<h5>February 18, 2025</h5>
							</div>
							<div class="middle">
								<h3>CRM Design: 7 Best Practices</h3>
							</div>
							<div class="bottom d-flex justify-content-between">
								<h5>By Zubair Ali, Co-founder & CEO</h5>
								<h6><i class="fa-regular fa-clock"></i>7 min read</h6>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
</section>





<section class="home-section-nine">
	<div class="container-fluid">
		<div class="repeated-title title d-flex justify-content-between">
			<h3>CONTACT US</h3>
			<div class="viewall d-flex align-items-center">
				<a href="">
					<span><i class="fa-solid fa-globe"></i></span>
					<h6>Get a free consultation</h6>
				</a>
			</div>
		</div>

		<div class="content">
			<div class="row">
				<div class="col-md-6">
					<div class="text">
						<div class="position-relative">
							<h1>READY TO START THE PROJECT</h1>
							<span>& discuss</span>
						</div>
						<div class="custom-width">
							<a class="start-project" href="">Start project</a>
							<h6>or write on</h6>
							<div class="click-to-copy" onclick="copyEmail(this)">
								<h5>hello@Webenix.solutions</h5>
								<span><i class="fa-solid fa-copy"></i></span>
								<span id="copied">Copied</span>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-6">
					<div class="contact-us-form">
						<div class="forms-switch d-flex align-items-center">
							<button class="quote active">request a quote</button>
							<button class="call">book a call</button>
						</div>
						<div class="request-quote">
							<form>
								<label>Contact Information</label>
								<div class="row">
									<div class="col-md-6">
										<input type="text" name="" placeholder="Full name">
									</div>
									<div class="col-md-6">
										<input type="email" name="" placeholder="Business email">
									</div>
									<div class="col-md-12">
										<textarea placeholder="Tell us about your project"></textarea>
									</div>
								</div>
							</form>
							<div class="need-help-sec">
								<h4>what do you need help with?</h4>
								<div class="checkbox-container">
									<label class="checkbox-item">
										<input type="checkbox">
										<span class="custom-checkbox"></span>
										<span class="checkbox-label">Product Design</span>
									</label>

									<label class="checkbox-item">
										<input type="checkbox">
										<span class="custom-checkbox"></span>
										<span class="checkbox-label">Web Design</span>
									</label>

									<label class="checkbox-item">
										<input type="checkbox">
										<span class="custom-checkbox"></span>
										<span class="checkbox-label">Branding</span>
									</label>

									<label class="checkbox-item">
										<input type="checkbox">
										<span class="custom-checkbox"></span>
										<span class="checkbox-label">Development</span>
									</label>
								</div>
							</div>

							<div class="your-budget-sec">
								<h4>Your Budget</h4>
								<select>
									<option selected="">Select...</option>
									<option>1$</option>
									<option>2$</option>
									<option>3$</option>
								</select>
							</div>

							<button class="send-message" type="submit">Send Message</button>
							<p class="info">By clicking this button, you agree to the site's Privacy Policy and consent to the processing of your personal data.</p>
						</div>
						<div class="book-call" style="display:none;">
						<div class="calendar">
							<div class="header">
							<button id="prev">&#8592;</button>
							<h2 id="monthYear"></h2>
							<button id="next">&#8594;</button>
							</div>
							<div class="weekdays">
							<div>Sun</div><div>Mon</div><div>Tue</div><div>Wed</div>
							<div>Thu</div><div>Fri</div><div>Sat</div>
							</div>
							<div class="days" id="days"></div>
						</div>						
						</div>
					</div>
				</div>

			</div>
		</div>

	</div>
</section>
<script>
	const daysContainer = document.getElementById('days');
const monthYear = document.getElementById('monthYear');
const prevBtn = document.getElementById('prev');
const nextBtn = document.getElementById('next');

let date = new Date();

function renderCalendar() {
  const year = date.getFullYear();
  const month = date.getMonth();

  const firstDay = new Date(year, month, 1).getDay();
  const lastDate = new Date(year, month + 1, 0).getDate();

  monthYear.textContent = date.toLocaleDateString('en-US', {
    month: 'long',
    year: 'numeric'
  });

  daysContainer.innerHTML = '';

  for (let i = 0; i < firstDay; i++) {
    daysContainer.innerHTML += `<div></div>`;
  }

  for (let i = 1; i <= lastDate; i++) {
    daysContainer.innerHTML += `<div>${i}</div>`;
  }
}

prevBtn.addEventListener('click', () => {
  date.setMonth(date.getMonth() - 1);
  renderCalendar();
});

nextBtn.addEventListener('click', () => {
  date.setMonth(date.getMonth() + 1);
  renderCalendar();
});

renderCalendar();

</script>


<script>
    const quoteBtn = document.querySelector('.quote');
    const callBtn = document.querySelector('.call');
    const quoteDiv = document.querySelector('.request-quote');
    const callDiv = document.querySelector('.book-call');

    // Function to handle switching
    function switchTab(showDiv, hideDiv, activeBtn, inactiveBtn) {
        showDiv.style.display = 'block';
        hideDiv.style.display = 'none';

        activeBtn.classList.add('active');
        inactiveBtn.classList.remove('active');
    }

    // Event Listeners
    quoteBtn.addEventListener('click', () => {
        switchTab(quoteDiv, callDiv, quoteBtn, callBtn);
    });

    callBtn.addEventListener('click', () => {
        switchTab(callDiv, quoteDiv, callBtn, quoteBtn);
    });
</script>

<?php include 'include/footer.php'; ?>
<?php include 'include/script.php'; ?>