Upload 14 files

.gitattributes

@@ -33,3 +33,7 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+assets/bg_video-CiXQG19W.mp4 filter=lfs diff=lfs merge=lfs -text
+cybersecure.jpg filter=lfs diff=lfs merge=lfs -text
+jigyasaa.jpg filter=lfs diff=lfs merge=lfs -text
+pinn_medium.jpg filter=lfs diff=lfs merge=lfs -text

.spacesconfig.yaml

@@ -0,0 +1,2 @@
+app_file: dist/index.html
+sdk: static

README.md

@@ -1,10 +1,28 @@
----
-title: Megh4tech
-emoji: 📉
-colorFrom: green
-colorTo: pink
-sdk: static
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+---
+title: Megh_Portfolio
+emoji: 🚀
+colorFrom: blue
+colorTo: purple
+sdk: static
+pinned: false
+---
+
+# My Portfolio
+
+A modern, interactive portfolio website built with React and Vite.
+
+## Features
+
+- Responsive design
+- Interactive UI components
+- Smooth animations with Framer Motion
+- Modern tech stack showcase
+
+## Tech Stack
+
+- React 19
+- Vite
+- Framer Motion
+- React Icons
+
+Check out the live demo above!

assets/bg_video-CiXQG19W.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ce03ec6586eff422ae2d264302f5b1f950959bf5f54a40f6eab7b1c50d130fa7
+size 36819601

assets/index-oYWs4MVv.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap";:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--text-primary: #ffffff;--text-secondary: #a8a8a8;--text-muted: #666666;--accent-white: #ffffff;--accent-gray: #cccccc;--gradient-bw: linear-gradient(135deg, #ffffff 0%, #888888 100%);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", sans-serif;--font-display: "Rajdhani", sans-serif;--font-logo: "Roboto", sans-serif}*{margin:0;padding:0;box-sizing:border-box;cursor:url(/steering-wheel-cursor.png) 32 32,auto!important}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden;line-height:1.6;font-weight:300}a{text-decoration:none;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-white);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gray)}::selection{background:var(--accent-white);color:#000}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0;position:relative}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;text-transform:uppercase}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:4rem;font-weight:300}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-8px) scale(1.02);border-color:#ffffff4d;box-shadow:0 20px 60px -10px #ffffff1a;background:#ffffff0d}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:.9375rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-family:var(--font-display);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--accent-white);color:#000;box-shadow:0 4px 12px #ffffff4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 24px #fff6}.btn-outline{background:transparent;color:var(--accent-white);border:2px solid var(--accent-white)}.btn-outline:hover{background:#ffffff1a;transform:translateY(-3px);box-shadow:0 8px 16px #fff3}.gradient-text{background:var(--gradient-bw);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background:linear-gradient(135deg,#fff,#ccc,#888,#fff);background-size:300% 300%;animation:gradient-shift 8s ease infinite}.dot-pattern{background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes logoPop{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.zoom-in{animation:zoomIn .6s ease-out forwards}.slide-in-left{animation:slideInLeft .6s ease-out forwards}@media(max-width:768px){.container{padding:0 1.5rem}.section{padding:4rem 0}.section-title{margin-bottom:.75rem}.section-subtitle{margin-bottom:2rem}}.odometer.odometer-auto-theme,.odometer.odometer-theme-default,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:middle;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;inset:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0);transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:480px){*{cursor:auto!important}.container{padding:0 1rem;max-width:100%}.section{padding:3rem 0}.section-title{font-size:clamp(1.75rem,8vw,2.25rem);margin-bottom:1rem;line-height:1.2}.section-subtitle{font-size:.875rem;line-height:1.6;margin-bottom:2rem}#home{min-height:100svh;padding:1.5rem 0}#home h1{font-size:clamp(2.25rem,10vw,3rem)!important;margin-bottom:1rem!important;line-height:1.1!important}#home p{font-size:.9375rem!important;margin-bottom:1.5rem!important;line-height:1.6!important}#home>div>div{padding:0 .5rem}#home>div>div>div:has(.btn){flex-direction:column!important;width:100%;gap:.75rem!important}#home .btn{width:100%;justify-content:center;padding:1rem 1.5rem}#home>div>div>div:last-child{gap:.5rem!important}#home>div>div>div:last-child>div{padding:.5rem 1rem!important;font-size:.75rem!important}.glass-card{padding:1.25rem!important;border-radius:10px;margin-bottom:1rem}.glass-card:hover{transform:none!important}.btn{padding:.875rem 1.5rem;font-size:.875rem;min-height:48px;min-width:48px}.about-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.skills-scroll-container{padding:1rem .5rem!important;gap:.75rem!important}.skills-scroll-container>div{min-width:260px!important;max-width:280px!important;padding:1.5rem!important}#projects>div>div>div:nth-child(2)>div,#projects>div>div>div:nth-child(4)>div{grid-template-columns:1fr!important;gap:1.25rem!important}#projects .glass-card{margin-bottom:1rem}#projects img{height:180px!important}#experience .glass-card{padding-left:2rem!important}#experience .glass-card>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}#research>div>div>div{grid-template-columns:1fr!important;gap:1.25rem!important}#reads>div>div>div:first-of-type{grid-template-columns:1fr!important;gap:1.25rem!important}#contact>div>div>div:nth-child(3){grid-template-columns:1fr!important;gap:1rem!important}#contact input,#contact select,#contact textarea{font-size:16px!important;padding:1rem!important}#contact>div>div>div:nth-child(2){padding:2rem 1.5rem!important}nav{padding:1rem 0}nav a{font-size:clamp(1.25rem,6vw,1.75rem)!important}#home>a[href="/Megh_resume.pdf"]{display:none!important}.animated-gradient{animation:gradient-shift 8s ease infinite!important}h1{font-size:2rem!important}h2{font-size:1.75rem!important}h3{font-size:1.25rem!important}h4{font-size:1.125rem!important}p{font-size:.9375rem;line-height:1.7}}@media(min-width:481px)and (max-width:768px){.container{padding:0 1.5rem}.section{padding:4rem 0}.section-title{font-size:clamp(2.25rem,6vw,3rem)}.about-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.skills-scroll-container>div{min-width:320px!important}#projects>div>div>div:nth-child(2)>div{grid-template-columns:1fr!important}#projects>div>div>div:nth-child(4)>div{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}#research>div>div>div{grid-template-columns:1fr!important}#contact>div>div>div:nth-child(3){grid-template-columns:1fr!important}#contact input,#contact select,#contact textarea{font-size:16px!important}#home>a[href="/Megh_resume.pdf"]{padding:.75rem 1.25rem!important;font-size:.8125rem!important;top:1.5rem!important;right:1.5rem!important}}@media(min-width:769px)and (max-width:1024px){.container{padding:0 2rem;max-width:960px}.section{padding:5rem 0}.about-grid{grid-template-columns:1.5fr 1fr!important;gap:2rem!important}#projects>div>div>div:nth-child(2)>div{grid-template-columns:1fr!important}#projects>div>div>div:nth-child(4)>div{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}#research>div>div>div{grid-template-columns:1fr!important}}@media(min-width:1025px)and (max-width:1366px){.container{max-width:1200px}.about-grid{grid-template-columns:2fr 1fr!important}#projects>div>div>div:nth-child(2)>div{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))!important}}@media(min-width:1367px){.container{max-width:1400px}}@media(hover:none)and (pointer:coarse){.glass-card:hover{transform:none!important;box-shadow:none!important}.btn:hover{transform:none!important}button,a,input,select,textarea{min-height:48px;min-width:48px}button:active,a:active{opacity:.8;transform:scale(.98)}*{cursor:auto!important}}@media(max-height:500px)and (orientation:landscape){.section{padding:2rem 0}#home{min-height:auto;padding:1.5rem 0}.section-title{font-size:1.75rem;margin-bottom:.5rem}#home h1{font-size:2.5rem!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media(prefers-reduced-motion:no-preference){:focus-visible{outline:2px solid white;outline-offset:4px;border-radius:4px}}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.stack-mobile{flex-direction:column!important}.full-mobile{width:100%!important}}@supports (padding: max(0px)){.container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}#home{padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom))}}body,html{overflow-x:hidden;position:relative;width:100%}@media(max-width:768px){video{object-fit:cover;height:100vh;width:100vw;min-width:100%}}

index.html

@@ -1,19 +1,86 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="/curly.jpg" />
+
+  <!-- Essential Mobile Responsiveness -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes" />
+
+  <!-- Primary Meta Tags for SEO -->
+  <title>megh4tech</title>
+  <meta name="title" content="Megh Dave - AI/ML Researcher & Developer Portfolio" />
+  <meta name="description"
+    content="Portfolio of Megh Dave, an AI/ML Researcher & Developer. Innovating practical, scalable solutions in Artificial Intelligence, Deep Learning, Data Science, and Full Stack Development that make technology work effortlessly in the real world." />
+  <meta name="keywords"
+    content="Megh Dave, AI Researcher, ML Developer, Machine Learning, Deep Learning, Data Science, Full Stack Developer, Generative AI, NLP, Computer Vision, Python, TensorFlow, React, Node.js, DevOps, Docker, Kubernetes" />
+  <meta name="author" content="Megh Dave" />
+  <meta name="robots" content="index, follow" />
+  <meta name="language" content="English" />
+  <meta name="revisit-after" content="7 days" />
+
+  <!-- Open Graph / Facebook -->
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://huggingface.co/spaces/MEGH06/portfolio" />
+  <meta property="og:title" content="Megh Dave - AI/ML Researcher & Developer Portfolio" />
+  <meta property="og:description"
+    content="Innovating practical, scalable solutions in AI, Deep Learning, and Full Stack Development. Explore my projects and expertise." />
+  <meta property="og:image" content="https://huggingface.co/spaces/MEGH06/portfolio/resolve/main/og-image.jpg" />
+
+  <!-- Twitter -->
+  <meta property="twitter:card" content="summary_large_image" />
+  <meta property="twitter:url" content="https://huggingface.co/spaces/MEGH06/portfolio" />
+  <meta property="twitter:title" content="Megh Dave - AI/ML Researcher & Developer Portfolio" />
+  <meta property="twitter:description"
+    content="Innovating practical, scalable solutions in AI, Deep Learning, and Full Stack Development. Explore my projects and expertise." />
+  <meta property="twitter:image" content="https://huggingface.co/spaces/MEGH06/portfolio/resolve/main/og-image.jpg" />
+
+  <!-- Canonical URL -->
+  <link rel="canonical" href="https://huggingface.co/spaces/MEGH06/portfolio" />
+
+  <!-- Theme Color for Mobile Browsers -->
+  <meta name="theme-color" content="#000000" />
+  <meta name="msapplication-TileColor" content="#000000" />
+
+  <!-- Prevent Zoom on Input Focus (iOS) -->
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+  <!-- Preconnect for Performance -->
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+
+  <!-- Schema.org Structured Data for SEO -->
+  <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Person",
+      "name": "Megh Dave",
+      "url": "https://huggingface.co/spaces/MEGH06/portfolio",
+      "jobTitle": "AI/ML Engineer & Data Scientist",
+      "alumniOf": "Dwarkadas J. Sanghvi College of Engineering",
+      "knowsAbout": ["Machine Learning", "Deep Learning", "Data Science", "Python", "TensorFlow", "PyTorch", "React", "Node.js", "Computer Vision", "Natural Language Processing"],
+      "sameAs": [
+        "https://www.linkedin.com/in/megh-dave-4a2227314/",
+        "https://github.com/megh06"
+      ]
+    }
+    </script>
+  <script type="module" crossorigin src="/assets/index-B4vhA-nN.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-oYWs4MVv.css">
+</head>
+
+<body>
+  <div id="root"></div>
+
+  <!-- Accessibility: Skip to main content -->
+  <noscript>
+    <div style="padding: 2rem; text-align: center; background: #000; color: #fff;">
+      <h1>Megh Dave - AI/ML Engineer Portfolio</h1>
+      <p>This website requires JavaScript to function properly. Please enable JavaScript in your browser settings.</p>
+    </div>
+  </noscript>
+</body>
+
+</html>

robots.txt

@@ -0,0 +1,11 @@
+# robots.txt for Megh Dave Portfolio
+# Allows all search engines to crawl the entire site
+
+User-agent: *
+Allow: /
+
+# Sitemap location
+Sitemap: https://huggingface.co/spaces/MEGH06/portfolio/sitemap.xml
+
+# Crawl-delay (optional, helps prevent overload)
+Crawl-delay: 1

sitemap.xml

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <!-- Homepage -->
+  <url>
+    <loc>https://huggingface.co/spaces/MEGH06/portfolio</loc>
+    <lastmod>2025-12-09</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>1.0</priority>
+  </url>
+  
+  <!-- About Section -->
+  <url>
+    <loc>https://huggingface.co/spaces/MEGH06/portfolio#about</loc>
+    <lastmod>2025-12-09</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  
+  <!-- Projects Section -->
+  <url>
+    <loc>https://huggingface.co/spaces/MEGH06/portfolio#projects</loc>
+    <lastmod>2025-12-09</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  
+  <!-- Experience Section -->
+  <url>
+    <loc>https://huggingface.co/spaces/MEGH06/portfolio#experience</loc>
+    <lastmod>2025-12-09</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  
+  <!-- Contact Section -->
+  <url>
+    <loc>https://huggingface.co/spaces/MEGH06/portfolio#contact</loc>
+    <lastmod>2025-12-09</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.7</priority>
+  </url>
+</urlset>