├── README.md
├── images
    ├── .DS_Store
    ├── avatar.png
    ├── blue-yellow-t-shirt-wooden-hanger-generated-by-ai_188544-42185.avif
    ├── easy-purchase.avif
    ├── elegant-businessman-attire-hangs-modern-closet-generated-by-ai_188544-15312.avif
    ├── elegant-businessman-shirt-wooden-desk-stack-generated-by-ai_188544-34678.avif
    ├── hoodies.avif
    ├── logo.png
    ├── perfume.avif
    ├── shiny-black-leather-shoes-exude-modern-luxury-generated-by-ai_188544-36154.avif
    ├── shoes.avif
    └── yellow-bg.jpg
├── index.html
└── tailwind.config.js


/README.md:
--------------------------------------------------------------------------------
 1 | # daisy-man
 2 | https://merakiui.com/components
 3 | 
 4 | 
 5 | https://kitwind.io/products/kometa/components/
 6 | 
 7 | 
 8 | https://www.tailwind-kit.com/components
 9 | 
10 | https://tailblocks.cc/
11 | 
12 | https://mambaui.com/
13 | 
14 | https://kutty.netlify.app/components/
15 | 
16 | https://wickedblocks.dev/
17 | 
18 | https://uicolors.app/create
19 | 
20 | https://favicon.io/
21 | 


--------------------------------------------------------------------------------
/images/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/.DS_Store


--------------------------------------------------------------------------------
/images/avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/avatar.png


--------------------------------------------------------------------------------
/images/blue-yellow-t-shirt-wooden-hanger-generated-by-ai_188544-42185.avif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/blue-yellow-t-shirt-wooden-hanger-generated-by-ai_188544-42185.avif


--------------------------------------------------------------------------------
/images/easy-purchase.avif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/easy-purchase.avif


--------------------------------------------------------------------------------
/images/elegant-businessman-attire-hangs-modern-closet-generated-by-ai_188544-15312.avif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/elegant-businessman-attire-hangs-modern-closet-generated-by-ai_188544-15312.avif


--------------------------------------------------------------------------------
/images/elegant-businessman-shirt-wooden-desk-stack-generated-by-ai_188544-34678.avif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/elegant-businessman-shirt-wooden-desk-stack-generated-by-ai_188544-34678.avif


--------------------------------------------------------------------------------
/images/hoodies.avif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/hoodies.avif


--------------------------------------------------------------------------------
/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/logo.png


--------------------------------------------------------------------------------
/images/perfume.avif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/perfume.avif


--------------------------------------------------------------------------------
/images/shiny-black-leather-shoes-exude-modern-luxury-generated-by-ai_188544-36154.avif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/shiny-black-leather-shoes-exude-modern-luxury-generated-by-ai_188544-36154.avif


--------------------------------------------------------------------------------
/images/shoes.avif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/shoes.avif


--------------------------------------------------------------------------------
/images/yellow-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/shakilahmedatik/daisy-man/73575bb63773740d3ad93ed8eb716be253e282b2/images/yellow-bg.jpg


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en" data-theme="cupcake">
  3 |   <head>
  4 |     <meta charset="UTF-8" />
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6 |     <title>
  7 |       DaisyMan | Your one-stop destination for all your fashion needs
  8 |     </title>
  9 |     <link rel="shortcut icon" href="./images/logo.png" type="image/x-icon" />
 10 |     <link
 11 |       href="https://cdn.jsdelivr.net/npm/daisyui@3.3.1/dist/full.css"
 12 |       rel="stylesheet"
 13 |       type="text/css"
 14 |     />
 15 |     <script src="https://cdn.tailwindcss.com"></script>
 16 |     <script>
 17 |       tailwind.config = {
 18 |         theme: {
 19 |           extend: {
 20 |             backgroundImage: {
 21 |               'hero-bg': "url('./images/yellow-bg.jpg')",
 22 |             },
 23 |           },
 24 |         },
 25 |       }
 26 |     </script>
 27 |   </head>
 28 |   <body>
 29 |     <!-- Header Section -->
 30 |     <header>
 31 |       <!-- Navbar -->
 32 |       <div class="navbar">
 33 |         <div class="flex-1">
 34 |           <a class="btn btn-ghost normal-case text-xl">DaisyMan</a>
 35 |         </div>
 36 |         <div class="flex-none">
 37 |           <div class="dropdown dropdown-end">
 38 |             <label tabindex="0" class="btn btn-ghost btn-circle">
 39 |               <div class="indicator">
 40 |                 <svg
 41 |                   xmlns="http://www.w3.org/2000/svg"
 42 |                   class="h-5 w-5"
 43 |                   fill="none"
 44 |                   viewBox="0 0 24 24"
 45 |                   stroke="currentColor"
 46 |                 >
 47 |                   <path
 48 |                     stroke-linecap="round"
 49 |                     stroke-linejoin="round"
 50 |                     stroke-width="2"
 51 |                     d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"
 52 |                   />
 53 |                 </svg>
 54 |                 <span class="badge badge-sm indicator-item">8</span>
 55 |               </div>
 56 |             </label>
 57 |             <div
 58 |               tabindex="0"
 59 |               class="mt-3 z-[1] card card-compact dropdown-content w-52 bg-base-100 shadow"
 60 |             >
 61 |               <div class="card-body">
 62 |                 <span class="font-bold text-lg">8 Items</span>
 63 |                 <span class="text-info">Subtotal: $999</span>
 64 |                 <div class="card-actions">
 65 |                   <button class="btn btn-primary btn-block">View cart</button>
 66 |                 </div>
 67 |               </div>
 68 |             </div>
 69 |           </div>
 70 |           <div class="dropdown dropdown-end">
 71 |             <label tabindex="0" class="btn btn-ghost btn-circle avatar">
 72 |               <div class="w-10 rounded-full">
 73 |                 <img src="./images/avatar.png" />
 74 |               </div>
 75 |             </label>
 76 |             <ul
 77 |               tabindex="0"
 78 |               class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52"
 79 |             >
 80 |               <li>
 81 |                 <a class="justify-between">
 82 |                   Profile
 83 |                   <span class="badge">New</span>
 84 |                 </a>
 85 |               </li>
 86 |               <li><a>Settings</a></li>
 87 |               <li><a>Logout</a></li>
 88 |             </ul>
 89 |           </div>
 90 |         </div>
 91 |       </div>
 92 | 
 93 |       <!-- Hero Section -->
 94 |       <section>
 95 |         <div class="hero min-h-[calc(100vh-66px)] bg-hero-bg">
 96 |           <div class="hero-overlay bg-opacity-60"></div>
 97 |           <div class="hero-content text-center text-neutral-content">
 98 |             <div class="max-w-md">
 99 |               <h1 class="mb-5 text-5xl font-bold">Welcome To DaisyMan</h1>
100 |               <p class="mb-5">
101 |                 Your one-stop destination for all your fashion needs. At
102 |                 DaisyMan, we believe that style is a reflection of your unique
103 |                 personality and our mission is to provide you with a diverse and
104 |                 trendy collection.
105 |               </p>
106 |               <button class="btn">Shop Now</button>
107 |             </div>
108 |           </div>
109 |         </div>
110 |       </section>
111 |     </header>
112 | 
113 |     <!-- Categories Section -->
114 |     <section class="max-w-screen-xl mx-auto px-8 md:px-16 lg:px-24 py-5 my-10">
115 |       <!-- Heading -->
116 |       <div class="text-center pb-5">
117 |         <h1 class="text-2xl md:text-4xl">Huge Collection</h1>
118 |         <p class="text-sm">Browse from a various collections</p>
119 |       </div>
120 | 
121 |       <!-- Cards -->
122 | 
123 |       <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-5">
124 |         <div class="card bg-base-100 shadow-xl image-full">
125 |           <figure>
126 |             <img src="./images/shoes.avif" alt="Shoes" />
127 |           </figure>
128 |           <div class="card-body">
129 |             <h2 class="card-title">Shoes!</h2>
130 |             <p>
131 |               At DaisyMan, we believe that style is a reflection of your unique
132 |               personality and our mission is to provide you with a diverse and
133 |               trendy collection.
134 |             </p>
135 |             <div class="card-actions justify-end">
136 |               <button class="btn">Buy Now</button>
137 |             </div>
138 |           </div>
139 |         </div>
140 |         <div class="card bg-base-100 shadow-xl image-full">
141 |           <figure>
142 |             <img src="./images/hoodies.avif" alt="Shoes" />
143 |           </figure>
144 |           <div class="card-body">
145 |             <h2 class="card-title">Clothes!</h2>
146 |             <p>
147 |               At DaisyMan, we believe that style is a reflection of your unique
148 |               personality and our mission is to provide you with a diverse and
149 |               trendy collection.
150 |             </p>
151 |             <div class="card-actions justify-end">
152 |               <button class="btn">Buy Now</button>
153 |             </div>
154 |           </div>
155 |         </div>
156 |         <div class="card bg-base-100 shadow-xl image-full">
157 |           <figure>
158 |             <img src="./images/perfume.avif" alt="Shoes" />
159 |           </figure>
160 |           <div class="card-body">
161 |             <h2 class="card-title">Perfumes!</h2>
162 |             <p>
163 |               At DaisyMan, we believe that style is a reflection of your unique
164 |               personality and our mission is to provide you with a diverse and
165 |               trendy collection.
166 |             </p>
167 |             <div class="card-actions justify-end">
168 |               <button class="btn">Buy Now</button>
169 |             </div>
170 |           </div>
171 |         </div>
172 |       </div>
173 |     </section>
174 | 
175 |     <!-- Featured Section -->
176 |     <section class="max-w-screen-xl mx-auto px-8 md:px-16 lg:px-24 py-5 my-10">
177 |       <div class="flex flex-col md:flex-row gap-10 items-center">
178 |         <div class="flex-1">
179 |           <div>
180 |             <h1 class="text-2xl md:text-4xl mb-2">Easy Purchase</h1>
181 |             <p>
182 |               we believe that style is a reflection of your unique personality
183 |               and our mission is to provide you with a diverse and trendy
184 |               collection.
185 |             </p>
186 |             <p>
187 |               Our mission is to provide you with a diverse and trendy
188 |               collection.
189 |             </p>
190 |           </div>
191 |         </div>
192 |         <div class="flex-1">
193 |           <img src="./images/easy-purchase.avif" alt="" />
194 |         </div>
195 |       </div>
196 |     </section>
197 | 
198 |     <!-- Products Section -->
199 |     <section class="max-w-screen-xl mx-auto px-8 md:px-16 lg:px-24 py-5 my-10">
200 |       <!-- Heading -->
201 | 
202 |       <div class="text-center pb-5">
203 |         <h1 class="text-2xl md:text-4xl">Top Products</h1>
204 |         <p class="text-sm">Browse from a various collections</p>
205 |       </div>
206 | 
207 |       <!-- Cards -->
208 |       <div class="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-5">
209 |         <div class="card bg-base-100 shadow-xl">
210 |           <figure>
211 |             <img
212 |               src="./images/elegant-businessman-attire-hangs-modern-closet-generated-by-ai_188544-15312.avif"
213 |               alt="Shoes"
214 |             />
215 |           </figure>
216 |           <div class="card-body">
217 |             <h2 class="card-title">Formal Shirt</h2>
218 |             <p>
219 |               Our mission is to provide you with a diverse and trendy
220 |               collection.
221 |             </p>
222 |             <div class="card-actions justify-end">
223 |               <button class="btn">Buy Now</button>
224 |             </div>
225 |           </div>
226 |         </div>
227 |         <div class="card bg-base-100 shadow-xl">
228 |           <figure>
229 |             <img
230 |               src="./images/shiny-black-leather-shoes-exude-modern-luxury-generated-by-ai_188544-36154.avif"
231 |               alt="Shoes"
232 |             />
233 |           </figure>
234 |           <div class="card-body">
235 |             <h2 class="card-title">Formal Shoe</h2>
236 |             <p>
237 |               Our mission is to provide you with a diverse and trendy
238 |               collection.
239 |             </p>
240 |             <div class="card-actions justify-end">
241 |               <button class="btn">Buy Now</button>
242 |             </div>
243 |           </div>
244 |         </div>
245 |         <div class="card bg-base-100 shadow-xl">
246 |           <figure>
247 |             <img
248 |               src="./images/blue-yellow-t-shirt-wooden-hanger-generated-by-ai_188544-42185.avif"
249 |               alt="Shoes"
250 |             />
251 |           </figure>
252 |           <div class="card-body">
253 |             <h2 class="card-title">Trendy T-Shirt</h2>
254 |             <p>
255 |               Our mission is to provide you with a diverse and trendy
256 |               collection.
257 |             </p>
258 |             <div class="card-actions justify-end">
259 |               <button class="btn">Buy Now</button>
260 |             </div>
261 |           </div>
262 |         </div>
263 |         <div class="card bg-base-100 shadow-xl">
264 |           <figure>
265 |             <img
266 |               src="./images/elegant-businessman-shirt-wooden-desk-stack-generated-by-ai_188544-34678.avif"
267 |               alt="Shoes"
268 |             />
269 |           </figure>
270 |           <div class="card-body">
271 |             <h2 class="card-title">Casual Shirt</h2>
272 |             <p>
273 |               Our mission is to provide you with a diverse and trendy
274 |               collection.
275 |             </p>
276 |             <div class="card-actions justify-end">
277 |               <button class="btn">Buy Now</button>
278 |             </div>
279 |           </div>
280 |         </div>
281 |       </div>
282 |     </section>
283 | 
284 |     <!-- FAQ Section -->
285 |     <section class="max-w-screen-xl mx-auto px-8 md:px-16 lg:px-24 py-5 my-10">
286 |       <!-- Heading -->
287 | 
288 |       <div class="text-center pb-5">
289 |         <h1 class="text-2xl md:text-4xl">Frequently Asked Questions</h1>
290 |         <p class="text-sm">Browse from a various collections</p>
291 |       </div>
292 | 
293 |       <!-- Accordion -->
294 |       <div class="collapse collapse-plus bg-base-200 mb-2">
295 |         <input type="radio" name="my-accordion-3" checked="checked" />
296 |         <div class="collapse-title text-xl font-medium">
297 |           How can I purchase?
298 |         </div>
299 |         <div class="collapse-content">
300 |           <p>hello</p>
301 |         </div>
302 |       </div>
303 |       <div class="collapse collapse-plus bg-base-200 mb-2">
304 |         <input type="radio" name="my-accordion-3" />
305 |         <div class="collapse-title text-xl font-medium">
306 |           What's the delivery system?
307 |         </div>
308 |         <div class="collapse-content">
309 |           <p>hello</p>
310 |         </div>
311 |       </div>
312 |       <div class="collapse collapse-plus bg-base-200 mb-2">
313 |         <input type="radio" name="my-accordion-3" />
314 |         <div class="collapse-title text-xl font-medium">
315 |           What's the delivery system?
316 |         </div>
317 |         <div class="collapse-content">
318 |           <p>hello</p>
319 |         </div>
320 |       </div>
321 |     </section>
322 | 
323 |     <!-- Footer Section -->
324 |     <footer class="footer p-10 bg-neutral text-neutral-content justify-around">
325 |       <div>
326 |         <span class="footer-title">Services</span>
327 |         <a class="link link-hover">Branding</a>
328 |         <a class="link link-hover">Design</a>
329 |         <a class="link link-hover">Marketing</a>
330 |         <a class="link link-hover">Advertisement</a>
331 |       </div>
332 |       <div>
333 |         <span class="footer-title">Company</span>
334 |         <a class="link link-hover">About us</a>
335 |         <a class="link link-hover">Contact</a>
336 |         <a class="link link-hover">Jobs</a>
337 |         <a class="link link-hover">Press kit</a>
338 |       </div>
339 |       <div>
340 |         <span class="footer-title">Legal</span>
341 |         <a class="link link-hover">Terms of use</a>
342 |         <a class="link link-hover">Privacy policy</a>
343 |         <a class="link link-hover">Cookie policy</a>
344 |       </div>
345 |     </footer>
346 |   </body>
347 | </html>
348 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 |   content: ['./src/**/*.{html,js}'],
4 |   theme: {
5 |     extend: {},
6 |   },
7 |   plugins: [],
8 | }
9 | 


--------------------------------------------------------------------------------