├── public ├── logo-dark.png ├── user │ ├── hero.jpg │ └── about.jpg ├── logo-light.png ├── project │ ├── ddos.jpg │ ├── gpm.jpg │ ├── cherishos.jpg │ ├── euclidos.jpg │ ├── lilac-ird.jpg │ ├── rust-ping.jpg │ ├── codelogger.jpg │ ├── guest-wifi.jpg │ ├── morphagent.jpeg │ ├── pixelpulse.jpg │ ├── rust-crypt.jpg │ ├── samsproject.jpg │ ├── 24online_web.jpg │ ├── ace-financial.jpg │ ├── log-analyzer.jpg │ ├── portfolio_2025.jpg │ ├── cleanwindowspro.jpg │ ├── ryzenkernel_web.jpg │ ├── namashivalaya_web.jpg │ └── password-generator.jpg ├── cursor │ └── cursor.png ├── blog │ ├── 1 │ │ ├── kernel-1.png │ │ └── kernel-2.png │ └── 2 │ │ └── virtualization.png ├── favicon │ └── favicon.ico ├── robots.txt ├── site.webmanifest ├── data │ ├── profile.json │ ├── skills.json │ ├── services.json │ ├── certifications.json │ ├── socials.json │ ├── testimonials.json │ └── experiences.json └── placeholder.svg ├── postcss.config.mjs ├── components ├── analytics.tsx ├── ui │ ├── aspect-ratio.tsx │ ├── skeleton.tsx │ ├── collapsible.tsx │ ├── icons.tsx │ ├── use-mobile.tsx │ ├── textarea.tsx │ ├── label.tsx │ ├── input.tsx │ ├── separator.tsx │ ├── progress.tsx │ ├── toaster.tsx │ ├── sonner.tsx │ ├── checkbox.tsx │ ├── slider.tsx │ ├── switch.tsx │ ├── badge.tsx │ ├── tooltip.tsx │ ├── hover-card.tsx │ ├── popover.tsx │ ├── avatar.tsx │ ├── radio-group.tsx │ ├── testimonial-card.tsx │ ├── toggle.tsx │ ├── alert.tsx │ ├── scroll-area.tsx │ ├── resizable.tsx │ ├── toggle-group.tsx │ ├── tabs.tsx │ ├── button.tsx │ ├── card.tsx │ ├── accordion.tsx │ ├── marquee-effect.tsx │ ├── input-otp.tsx │ ├── theme-toggle.tsx │ ├── animated-button.tsx │ ├── calendar.tsx │ ├── breadcrumb.tsx │ ├── pagination.tsx │ ├── table.tsx │ ├── drawer.tsx │ ├── not-found.tsx │ ├── dialog.tsx │ ├── sheet.tsx │ ├── contact-success-modal.tsx │ ├── use-toast.ts │ ├── form.tsx │ ├── alert-dialog.tsx │ └── toast.tsx ├── theme-provider.tsx ├── client-side-only.tsx ├── content-wrapper.tsx ├── theme-toggle-simple.tsx ├── scroll-effect-demo.tsx ├── theme-toggle.tsx ├── smooth-scroll.tsx ├── sections │ ├── testimonials-section.tsx │ ├── marquee-section.tsx │ ├── services-section.tsx │ └── cta-section.tsx ├── demo-one.tsx ├── nav-bar.tsx ├── smooth-link.tsx ├── page-transition.tsx ├── theme-toggle-animated.tsx ├── preloader.tsx ├── app-wrapper.tsx └── back-to-top.tsx ├── .gitignore ├── components.json ├── lib ├── static-data.ts ├── utils.ts └── scroll-utils.ts ├── hooks ├── use-mobile.tsx ├── use-scroll-animations.ts └── use-toast.ts ├── tsconfig.json ├── next.config.mjs ├── LICENSE ├── app ├── sitemap.ts ├── blog │ └── layout.tsx ├── contact │ └── page.tsx ├── projects │ └── layout.tsx ├── not-found.tsx └── layout.tsx ├── styles └── globals.css ├── package.json └── tailwind.config.ts /public/logo-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/logo-dark.png -------------------------------------------------------------------------------- /public/user/hero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/user/hero.jpg -------------------------------------------------------------------------------- /public/logo-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/logo-light.png -------------------------------------------------------------------------------- /public/project/ddos.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/ddos.jpg -------------------------------------------------------------------------------- /public/project/gpm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/gpm.jpg -------------------------------------------------------------------------------- /public/user/about.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/user/about.jpg -------------------------------------------------------------------------------- /public/cursor/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/cursor/cursor.png -------------------------------------------------------------------------------- /public/blog/1/kernel-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/blog/1/kernel-1.png -------------------------------------------------------------------------------- /public/blog/1/kernel-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/blog/1/kernel-2.png -------------------------------------------------------------------------------- /public/favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/favicon/favicon.ico -------------------------------------------------------------------------------- /public/project/cherishos.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/cherishos.jpg -------------------------------------------------------------------------------- /public/project/euclidos.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/euclidos.jpg -------------------------------------------------------------------------------- /public/project/lilac-ird.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/lilac-ird.jpg -------------------------------------------------------------------------------- /public/project/rust-ping.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/rust-ping.jpg -------------------------------------------------------------------------------- /public/project/codelogger.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/codelogger.jpg -------------------------------------------------------------------------------- /public/project/guest-wifi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/guest-wifi.jpg -------------------------------------------------------------------------------- /public/project/morphagent.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/morphagent.jpeg -------------------------------------------------------------------------------- /public/project/pixelpulse.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/pixelpulse.jpg -------------------------------------------------------------------------------- /public/project/rust-crypt.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/rust-crypt.jpg -------------------------------------------------------------------------------- /public/project/samsproject.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/samsproject.jpg -------------------------------------------------------------------------------- /public/blog/2/virtualization.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/blog/2/virtualization.png -------------------------------------------------------------------------------- /public/project/24online_web.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/24online_web.jpg -------------------------------------------------------------------------------- /public/project/ace-financial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/ace-financial.jpg -------------------------------------------------------------------------------- /public/project/log-analyzer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/log-analyzer.jpg -------------------------------------------------------------------------------- /public/project/portfolio_2025.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/portfolio_2025.jpg -------------------------------------------------------------------------------- /public/project/cleanwindowspro.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/cleanwindowspro.jpg -------------------------------------------------------------------------------- /public/project/ryzenkernel_web.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/ryzenkernel_web.jpg -------------------------------------------------------------------------------- /public/project/namashivalaya_web.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/namashivalaya_web.jpg -------------------------------------------------------------------------------- /public/project/password-generator.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/karthik558/karthiklal/HEAD/public/project/password-generator.jpg -------------------------------------------------------------------------------- /postcss.config.mjs: -------------------------------------------------------------------------------- 1 | /** @type {import('postcss-load-config').Config} */ 2 | const config = { 3 | plugins: { 4 | tailwindcss: {}, 5 | }, 6 | }; 7 | 8 | export default config; 9 | -------------------------------------------------------------------------------- /components/analytics.tsx: -------------------------------------------------------------------------------- 1 | // This is a placeholder for analytics component 2 | // You can replace this with your preferred analytics solution 3 | export function Analytics() { 4 | return null 5 | } 6 | 7 | -------------------------------------------------------------------------------- /components/ui/aspect-ratio.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | 3 | import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio" 4 | 5 | const AspectRatio = AspectRatioPrimitive.Root 6 | 7 | export { AspectRatio } 8 | -------------------------------------------------------------------------------- /components/theme-provider.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | import { ThemeProvider as NextThemesProvider } from "next-themes" 3 | import type { ThemeProviderProps } from "next-themes" 4 | 5 | export function ThemeProvider({ children, ...props }: ThemeProviderProps) { 6 | return {children} 7 | } 8 | 9 | -------------------------------------------------------------------------------- /components/ui/skeleton.tsx: -------------------------------------------------------------------------------- 1 | import { cn } from "@/lib/utils" 2 | 3 | function Skeleton({ 4 | className, 5 | ...props 6 | }: React.HTMLAttributes) { 7 | return ( 8 |
12 | ) 13 | } 14 | 15 | export { Skeleton } 16 | -------------------------------------------------------------------------------- /components/ui/collapsible.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | 3 | import * as CollapsiblePrimitive from "@radix-ui/react-collapsible" 4 | 5 | const Collapsible = CollapsiblePrimitive.Root 6 | 7 | const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger 8 | 9 | const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent 10 | 11 | export { Collapsible, CollapsibleTrigger, CollapsibleContent } 12 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | 6 | # next.js 7 | /.next/ 8 | /out/ 9 | 10 | # production 11 | /build 12 | 13 | # debug 14 | npm-debug.log* 15 | yarn-debug.log* 16 | yarn-error.log* 17 | .pnpm-debug.log* 18 | 19 | # env files 20 | .env* 21 | 22 | # vercel 23 | .vercel 24 | 25 | # typescript 26 | *.tsbuildinfo 27 | next-env.d.ts 28 | 29 | # Mac 30 | .DS_Store -------------------------------------------------------------------------------- /components/ui/icons.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | export const XIcon = ({ className, ...props }: React.SVGProps) => ( 4 | 11 | 12 | 13 | ); 14 | -------------------------------------------------------------------------------- /components.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://ui.shadcn.com/schema.json", 3 | "style": "default", 4 | "rsc": true, 5 | "tsx": true, 6 | "tailwind": { 7 | "config": "tailwind.config.ts", 8 | "css": "app/globals.css", 9 | "baseColor": "neutral", 10 | "cssVariables": true, 11 | "prefix": "" 12 | }, 13 | "aliases": { 14 | "components": "@/components", 15 | "utils": "@/lib/utils", 16 | "ui": "@/components/ui", 17 | "lib": "@/lib", 18 | "hooks": "@/hooks" 19 | }, 20 | "iconLibrary": "lucide" 21 | } -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Allow: / 3 | 4 | # Sitemaps 5 | Sitemap: https://karthiklal.in/sitemap.xml 6 | 7 | # Crawl-delay 8 | Crawl-delay: 1 9 | 10 | # Block access to admin areas (if any) 11 | # Disallow: /admin/ 12 | 13 | # Allow all search engine bots to crawl the entire site 14 | Allow: / 15 | Allow: /projects 16 | Allow: /blog 17 | Allow: /contact 18 | 19 | # Specific directives for major search engines 20 | User-agent: Googlebot 21 | Allow: / 22 | 23 | User-agent: Bingbot 24 | Allow: / 25 | 26 | User-agent: Slurp 27 | Allow: / 28 | -------------------------------------------------------------------------------- /lib/static-data.ts: -------------------------------------------------------------------------------- 1 | import profileJson from "@/public/data/profile.json" 2 | import socialsJson from "@/public/data/socials.json" 3 | 4 | export const PROFILE_DATA = profileJson 5 | export const SOCIALS_DATA = socialsJson 6 | 7 | export type ProfileData = typeof PROFILE_DATA 8 | export type SocialsData = typeof SOCIALS_DATA 9 | 10 | export function getBehanceUrl(fallback: string = "#") { 11 | const behance = SOCIALS_DATA.socials?.find( 12 | (social) => social.name.toLowerCase() === "behance" 13 | ) 14 | 15 | return behance?.url ?? fallback 16 | } 17 | -------------------------------------------------------------------------------- /components/client-side-only.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | 3 | import type React from "react" 4 | import { useEffect, useState } from "react" 5 | 6 | export default function ClientSideOnly({ children }: { children: React.ReactNode }) { 7 | const [isMounted, setIsMounted] = useState(false) 8 | 9 | useEffect(() => { 10 | setIsMounted(true) 11 | }, []) 12 | 13 | if (!isMounted) { 14 | // Return a placeholder with the same structure to avoid layout shift 15 | return
{children}
16 | } 17 | 18 | return <>{children} 19 | } 20 | 21 | -------------------------------------------------------------------------------- /components/content-wrapper.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | 3 | import { ReactNode } from "react" 4 | import { motion } from "framer-motion" 5 | import SmoothScroll from "@/components/smooth-scroll" 6 | 7 | export default function ContentWrapper({ children }: { children: ReactNode }) { 8 | return ( 9 | 10 | 18 | {children} 19 | 20 | 21 | ) 22 | } -------------------------------------------------------------------------------- /hooks/use-mobile.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | 3 | const MOBILE_BREAKPOINT = 768 4 | 5 | export function useIsMobile() { 6 | const [isMobile, setIsMobile] = React.useState(undefined) 7 | 8 | React.useEffect(() => { 9 | const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`) 10 | const onChange = () => { 11 | setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) 12 | } 13 | mql.addEventListener("change", onChange) 14 | setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) 15 | return () => mql.removeEventListener("change", onChange) 16 | }, []) 17 | 18 | return !!isMobile 19 | } 20 | -------------------------------------------------------------------------------- /components/ui/use-mobile.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | 3 | const MOBILE_BREAKPOINT = 768 4 | 5 | export function useIsMobile() { 6 | const [isMobile, setIsMobile] = React.useState(undefined) 7 | 8 | React.useEffect(() => { 9 | const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`) 10 | const onChange = () => { 11 | setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) 12 | } 13 | mql.addEventListener("change", onChange) 14 | setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) 15 | return () => mql.removeEventListener("change", onChange) 16 | }, []) 17 | 18 | return !!isMobile 19 | } 20 | -------------------------------------------------------------------------------- /public/site.webmanifest: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Karthik Lal - IT Manager & Certified Ethical Hacker", 3 | "short_name": "Karthik Lal", 4 | "description": "Portfolio of Karthik Lal - IT Manager, Certified Ethical Hacker, and Full Stack Developer", 5 | "icons": [ 6 | { 7 | "src": "/logo-dark.png", 8 | "sizes": "192x192", 9 | "type": "image/png" 10 | }, 11 | { 12 | "src": "/logo-dark.png", 13 | "sizes": "512x512", 14 | "type": "image/png" 15 | } 16 | ], 17 | "theme_color": "#000000", 18 | "background_color": "#ffffff", 19 | "display": "standalone", 20 | "start_url": "/", 21 | "scope": "/", 22 | "orientation": "portrait-primary" 23 | } 24 | -------------------------------------------------------------------------------- /components/ui/textarea.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | 3 | import { cn } from "@/lib/utils" 4 | 5 | const Textarea = React.forwardRef< 6 | HTMLTextAreaElement, 7 | React.ComponentProps<"textarea"> 8 | >(({ className, ...props }, ref) => { 9 | return ( 10 |