(v0.4.1-alpha) Lucide Icons

Added lucide icons, It is in the hero buttons as of now

Author: rupnil-codes

package-lock.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@vercel/analytics": "^2.0.1",
     "@vercel/speed-insights": "^2.0.0",
+    "lucide-react": "^0.577.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },

package.json

@@ -1,4 +1,5 @@
 import "../styles/routes/landing.css";
+import {ArrowDown, ArrowUpRight} from "lucide-react";
 // import {useState} from "react";
 
 
@@ -22,10 +23,10 @@ function Landing() {
 
                     <div className={"buttons"}>
                         <div className={"button-container"}>
-                            Learn More
+                            Learn More <ArrowDown size={16} strokeWidth={2} />
                         </div>
                         <div className={"button-container-important"}>
-                            RSVP
+                            RSVP <ArrowUpRight size={16} strokeWidth={3}/>
                         </div>
                     </div>
 

src/routes/landing.jsx

@@ -55,6 +55,10 @@
 }
 
 .landing .hero .buttons .button-container {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+
     padding: 0.75rem 1.5rem;
 
     /*background-color: var(--clr-surface-a0);*/
@@ -70,6 +74,10 @@
 }
 
 .landing .hero .buttons .button-container-important {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+
     padding: 0.75rem 1.5rem;
 
     background-color: var(--clr-primary-a0);