screens till community connected
This commit is contained in:
Ranjan
parent
8d2c407577
commit
2af99c665c
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.7 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.0 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.0 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 31 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 49 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 205 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.8 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.7 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.8 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.9 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.7 MiB |
162
index.html
162
index.html
|
|
@ -429,10 +429,172 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-[6.625rem]">
|
||||||
|
<p class="text-white text-5.5 leading-7 font-ms font-medium text-center">PROUDLY FEATURED ON :</p>
|
||||||
|
<div class="flex justify-center items-center gap-9 mt-6">
|
||||||
|
<img src="./assets/images/feature1.svg" alt="feature">
|
||||||
|
<img src="./assets/images/feature2.svg" alt="feature">
|
||||||
|
<img src="./assets/images/feature3.svg" alt="feature">
|
||||||
|
</div>
|
||||||
|
<p class="text-white text-3xl leading-10 font-dm font-normal text-center italic">
|
||||||
|
-Recognized
|
||||||
|
<span class="text-purple2">Globally</span>, Serving Spread Throughout
|
||||||
|
<span class="text-purple2">Indonesia-</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mt-[5.625rem]">
|
||||||
|
<h3 class="text-white text-[3.25rem] leading-[4.5rem] font-dm font-normal">
|
||||||
|
Raena by the
|
||||||
|
<span class="text-purple2">Numbers</span>
|
||||||
|
</h3>
|
||||||
|
<div class="mt-5 border-l border-t border-white">
|
||||||
|
<div class="flex">
|
||||||
|
<div class="w-1/3 text-center px-9 pt-14 pb-[4.75rem] border-b border-r border-white">
|
||||||
|
<p class="text-white text-[5.25rem] leading-[7.25rem] font-dm font-normal">300K+</p>
|
||||||
|
<p class="text-white text-10 leading-12 font-dm font-normal">Active Resellers</p>
|
||||||
|
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">Join our Community today!</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-1/3 text-center px-9 pt-14 pb-[4.75rem] border-b border-r border-white">
|
||||||
|
<p class="text-white text-[5.25rem] leading-[7.25rem] font-dm font-normal">2M+</p>
|
||||||
|
<p class="text-white text-10 leading-12 font-dm font-normal">Average Revenue</p>
|
||||||
|
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">Resellers average revenue</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-1/3 text-center px-9 pt-14 pb-[4.75rem] border-b border-r border-white">
|
||||||
|
<p class="text-white text-[5.25rem] leading-[7.25rem] font-dm font-normal">600+</p>
|
||||||
|
<p class="text-white text-10 leading-12 font-dm font-normal">Premium Brands</p>
|
||||||
|
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">The best wholesale supplier</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="w-1/3 text-center px-9 pt-14 pb-[4.75rem] border-b border-r border-white">
|
||||||
|
<p class="text-white text-[5.25rem] leading-[7.25rem] font-dm font-normal">6K+</p>
|
||||||
|
<p class="text-white text-10 leading-12 font-dm font-normal">Beauty Products</p>
|
||||||
|
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">At low price with exciting discount!</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-1/3 text-center px-9 pt-14 pb-[4.75rem] border-b border-r border-white">
|
||||||
|
<p class="text-white text-[5.25rem] leading-[7.25rem] font-dm font-normal">100K+</p>
|
||||||
|
<p class="text-white text-10 leading-12 font-dm font-normal">App Downloads</p>
|
||||||
|
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">Your platform for Reseller Business</p>
|
||||||
|
</div>
|
||||||
|
<div class="w-1/3 text-center px-9 pt-14 pb-[4.75rem] border-b border-r border-white">
|
||||||
|
<p class="text-white text-[5.25rem] leading-[7.25rem] font-dm font-normal">5⭐</p>
|
||||||
|
<p class="text-white text-10 leading-12 font-dm font-normal">App Store Rating</p>
|
||||||
|
<p class="text-white text-lg leading-5.5 font-ms font-normal mt-1">A perfect App with high rating</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- end sub-section-5 section-3 -->
|
<!-- end sub-section-5 section-3 -->
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<!-- end section-3 star beauty business -->
|
<!-- end section-3 star beauty business -->
|
||||||
|
|
||||||
|
<!-- section-4 star beauty business -->
|
||||||
|
<section class="pt-12 pb-[11.625rem]" style="background: linear-gradient(180deg, #F2E8FF 0%, #F8F3FF 0.01%, #F1DBFF 100%);">
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<!-- sub-section-1 section-4 -->
|
||||||
|
<div>
|
||||||
|
<div class="w-3/5 ml-auto">
|
||||||
|
<h3 class="text-black text-20 leading-25 font-dm font-normal text-right">
|
||||||
|
Voices from Our
|
||||||
|
<br>
|
||||||
|
<span class="text-purple2">Community</span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-black text-5.5 leading-8 font-ms font-medium mt-2.5 text-right">Hear it directly from our passionate customers, resellers and dropshippers! Their stories are a testament to Raena's dedication and commitment.</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex gap-7.5 mt-[6.25rem]">
|
||||||
|
<div class="relative w-1/3 pt-[5.625rem] pb-[2.875rem] px-7 text-center bg-white">
|
||||||
|
<p class="text-black text-3xl leading-10 font-dm font-normal">Febby, 29th</p>
|
||||||
|
<p class="text-black text-lg leading-5.5 font-ms font-normal mt-1.5">Mother & Entrepreneur,
|
||||||
|
<br>Starting February 2020
|
||||||
|
<br>Income - IDR 8,000,000/month</p>
|
||||||
|
<div class="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 max-w-[7.5rem]">
|
||||||
|
<img src="./assets/images/customer1.svg" alt="customer">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="relative w-1/3 pt-[5.625rem] pb-[2.875rem] px-7 text-center bg-white">
|
||||||
|
<p class="text-black text-3xl leading-10 font-dm font-normal">Jessica, 27th</p>
|
||||||
|
<p class="text-black text-lg leading-5.5 font-ms font-normal mt-1.5">Business Owner,
|
||||||
|
<br>Starting December 2019
|
||||||
|
<br> Income - IDR 23,000,000/month</p>
|
||||||
|
<div class="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 max-w-[7.5rem]">
|
||||||
|
<img src="./assets/images/customer2.svg" alt="customer">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="relative w-1/3 pt-[5.625rem] pb-[2.875rem] px-7 text-center bg-white">
|
||||||
|
<p class="text-black text-3xl leading-10 font-dm font-normal">Diana, 28th</p>
|
||||||
|
<p class="text-black text-lg leading-5.5 font-ms font-normal mt-1.5">Marketing Executive,
|
||||||
|
<br> Starting January 2020
|
||||||
|
<br> Income - IDR 21,000,000/month</p>
|
||||||
|
<div class="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 max-w-[7.5rem]">
|
||||||
|
<img src="./assets/images/customer3.svg" alt="customer">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex gap-4.5 mt-12">
|
||||||
|
<div class="bg-black/70 w-1/4 h-[11.25rem] p-4 flex justify-center items-center rounded-[0.875rem] bg-center bg-cover" style="background-image: url(./assets/images/user-bg1.svg);">
|
||||||
|
<p class="text-white text-[1.75rem] leading-9 font-dm font-normal">Diana, 28th</p>
|
||||||
|
</div>
|
||||||
|
<div class="bg-black/70 w-1/4 h-[11.25rem] p-4 flex justify-center items-center rounded-[0.875rem] bg-center bg-cover" style="background-image: url(./assets/images/user-bg2.svg);">
|
||||||
|
<p class="text-white text-[1.75rem] leading-9 font-dm font-normal">Explore Our Catalog</p>
|
||||||
|
</div>
|
||||||
|
<div class="bg-black/70 w-1/4 h-[11.25rem] p-4 flex justify-center items-center rounded-[0.875rem] bg-center bg-cover" style="background-image: url(./assets/images/user-bg1.svg);">
|
||||||
|
<p class="text-white text-[1.75rem] leading-9 font-dm font-normal">Buy Starter Pack</p>
|
||||||
|
</div>
|
||||||
|
<div class="bg-black/70 w-1/4 h-[11.25rem] p-4 flex justify-center items-center rounded-[0.875rem] bg-center bg-cover" style="background-image: url(./assets/images/user-bg2.svg);">
|
||||||
|
<p class="text-white text-[1.75rem] leading-9 font-dm font-normal">Download RAENA</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end sub-section-1 section-4 -->
|
||||||
|
|
||||||
|
<!-- sub-section-2 section-4 -->
|
||||||
|
<div class="mt-[7.188rem]">
|
||||||
|
<h3 class="text-black text-20 leading-25 font-dm font-normal text-center">
|
||||||
|
Stay
|
||||||
|
<span class="text-purple2">Connected!</span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-black text-5.5 leading-8 font-ms font-medium mt-2.5 text-center">Follow us to get more insight!</p>
|
||||||
|
|
||||||
|
<div class="flex gap-x-8 mt-12">
|
||||||
|
<div class="w-1/2 flex justify-center items-center px-7.5 py-10 rounded-[1.25rem]" style="background: linear-gradient(180deg, #F2E8FF 0%, #F8F3FF 0.01%, #F1DBFF 100%); box-shadow: 0px 4px 20px 0px #9874FF4D;">
|
||||||
|
<div class="max-w-[10.813rem]">
|
||||||
|
<img src="./assets/images/insta-3d.svg" alt="social">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="text-black text-5.5 leading-7 font-ms font-medium">INSTAGRAM :</p>
|
||||||
|
<a href="#" class="text-black text-[3.125rem] leading-[4.25rem] font-dm font-normal mt-3">@raena.official</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w-1/2 flex justify-center items-center px-7.5 py-10 rounded-[1.25rem]" style="background: linear-gradient(180deg, #F2E8FF 0%, #F8F3FF 0.01%, #F1DBFF 100%); box-shadow: 0px 4px 20px 0px #9874FF4D;">
|
||||||
|
<div class="max-w-[10.813rem]">
|
||||||
|
<img src="./assets/images/tiktok-3d.svg" alt="social">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="text-black text-5.5 leading-7 font-ms font-medium">TIK TOK :</p>
|
||||||
|
<a href="#" class="text-black text-[3.125rem] leading-[4.25rem] font-dm font-normal mt-3">raenabeauty</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex justify-center mt-8">
|
||||||
|
<div class="w-[40%] flex justify-center items-center px-7.5 py-10 rounded-[1.25rem]" style="background: linear-gradient(180deg, #F2E8FF 0%, #F8F3FF 0.01%, #F1DBFF 100%); box-shadow: 0px 4px 20px 0px #9874FF4D;">
|
||||||
|
<div class="max-w-[10.813rem]">
|
||||||
|
<img src="./assets/images/linkedin-3d.svg" alt="social">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="text-black text-5.5 leading-7 font-ms font-medium">LINKED IN :</p>
|
||||||
|
<a href="#" class="text-black text-[3.125rem] leading-[4.25rem] font-dm font-normal mt-3">RAENA</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end sub-section-2 section-4 -->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- end section-4 star beauty business -->
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue