From 2b91820b3eba31d2645aaa06595cf80829a92c23 Mon Sep 17 00:00:00 2001 From: Ranjan Date: Fri, 8 Mar 2024 14:35:29 +0530 Subject: [PATCH] Beauty Business section ui with comments --- assets/images/best-price.svg | 22 ++++ assets/images/reseller1.svg | 19 ++++ assets/images/reseller2.svg | 19 ++++ assets/images/reseller3.svg | 19 ++++ assets/images/reseller4.svg | 19 ++++ assets/images/reseller5.svg | 19 ++++ assets/images/slide-left-white-icon.svg | 2 +- assets/images/star-icon.svg | 3 + index.html | 139 +++++++++++++++++++++++- tailwind.config.js | 30 ++--- 10 files changed, 274 insertions(+), 17 deletions(-) create mode 100644 assets/images/best-price.svg create mode 100644 assets/images/reseller1.svg create mode 100644 assets/images/reseller2.svg create mode 100644 assets/images/reseller3.svg create mode 100644 assets/images/reseller4.svg create mode 100644 assets/images/reseller5.svg create mode 100644 assets/images/star-icon.svg diff --git a/assets/images/best-price.svg b/assets/images/best-price.svg new file mode 100644 index 0000000..c6e7e8f --- /dev/null +++ b/assets/images/best-price.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/reseller1.svg b/assets/images/reseller1.svg new file mode 100644 index 0000000..8ad80c9 --- /dev/null +++ b/assets/images/reseller1.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/reseller2.svg b/assets/images/reseller2.svg new file mode 100644 index 0000000..32fd904 --- /dev/null +++ b/assets/images/reseller2.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/reseller3.svg b/assets/images/reseller3.svg new file mode 100644 index 0000000..ead8fdf --- /dev/null +++ b/assets/images/reseller3.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/reseller4.svg b/assets/images/reseller4.svg new file mode 100644 index 0000000..6319a7b --- /dev/null +++ b/assets/images/reseller4.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/reseller5.svg b/assets/images/reseller5.svg new file mode 100644 index 0000000..56e2df7 --- /dev/null +++ b/assets/images/reseller5.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/slide-left-white-icon.svg b/assets/images/slide-left-white-icon.svg index 967ede0..47ec4ba 100644 --- a/assets/images/slide-left-white-icon.svg +++ b/assets/images/slide-left-white-icon.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/star-icon.svg b/assets/images/star-icon.svg new file mode 100644 index 0000000..5a2c0be --- /dev/null +++ b/assets/images/star-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html index 72abd44..d1dd883 100644 --- a/index.html +++ b/index.html @@ -7,10 +7,11 @@ - + MVP 1 +
+ + +
@@ -48,7 +52,6 @@
-
@@ -67,7 +70,11 @@
+ + +
+

Discover the @@ -116,6 +123,9 @@

+ + +

Shop by the @@ -129,7 +139,7 @@ most fav

-
@@ -176,6 +186,129 @@
+
+ + + +
+
+ +
+
+

+ Want to Start Your +
+ Beauty Business? +

+ star +
+

+ Why Become a + Reseller? +

+
+
+ reseller +

Low Initial Investment

+

Jumpstart your dream business with just a small start-up cost; reselling makes entrepreneurship exciting and accessible to everyone!

+
+
+ reseller +

Low Initial Investment

+

Jumpstart your dream business with just a small start-up cost; reselling makes entrepreneurship exciting and accessible to everyone!

+
+
+ reseller +

Low Initial Investment

+

Jumpstart your dream business with just a small start-up cost; reselling makes entrepreneurship exciting and accessible to everyone!

+
+
+ reseller +

Low Initial Investment

+

Jumpstart your dream business with just a small start-up cost; reselling makes entrepreneurship exciting and accessible to everyone!

+
+
+ reseller +

Low Initial Investment

+

Jumpstart your dream business with just a small start-up cost; reselling makes entrepreneurship exciting and accessible to everyone!

+
+
+
+ + + +
+
+

+ How to get started with + RAENA to become + a Reseller or a Dropshipper +

+ star +

Kickstart your beauty empire easily with RAENA! Choose to buy a starter pack for first-time sellers or download the app to dive in. Your journey to business success and high margins starts now.

+
+ +
+
+

+ Your Beauty Business + Starter Pack! +

+
+
+

SPECIAL PRICE

+

Rp 45,000,000

+

Rp 59,000,000

+
+
+
+
+ product +

AVOSKIN

+

Your Skin Bae Serum - Alpha Abutin 3% + Grapeseed | 30 ml

+
+

Rp 199.000

+

Rp 259.000

+
+
+
+ product +

AVOSKIN

+

Your Skin Bae Serum - Alpha Abutin 3% + Grapeseed | 30 ml

+
+

Rp 199.000

+

Rp 259.000

+
+
+ + +
+
+
+
+
+
+
+ +
+
+ best price +
+
+
+
+ + + +
+
+ diff --git a/tailwind.config.js b/tailwind.config.js index d146d38..fe1f519 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -22,27 +22,31 @@ tailwind.config = { }, fontSize: { '5.5': '1.375rem', // 22px - '10': '2.5rem', - '20': '5rem' + '10': '2.5rem', // 40px + '16.25': '4.063rem', // 65px + '20': '5rem' // 80px + }, + lineHeight: { + '3.5': '0.875rem', // 14px + '4.5': '1.125rem', // 18px + '5.5': '1.375rem', // 22px + '12': '3rem', // 48px + '20': '5rem', // 80px + '25': '6.25rem' // 100px }, spacing: { - '2.25': '0.563rem', - '3.25': '0.813rem', + '2.25': '0.563rem', // 9px + '3.25': '0.813rem', // 13px '4.5': '1.125rem', // 18px '5.5': '1.375rem', // 22px '6.5': '1.625rem', // 26px + '7.5': '1.875rem', // 30px '24': '6rem', // 96px - '27.5': '6.875rem', - '30': '7.5rem', - '71.5': '17.875rem', // 296px + '27.5': '6.875rem', // 110px + '30': '7.5rem', // 120px + '71.5': '17.875rem', // 286px '76': '19rem' }, - lineHeight: { - '5.5': '1.375rem', // 22px - '12': '3rem', - '20': '5rem', - '25': '6.25rem' - }, borderRadius: { '4.5': '1.125rem' // 18px }