commit a6da3dad712b297614cb8550e31699ede2a359bd Author: Ranjan Date: Thu Mar 7 20:05:32 2024 +0530 tailwind setup, header, home section discover section diff --git a/assets/images/avoskin.svg b/assets/images/avoskin.svg new file mode 100644 index 0000000..6240605 --- /dev/null +++ b/assets/images/avoskin.svg @@ -0,0 +1,18 @@ + diff --git a/assets/images/camera-icon.svg b/assets/images/camera-icon.svg new file mode 100644 index 0000000..9585ce0 --- /dev/null +++ b/assets/images/camera-icon.svg @@ -0,0 +1,3 @@ + diff --git a/assets/images/company-logo1.svg b/assets/images/company-logo1.svg new file mode 100644 index 0000000..e44290e --- /dev/null +++ b/assets/images/company-logo1.svg @@ -0,0 +1,9 @@ + diff --git a/assets/images/company-logo2.svg b/assets/images/company-logo2.svg new file mode 100644 index 0000000..a2f01f4 --- /dev/null +++ b/assets/images/company-logo2.svg @@ -0,0 +1,9 @@ + diff --git a/assets/images/company-logo3.svg b/assets/images/company-logo3.svg new file mode 100644 index 0000000..91e2726 --- /dev/null +++ b/assets/images/company-logo3.svg @@ -0,0 +1,9 @@ + diff --git a/assets/images/company-logo4.svg b/assets/images/company-logo4.svg new file mode 100644 index 0000000..7635d45 --- /dev/null +++ b/assets/images/company-logo4.svg @@ -0,0 +1,9 @@ + diff --git a/assets/images/company-logo5.svg b/assets/images/company-logo5.svg new file mode 100644 index 0000000..fd410fe --- /dev/null +++ b/assets/images/company-logo5.svg @@ -0,0 +1,9 @@ + diff --git a/assets/images/company-logo6.svg b/assets/images/company-logo6.svg new file mode 100644 index 0000000..841cc45 --- /dev/null +++ b/assets/images/company-logo6.svg @@ -0,0 +1,9 @@ + diff --git a/assets/images/company-logo7.svg b/assets/images/company-logo7.svg new file mode 100644 index 0000000..34717bf --- /dev/null +++ b/assets/images/company-logo7.svg @@ -0,0 +1,18 @@ + diff --git a/assets/images/company-logo8.svg b/assets/images/company-logo8.svg new file mode 100644 index 0000000..f3d0e2e --- /dev/null +++ b/assets/images/company-logo8.svg @@ -0,0 +1,9 @@ + diff --git a/assets/images/logo.svg b/assets/images/logo.svg new file mode 100644 index 0000000..8d3be4d --- /dev/null +++ b/assets/images/logo.svg @@ -0,0 +1,8 @@ + diff --git a/assets/images/most-fav.svg b/assets/images/most-fav.svg new file mode 100644 index 0000000..5caf1a9 --- /dev/null +++ b/assets/images/most-fav.svg @@ -0,0 +1,32 @@ + diff --git a/assets/images/product1.png b/assets/images/product1.png new file mode 100644 index 0000000..35a1375 Binary files /dev/null and b/assets/images/product1.png differ diff --git a/assets/images/product2.png b/assets/images/product2.png new file mode 100644 index 0000000..de68360 Binary files /dev/null and b/assets/images/product2.png differ diff --git a/assets/images/search-icon.svg b/assets/images/search-icon.svg new file mode 100644 index 0000000..be1bacb --- /dev/null +++ b/assets/images/search-icon.svg @@ -0,0 +1,3 @@ + diff --git a/assets/images/skin-care-banner.png b/assets/images/skin-care-banner.png new file mode 100644 index 0000000..23a71dc Binary files /dev/null and b/assets/images/skin-care-banner.png differ diff --git a/assets/images/slide-left-icon.svg b/assets/images/slide-left-icon.svg new file mode 100644 index 0000000..226ea8e --- /dev/null +++ b/assets/images/slide-left-icon.svg @@ -0,0 +1,3 @@ + diff --git a/assets/images/slide-left-white-icon.svg b/assets/images/slide-left-white-icon.svg new file mode 100644 index 0000000..967ede0 --- /dev/null +++ b/assets/images/slide-left-white-icon.svg @@ -0,0 +1,3 @@ + diff --git a/assets/images/slide-right-icon.svg b/assets/images/slide-right-icon.svg new file mode 100644 index 0000000..e59f40e --- /dev/null +++ b/assets/images/slide-right-icon.svg @@ -0,0 +1,3 @@ + diff --git a/assets/images/slide-right-white-icon.svg b/assets/images/slide-right-white-icon.svg new file mode 100644 index 0000000..8a4f4db --- /dev/null +++ b/assets/images/slide-right-white-icon.svg @@ -0,0 +1,3 @@ + diff --git a/assets/images/stars-pair-icon.png b/assets/images/stars-pair-icon.png new file mode 100644 index 0000000..7719bd2 Binary files /dev/null and b/assets/images/stars-pair-icon.png differ diff --git a/assets/images/store-icon.svg b/assets/images/store-icon.svg new file mode 100644 index 0000000..98faaf9 --- /dev/null +++ b/assets/images/store-icon.svg @@ -0,0 +1,3 @@ + diff --git a/assets/images/whats-new.svg b/assets/images/whats-new.svg new file mode 100644 index 0000000..3d0fa46 --- /dev/null +++ b/assets/images/whats-new.svg @@ -0,0 +1,34 @@ + diff --git a/index.html b/index.html new file mode 100644 index 0000000..72abd44 --- /dev/null +++ b/index.html @@ -0,0 +1,181 @@ + + + + + + + + + + + MVP 1 + + +

+ +

+ Unlock Your Potential With + RAENA + +

Whether you're shopping for the latest beauty trends or ready to launch your beauty empire, Raena is your gateway to success. Explore, Shop, Empower - Your journey starts here!

+ +

+ Explore Product Catalog + + +

+ Want to Start Your Beauty Business? + +

RAENA Skin Analysis

Get your skin analysis report and recommendation product for your skin

+ +

+ Take your Skin Analysis Now + +

+ Discover the + Latest! +

Fresh Finds & New Arrivals Await!

+ + +

+ Shop by the + Favorites! +

Best Sellers That Everyone Loves!

+ +

Perfect for Acne

Top Picks for Clear Skin!

AVOSKIN

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

Rp 199.000

Rp 259.000

+ +

AVOSKIN

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

Rp 199.000

Rp 259.000

+ +

+ + diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..d146d38 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,51 @@ +tailwind.config = { + theme: { + fontFamily: { + ms: ["Montserrat", "sans-serif"], + dm: ["DM Serif Display", "serif"] + }, + screens: { + sm: '480px', + md: '768px', + lg: '976px', + xl: '1200px', + }, + extend: { + colors: { + purple1: '#9773fa', + purple2: '#9874FF', + grey1: '#DADADA', + grey2: '#D7D7D7', + grey3: '#828282', + grey4: '#E8E8E8', + pink1: '#E34FA5' + }, + fontSize: { + '5.5': '1.375rem', // 22px + '10': '2.5rem', + '20': '5rem' + }, + spacing: { + '2.25': '0.563rem', + '3.25': '0.813rem', + '4.5': '1.125rem', // 18px + '5.5': '1.375rem', // 22px + '6.5': '1.625rem', // 26px + '24': '6rem', // 96px + '27.5': '6.875rem', + '30': '7.5rem', + '71.5': '17.875rem', // 296px + '76': '19rem' + }, + lineHeight: { + '5.5': '1.375rem', // 22px + '12': '3rem', + '20': '5rem', + '25': '6.25rem' + }, + borderRadius: { + '4.5': '1.125rem' // 18px + } + } + } + } \ No newline at end of file