Yash
/
shopify-html
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

screens till community connected

This commit is contained in:
Ranjan 2024-03-09 16:20:46 +05:30
parent 8d2c407577
commit 2af99c665c
12 changed files with 305 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/images/customer1.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

9
assets/images/customer2.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

9
assets/images/customer3.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

18
assets/images/feature1.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

9
assets/images/feature2.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

18
assets/images/feature3.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 205 KiB

9
assets/images/insta-3d.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

9
assets/images/linkedin-3d.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

9
assets/images/tiktok-3d.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

22
assets/images/user-bg1.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.9 MiB

22
assets/images/user-bg2.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 6.7 MiB

162
index.html
View File

@ -429,10 +429,172 @@
</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>
<!-- end sub-section-5 section-3 -->
</div>
</section>
<!-- 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>
</html>