diff --git a/lib/icons.tsx b/lib/icons.tsx
new file mode 100644
index 0000000..9320ae1
--- /dev/null
+++ b/lib/icons.tsx
@@ -0,0 +1,191 @@
+import {
+ AlarmClock,
+ AlertTriangle,
+ ArrowDown,
+ ArrowUp,
+ BarChart3,
+ CalendarDays,
+ Check,
+ ChevronDown,
+ ChevronLeft,
+ ChevronRight,
+ ChevronsLeft,
+ ChevronsRight,
+ ChevronsUpDown,
+ ChevronUp,
+ Circle,
+ Copy,
+ CreditCard,
+ Crop,
+ DollarSign,
+ Download,
+ Edit,
+ Eye,
+ EyeOff,
+ FileTerminal,
+ Filter,
+ Footprints,
+ HardHat,
+ Image,
+ Loader2,
+ LogOut,
+ Menu,
+ MessageSquare,
+ Minus,
+ Moon,
+ MoreHorizontal,
+ MoreVertical,
+ Package,
+ Plus,
+ PlusCircle,
+ RefreshCw,
+ Search,
+ Send,
+ Settings,
+ Shirt,
+ ShoppingBag,
+ ShoppingCart,
+ Sliders,
+ SlidersHorizontal,
+ Star,
+ SunMedium,
+ Trash,
+ Twitter,
+ UploadCloud,
+ User,
+ Volume2,
+ VolumeX,
+ Wallet,
+ X,
+ type LucideIcon,
+ type LucideProps,
+ } from "lucide-react";
+
+ export type Icon = LucideIcon;
+
+ export const Icons = {
+ sun: SunMedium,
+ moon: Moon,
+ star: Star,
+ twitter: Twitter,
+ close: X,
+ spinner: Loader2,
+ chevronLeft: ChevronLeft,
+ chevronRight: ChevronRight,
+ chevronsLeft: ChevronsLeft,
+ chevronsRight: ChevronsRight,
+ chevronUp: ChevronUp,
+ chevronDown: ChevronDown,
+ chevronUpDown: ChevronsUpDown,
+ arrowUp: ArrowUp,
+ arrowDown: ArrowDown,
+ menu: Menu,
+ verticalThreeDots: MoreVertical,
+ horizontalThreeDots: MoreHorizontal,
+ verticalSliders: Sliders,
+ horizontalSliders: SlidersHorizontal,
+ circle: Circle,
+ check: Check,
+ add: Plus,
+ addCircle: PlusCircle,
+ remove: Minus,
+ view: Eye,
+ hide: EyeOff,
+ trash: Trash,
+ edit: Edit,
+ crop: Crop,
+ reset: RefreshCw,
+ send: Send,
+ copy: Copy,
+ downlaod: Download,
+ warning: AlertTriangle,
+ search: Search,
+ filter: Filter,
+ alarm: AlarmClock,
+ calendar: CalendarDays,
+ user: User,
+ terminal: FileTerminal,
+ settings: Settings,
+ logout: LogOut,
+ volumne: Volume2,
+ volumneMute: VolumeX,
+ message: MessageSquare,
+ billing: CreditCard,
+ wallet: Wallet,
+ dollarSign: DollarSign,
+ cart: ShoppingCart,
+ product: Package,
+ store: ShoppingBag,
+ chart: BarChart3,
+ upload: UploadCloud,
+ placeholder: Image,
+ clothing: Shirt,
+ shoes: Footprints,
+ accessories: HardHat,
+ logo: (props: LucideProps) => (
+
+ ),
+ nextjs: (props: LucideProps) => (
+
+ ),
+ gitHub: (props: LucideProps) => (
+
+ ),
+ google: ({ ...props }: LucideProps) => (
+
+ ),
+ facebook: ({ ...props }: LucideProps) => (
+
+ ),
+ discord: ({ ...props }: LucideProps) => (
+
+ ),
+ };
\ No newline at end of file
diff --git a/public/Github.svg b/public/Github.svg
deleted file mode 100644
index d145d05..0000000
--- a/public/Github.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/public/Instagram.svg b/public/Instagram.svg
deleted file mode 100644
index ade0029..0000000
--- a/public/Instagram.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/public/LinkedIn.svg b/public/LinkedIn.svg
deleted file mode 100644
index c943eed..0000000
--- a/public/LinkedIn.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/public/Messenger.svg b/public/Messenger.svg
deleted file mode 100644
index bb04dcc..0000000
--- a/public/Messenger.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/public/Pinterest.svg b/public/Pinterest.svg
deleted file mode 100644
index 25b56b7..0000000
--- a/public/Pinterest.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/public/Slack.svg b/public/Slack.svg
deleted file mode 100644
index 3afc8bb..0000000
--- a/public/Slack.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/public/Soundcloud.svg b/public/Soundcloud.svg
deleted file mode 100644
index edb4cba..0000000
--- a/public/Soundcloud.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/public/amazon.svg b/public/amazon.svg
deleted file mode 100644
index 1661f15..0000000
--- a/public/amazon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/public/facebook.svg b/public/facebook.svg
new file mode 100644
index 0000000..ed512a1
--- /dev/null
+++ b/public/facebook.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/github.svg b/public/github.svg
new file mode 100644
index 0000000..8e6c8d8
--- /dev/null
+++ b/public/github.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/linkedin.svg b/public/linkedin.svg
new file mode 100644
index 0000000..f9f32da
--- /dev/null
+++ b/public/linkedin.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/svgs/AmericanAirlines.tsx b/public/svgs/AmericanAirlines.tsx
new file mode 100644
index 0000000..03585ce
--- /dev/null
+++ b/public/svgs/AmericanAirlines.tsx
@@ -0,0 +1,51 @@
+import React from "react";
+
+export function AmericanAirlines() {
+ return (
+
+ );
+}
diff --git a/public/svgs/Apple.tsx b/public/svgs/Apple.tsx
new file mode 100644
index 0000000..f32332f
--- /dev/null
+++ b/public/svgs/Apple.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+
+export function Apple() {
+ return (
+
+ );
+}
diff --git a/public/svgs/Bosch.tsx b/public/svgs/Bosch.tsx
new file mode 100644
index 0000000..a90cd13
--- /dev/null
+++ b/public/svgs/Bosch.tsx
@@ -0,0 +1,32 @@
+import React from "react";
+
+export function Bosch() {
+ return (
+
+ );
+}
diff --git a/public/svgs/Decathlon.tsx b/public/svgs/Decathlon.tsx
new file mode 100644
index 0000000..d2fbe06
--- /dev/null
+++ b/public/svgs/Decathlon.tsx
@@ -0,0 +1,45 @@
+import React from "react";
+
+export function Decathlon() {
+ return (
+
+ );
+}
diff --git a/public/svgs/Deloitte.tsx b/public/svgs/Deloitte.tsx
new file mode 100644
index 0000000..687bcd5
--- /dev/null
+++ b/public/svgs/Deloitte.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+
+export function Deloitte() {
+ return (
+
+ );
+}
diff --git a/public/svgs/Discord.svg b/public/svgs/Discord.svg
deleted file mode 100644
index ee67b59..0000000
--- a/public/svgs/Discord.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/public/svgs/EY.tsx b/public/svgs/EY.tsx
new file mode 100644
index 0000000..1f75031
--- /dev/null
+++ b/public/svgs/EY.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+
+export function EY() {
+ return (
+
+ );
+}
diff --git a/public/svgs/Facebook.tsx b/public/svgs/Facebook.tsx
new file mode 100644
index 0000000..adf4b6d
--- /dev/null
+++ b/public/svgs/Facebook.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+export const FacebookLogo = () => {
+ return (
+
+ );
+};
diff --git a/public/svgs/FeaturesStar.tsx b/public/svgs/FeaturesStar.tsx
new file mode 100644
index 0000000..d685aa4
--- /dev/null
+++ b/public/svgs/FeaturesStar.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+
+export function FeaturesStar() {
+ return (
+
+ );
+}
diff --git a/public/svgs/GM.tsx b/public/svgs/GM.tsx
new file mode 100644
index 0000000..806669b
--- /dev/null
+++ b/public/svgs/GM.tsx
@@ -0,0 +1,47 @@
+import React from "react";
+
+export function GM() {
+ return (
+
+ );
+}
diff --git a/public/svgs/Github.svg b/public/svgs/Github.svg
deleted file mode 100644
index e807c3c..0000000
--- a/public/svgs/Github.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/public/svgs/Github.tsx b/public/svgs/Github.tsx
index fdb7912..9fe2f52 100644
--- a/public/svgs/Github.tsx
+++ b/public/svgs/Github.tsx
@@ -1,13 +1,19 @@
-import React from 'react';
-
+import React from "react";
export const GithubLogo = () => {
-
-
- return (
-
- );
-
-}
\ No newline at end of file
+ return (
+
+ );
+};
diff --git a/public/svgs/HomePageGradient.svg b/public/svgs/HomePageGradient.svg
deleted file mode 100644
index a149d94..0000000
--- a/public/svgs/HomePageGradient.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-
\ No newline at end of file
diff --git a/public/svgs/IBM.tsx b/public/svgs/IBM.tsx
new file mode 100644
index 0000000..ace91c6
--- /dev/null
+++ b/public/svgs/IBM.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+
+export function IBM() {
+ return (
+
+ );
+}
diff --git a/public/svgs/Instagram.svg b/public/svgs/Instagram.svg
deleted file mode 100644
index 6eaf88f..0000000
--- a/public/svgs/Instagram.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-
diff --git a/public/svgs/Intel.tsx b/public/svgs/Intel.tsx
new file mode 100644
index 0000000..3b2c0be
--- /dev/null
+++ b/public/svgs/Intel.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+
+export function Intel() {
+ return (
+
+ );
+}
diff --git a/public/svgs/LinkedIn.svg b/public/svgs/LinkedIn.svg
deleted file mode 100644
index 6cf4ba7..0000000
--- a/public/svgs/LinkedIn.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/public/svgs/Linkedin.tsx b/public/svgs/Linkedin.tsx
new file mode 100644
index 0000000..7badb69
--- /dev/null
+++ b/public/svgs/Linkedin.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+export const LinkedinLogo = () => {
+ return (
+
+ );
+};
diff --git a/public/svgs/Nestle.tsx b/public/svgs/Nestle.tsx
new file mode 100644
index 0000000..3f7705e
--- /dev/null
+++ b/public/svgs/Nestle.tsx
@@ -0,0 +1,42 @@
+import React from "react";
+
+export function Nestle() {
+ return (
+
+ );
+}
diff --git a/public/svgs/Oracle.tsx b/public/svgs/Oracle.tsx
new file mode 100644
index 0000000..586a3bf
--- /dev/null
+++ b/public/svgs/Oracle.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+
+export function Oracle() {
+ return (
+
+ );
+}
diff --git a/public/svgs/Social.tsx b/public/svgs/Social.tsx
new file mode 100644
index 0000000..a5749c0
--- /dev/null
+++ b/public/svgs/Social.tsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import { GithubLogo } from './Github'
+import { FacebookLogo } from './Facebook'
+import { TwitchLogo } from './Twitch'
+import { YoutubeLogo } from './Youtube'
+import { TiktokLogo } from './Tiktok'
+import { TwitterLogo } from './Twitter'
+import { LinkedinLogo } from './Linkedin'
+
+export function SocialLogo({name}:{name:string}) {
+ if(name=="Github"){
+ return