<div style="width: 1440px; height: 3068px; position: relative; background: white; overflow: hidden">

<div style="width: 1440px; left: 0px; top: 0px; position: absolute; background: rgba(121, 167, 193, 0.31); overflow: hidden; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex">

<div style="width: 1440px; padding-left: 100px; padding-right: 100px; padding-top: 32px; padding-bottom: 32px; background: rgba(4, 56, 115, 0); justify-content: space-between; align-items: center; display: inline-flex">

<div style="flex: 1 1 0; justify-content: center; align-items: center; gap: 20px; display: flex">

<div style="width: 366px; justify-content: center; align-items: center; gap: 10px; display: flex">

<div style="flex: 1 1 0; justify-content: center; align-items: center; gap: 16px; display: flex">

<img style="width: 24.21px; align-self: stretch; padding: 10px" src="https://placehold.co/24x39" />

<div style="color: #24323A; font-size: 32px; font-family: Montserrat; font-weight: 700; word-wrap: break-word">Aya Design Studios</div>

</div>

</div>

</div>

</div>

</div>

<div style="width: 1270px; height: 234px; left: 105px; top: 197px; position: absolute">

<div style="width: 1270px; left: 0px; top: 0px; position: absolute; text-align: center; color: black; font-size: 64px; font-family: Montserrat; font-weight: 400; word-wrap: break-word">Welcome to AYA Design Studios</div>

<div style="width: 1270px; left: 0px; top: 78px; position: absolute; color: black; font-size: 64px; font-family: Montserrat; font-weight: 400; word-wrap: break-word">Our Website is under construction but

 feel free to browse through our projects</div>

</div>

<div style="height: 76px; left: 182px; top: 508px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 38px; display: inline-flex">

<div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 116px; display: inline-flex">

<div style="justify-content: flex-start; align-items: center; gap: 40px; display: flex">

<div style="width: 344px; color: black; font-size: 32px; font-family: Montserrat; font-weight: 400; text-transform: uppercase; line-height: 23px; word-wrap: break-word">Stats</div>

<div style="justify-content: center; align-items: center; gap: 10px; display: flex">

<div style="width: 117px; text-align: center"><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 700; line-height: 38px; word-wrap: break-word">Presence<br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 300; line-height: 38px; word-wrap: break-word">06 years+</span></div>

</div>

</div>

<div style="justify-content: center; align-items: center; gap: 10px; display: flex">

<div style="text-align: center"><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 700; line-height: 38px; word-wrap: break-word">Projects<br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 300; line-height: 38px; word-wrap: break-word">50+</span></div>

</div>

<div style="text-align: center"><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 700; line-height: 38px; word-wrap: break-word">Services<br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 300; line-height: 38px; word-wrap: break-word">5</span></div>

</div>

</div>

<div style="width: 1136px; height: 114px; left: 182px; top: 615px; position: absolute; justify-content: flex-start; align-items: center; gap: 40px; display: inline-flex">

<div style="width: 344px; color: black; font-size: 32px; font-family: Montserrat; font-weight: 400; text-transform: uppercase; line-height: 23px; word-wrap: break-word">TEAM & LEADership</div>

<div style="flex: 1 1 0; color: black; font-size: 24px; font-family: Montserrat; font-weight: 300; line-height: 38px; word-wrap: break-word">We’re small set individuals driven by bold ideas and diverse perspectives. Craft, service, and efficiency drive us forward and we see our agency as a place for our shared values to collide.</div>

</div>

<div style="height: 23px; left: 182px; top: 1160px; position: absolute; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px; display: inline-flex">

<div style="width: 344px; color: black; font-size: 32px; font-family: Montserrat; font-weight: 400; text-transform: uppercase; line-height: 23px; word-wrap: break-word">OUR WORKs</div>

</div>

<div style="height: 23px; left: 182px; top: 2328px; position: absolute; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px; display: inline-flex">

<div style="width: 453px; color: black; font-size: 32px; font-family: Montserrat; font-weight: 400; text-transform: uppercase; line-height: 23px; word-wrap: break-word">OUR TRUSTED CLIENTS</div>

</div>

<div style="width: 1237px; height: 350px; left: 180px; top: 783px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 38px; display: inline-flex">

<div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 40px; display: inline-flex">

<div style="width: 344px; color: black; font-size: 32px; font-family: Montserrat; font-weight: 400; text-transform: uppercase; line-height: 38px; word-wrap: break-word">Capabilities</div>

<div style="flex: 1 1 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: inline-flex">

<div style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 700; line-height: 38px; word-wrap: break-word">Automotive Design</div>

<div style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 700; line-height: 38px; word-wrap: break-word">Product Design</div>

<div style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 700; line-height: 38px; word-wrap: break-word">Industrial Design</div>

<div style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 700; line-height: 38px; word-wrap: break-word">Space Design</div>

<div style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 700; line-height: 38px; word-wrap: break-word">Branding</div>

</div>

</div>

</div>

<div style="width: 1440px; height: 396px; left: 0px; top: 2772px; position: absolute; background: rgba(4, 56, 115, 0)">

<div style="width: 291px; height: 22px; left: 345px; top: -1281px; position: absolute"><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 600; word-wrap: break-word">Electric<br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 400; word-wrap: break-word">Scooter<br/></span></div>

<div style="width: 269px; height: 22px; left: 802px; top: -1281px; position: absolute"><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 600; word-wrap: break-word">Simpsons<br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 400; word-wrap: break-word">India’s first E- Tiller </span></div>

<div style="width: 276px; height: 21px; left: 345px; top: -929.67px; position: absolute"><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 600; word-wrap: break-word">Electric<br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 400; word-wrap: break-word">Superbike</span></div>

<div style="width: 311px; height: 22px; left: 802px; top: -929.67px; position: absolute"><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 600; word-wrap: break-word">TVS Electronics <br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 400; word-wrap: break-word">Mechanical Keyboard</span></div>

<div style="width: 180px; height: 22px; left: 345px; top: -578.33px; position: absolute"><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 600; word-wrap: break-word">Blue Star<br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 400; word-wrap: break-word">3D Scanner</span></div>

<div style="width: 230px; height: 21px; left: 802px; top: -578.33px; position: absolute"><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 600; word-wrap: break-word">E Plane Company<br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 400; word-wrap: break-word">Drone</span></div>

<div style="width: 362.85px; height: 281.30px; left: 345px; top: -1562px; position: absolute; background: #D9D9D9"></div>

<img style="width: 470px; height: 265px; left: 276px; top: -1548px; position: absolute" src="https://placehold.co/470x265" />

<div style="width: 362.85px; height: 281.30px; left: 771.44px; top: -1562px; position: absolute; background: #D9D9D9"></div>

<img style="width: 448.26px; height: 465.71px; left: 711.01px; top: -1548px; position: absolute" src="https://placehold.co/448x466" />

<div style="width: 362.85px; height: 281.30px; left: 771.44px; top: -1210.37px; position: absolute; background: #D9D9D9"></div>

<img style="width: 805px; height: 291.30px; left: 552px; top: -1216.15px; position: absolute" src="https://placehold.co/805x291" />

<div style="width: 362.85px; height: 281.30px; left: 345px; top: -1210.37px; position: absolute; background: #D9D9D9"></div>

<img style="width: 547px; height: 308px; left: 233px; top: -1210px; position: absolute" src="https://placehold.co/547x308" />

<div style="width: 362.85px; height: 281.30px; left: 345px; top: -858.75px; position: absolute; background: #D9D9D9"></div>

<img style="width: 600px; height: 337px; left: 212px; top: -916px; position: absolute" src="https://placehold.co/600x337" />

<div style="width: 362.85px; height: 281.30px; left: 771.44px; top: -858.75px; position: absolute; background: #D9D9D9"></div>

<img style="width: 502px; height: 538px; left: 691px; top: -987px; position: absolute" src="https://placehold.co/502x538" />

<div style="width: 467px; height: 331px; left: 102px; top: 32px; position: absolute; flex-direction: column; justify-content: space-between; align-items: flex-start; display: inline-flex"></div>

<div style="height: 331px; left: 1235px; top: 32px; position: absolute; justify-content: center; align-items: flex-start; gap: 62px; display: inline-flex"></div>

<div style="height: 395px; padding-left: 235px; padding-right: 235px; padding-top: 77px; padding-bottom: 77px; left: 0px; top: 1px; position: absolute; background-image: url(https://placehold.co/573x395); flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: inline-flex">

<div style="width: 442.51px; height: 472.66px; border: 1px rgba(0, 0, 0, 0.08) solid"></div>

<div style="width: 923.51px; height: 472.66px; border: 1px rgba(0, 0, 0, 0.08) solid"></div>

<div style="width: 442.51px; height: 472.66px; border: 1px rgba(0, 0, 0, 0.08) solid"></div>

</div>

<div style="width: 567px; height: 343px; left: 771px; top: 95px; position: absolute; text-align: right"><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 600; line-height: 20px; word-wrap: break-word">Get in Touch<br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 600; line-height: 21px; word-wrap: break-word"><br/> Phone: </span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 400; line-height: 21px; word-wrap: break-word">63839 70140<br/><br/></span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 600; line-height: 21px; word-wrap: break-word">Address:</span><span style="color: black; font-size: 24px; font-family: Montserrat; font-weight: 400; line-height: 21px; word-wrap: break-word"> 405 Willow, Prince Green woods,<br/>Athipet, Ambattur Chennai: 600058</span></div>

</div>

<div style="width: 1075px; left: 183px; top: 2397px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: center; display: inline-flex">

<div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 66px; display: inline-flex">

<div style="width: 189.01px; height: 172.45px; background: black"></div>

<img style="width: 189.43px; height: 172.76px" src="https://placehold.co/189x173" />

<img style="width: 191.50px; height: 174.65px" src="https://placehold.co/191x175" />

<div style="width: 189.43px; height: 172.34px; background: black"></div>

<img style="width: 189.43px; height: 172.76px" src="https://placehold.co/189x173" />

<div style="width: 184px; height: 183px; background: black"></div>

<img style="width: 210px; height: 210px" src="https://placehold.co/210x210" />

<img style="width: 210px; height: 210px" src="https://placehold.co/210x210" />

</div>

<div style="justify-content: flex-start; align-items: center; gap: 146px; display: inline-flex">

<div style="width: 182.42px; height: 183px; background: black"></div>

<img style="width: 183px; height: 183px" src="https://placehold.co/183x183" />

<div style="width: 224.57px; height: 205.43px; background: black"></div>

<img style="width: 225.25px; height: 205.43px" src="https://placehold.co/225x205" />

<img style="width: 151px; height: 151px" src="https://placehold.co/151x151" />

</div>

</div>

</div>