update: landing page ui updated

Author: Asfak00

src/Components/Home/AboutUs.jsx

@@ -48,15 +48,15 @@ const Hero = () => {
                             offering a comprehensive collection of pre-built UI components, website templates, and more.
                         </p>
 
-                        <p className='mt-3 text-[1rem] text-gray-500'>
+                        <p className='mt-4 text-[1rem] text-gray-500'>
                             Our mission is to empower developers to build beautiful, functional web applications without
                             the hassle of designing from scratch. At ZenUI, we believe that great design and seamless
                             functionality should be accessible to everyone. That's why we've meticulously crafted a
                             library of UI components that are not only visually appealing but also highly customizable
                             and easy to integrate.
                         </p>
 
-                        <p className='mt-3 text-[1rem] text-gray-500'>
+                        <p className='mt-4 text-[1rem] text-gray-500'>
                             Each component is designed with a focus on user experience, ensuring that your applications
                             look great and perform flawlessly across all devices. Beyond our extensive library of UI
                             components and pre-built website templates, we also provide a rich collection of free icons

src/Components/Home/PrivacyPolicy.jsx

@@ -2,14 +2,16 @@ import React from 'react';
 
 const PrivacyPolicy = () => {
 
+    const date = new Date();
+
     return (
         <section className="w-full max-w-[1700px] mx-auto 640px:px-10 px-5 1024px:px-12 pt-[2.5rem] pb-[4rem] mx-auto p-6 min-h-screen relative">
 
             <div className='w-[50px] bg-[#96E8F8] h-[600px] absolute top-[-100px] opacity-50 640px:opacity-100 640px:top-[-150px] right-[250px] rotate-[70deg] blur-[60px]'></div>
 
             <div className='max-w-[800px] text-gray-800'>
                 <h1 className="text-3xl font-bold mb-4 text-[#0FABCA]">Privacy Policy for Zenui Library</h1>
-                <p className="mb-4 !text-gray-500">Effective Date: January 1, 2025</p>
+                <p className="mb-4 !text-gray-500">Effective Date: January 1, {date.getFullYear()}</p>
 
                 <p className="mb-4 !text-gray-500">
                     Welcome to Zenui Library. Your privacy is important to us. This Privacy Policy outlines how we

src/Components/Home/TemplatesSlider.jsx

@@ -17,7 +17,7 @@ const TemplatesSlider = () => {
 
     return (
         <div className='max-w-[1650px] mx-auto'>
-            <div data-aos="fade-zoom-in" className='w-full items-center justify-center text-center mb-4 640px:mb-[4rem] 640px:mt-20 mt-12 1024px:mt-24'>
+            <div data-aos="fade-zoom-in" className='w-full items-center justify-center text-center mb-4 640px:mb-[4rem] 640px:mt-20 mt-12 1024px:mt-16'>
 
                 <div className='gradient-border !rounded-md hover:rotate-0 transition-all duration-300 rotate-[10deg]'>
                     <div className='bg-white h-full !rounded-md'>

src/Components/Home/feedback.jsx

@@ -21,7 +21,7 @@ const Feedback = () => {
     return (
         <section className='relative mt-12 max-w-[1700px] mx-auto'>
 
-            <div className='absolute bottom-[-120px] left-[-120px] opacity-40 rotate-[-240deg] w-[550px]'>
+            <div className='absolute top-[-120px] left-[-120px] opacity-40 rotate-[-240deg] w-[550px]'>
                 <img src='https://i.ibb.co/VxXFnSz/abstract-wavy-line-removebg-preview.png' alt='vector'
                      className='animation-bounce'/>
             </div>
@@ -56,6 +56,9 @@ const Feedback = () => {
                     ))}
                 </div>
             </div>
+
+            {/* bottom shadow card */}
+            <div className='w-full h-[100px] 640px:h-[300px] bg-gradient-to-t from-white top-[rgb(255,255,255,0.8)] absolute bottom-8 left-0 right-0'></div>
         </section>
     );
 };

src/ShortcutGenerator/Generator.jsx

@@ -167,13 +167,14 @@ document.removeEventListener('keydown', ${functionName});
 
                 <div className='flex items-center gap-[15px] mt-7'>
                     <button onClick={generateCode}
-                            className='code_generate_btn bg-gradient-to-r from-[#0FABCA] hover:from-[#0FABCA]/80 to-[#CD00F1] hover:to-[#CD00F1]/80 text-white py-2.5 px-6 rounded-md'>
+                            className='code_generate_btn bg-gradient-to-r from-[#0FABCA] hover:from-[#0FABCA]/80 to-[#CD00F1] hover:to-[#CD00F1]/80 flex items-center gap-[6px] text-white py-2.5 px-6 rounded-md'>
+                        <img alt='magic/image' src='https://i.ibb.co.com/GFqqKxr/Sparkling.png' className='w-[25px]'/>
                         {isGenerating ? 'Generating...' : 'Generate Code'}
                     </button>
 
                     <button
-                        onClick={()=> setCheatsheetOpen(true)}
-                        className='flex items-center gap-[8px] text-[1rem] py-2.5 px-4 hover:bg-gray-50 border border-gray-300 rounded-md text-gray-600'>
+                        onClick={() => setCheatsheetOpen(true)}
+                        className='flex items-center gap-[8px] text-[1rem] py-[10.5px] px-4 hover:bg-gray-50 border border-gray-300 rounded-md text-gray-600'>
                         <FiEye/>
                         Valid Shortcut Cheatsheet
                     </button>