new

Author: tanmayhinge

.github/workflows/deploy.yml

@@ -0,0 +1,31 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [ main ]
+  workflow_dispatch:
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run export
+
+      - name: Deploy
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: out
+          branch: gh-pages
+

.gitignore

@@ -0,0 +1,27 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.nojekyll

@@ -0,0 +1,2 @@
+
+

.vscode/settings.json

@@ -1 +1,2 @@
-www.tanmayhinge.com
+tanmayhinge.com
+

CNAME

@@ -0,0 +1,116 @@
+"use client"
+
+import { useState } from "react"
+import MainSection from "@/components/MainSection"
+import Link from "next/link"
+import { ArrowRight, X } from "lucide-react"
+import dynamic from "next/dynamic"
+
+// Import SplineBackground with no SSR
+const SplineBackground = dynamic(() => import("@/components/SplineBackground"), {
+  ssr: false,
+})
+
+export default function ClientPage() {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
+
+  const toggleMobileMenu = () => {
+    setMobileMenuOpen(!mobileMenuOpen)
+  }
+
+  return (
+    <div className="min-h-screen bg-transparent text-white relative">
+      {/* Main content with lowest z-index */}
+      <div className="relative z-[1]">
+        <MainSection />
+      </div>
+
+      {/* Spline Background with middle z-index */}
+      <div className="fixed inset-0 z-[50]">
+        <SplineBackground />
+      </div>
+
+      {/* Navigation with highest z-index */}
+      <nav className="fixed top-0 left-0 right-0 z-[100] py-4 sm:py-8">
+        <div className="w-full px-4 sm:px-6 flex justify-between items-center">
+          {/* Logo at extreme left */}
+          <div className="z-[200]">
+            <Link href="/" className="text-xl sm:text-2xl font-medium" style={{ pointerEvents: "auto" }}>
+              Tanmay Hinge
+            </Link>
+          </div>
+
+          {/* Center navigation links (desktop only) */}
+          <div className="absolute left-1/2 transform -translate-x-1/2 hidden md:flex items-center gap-8 z-[200]">
+            <Link href="#work" className="hover:text-gray-300" style={{ pointerEvents: "auto" }}>
+              Work
+            </Link>
+            <Link href="#about" className="hover:text-gray-300" style={{ pointerEvents: "auto" }}>
+              About
+            </Link>
+            <Link href="#contact" className="hover:text-gray-300" style={{ pointerEvents: "auto" }}>
+              Contact
+            </Link>
+          </div>
+
+          {/* Right section - Button and mobile menu toggle */}
+          <div className="z-[200]">
+            {/* Mobile menu button (only visible on small screens) */}
+            <button
+              onClick={toggleMobileMenu}
+              className="md:hidden w-8 h-8 flex flex-col justify-center gap-1.5"
+              style={{ pointerEvents: "auto" }}
+              aria-label="Toggle mobile menu"
+            >
+              {mobileMenuOpen ? (
+                <X className="w-6 h-6" />
+              ) : (
+                <>
+                  <span className="w-full h-0.5 bg-white"></span>
+                  <span className="w-full h-0.5 bg-white"></span>
+                </>
+              )}
+            </button>
+
+            {/* Let's collaborate button (desktop only) */}
+            <Link
+              href="#contact"
+              className="hidden md:inline-flex items-center gap-2 border border-white px-4 py-2 hover:bg-white hover:text-black transition-colors bg-black bg-opacity-70"
+              style={{ pointerEvents: "auto" }}
+            >
+              Let's collaborate <ArrowRight className="w-4 h-4" />
+            </Link>
+          </div>
+        </div>
+
+        {/* Mobile menu (only visible when open) */}
+        {mobileMenuOpen && (
+          <div
+            className="md:hidden fixed inset-0 bg-black bg-opacity-95 z-[150] pt-20 px-4"
+            style={{ pointerEvents: "auto" }}
+          >
+            <div className="flex flex-col items-center gap-8 text-xl">
+              <Link href="#work" className="hover:text-gray-300" onClick={() => setMobileMenuOpen(false)}>
+                Work
+              </Link>
+              <Link href="#about" className="hover:text-gray-300" onClick={() => setMobileMenuOpen(false)}>
+                About
+              </Link>
+              <Link href="#contact" className="hover:text-gray-300" onClick={() => setMobileMenuOpen(false)}>
+                Contact
+              </Link>
+              <Link
+                href="#contact"
+                className="inline-flex items-center gap-2 border border-white px-4 py-2 mt-4 hover:bg-white hover:text-black transition-colors"
+                onClick={() => setMobileMenuOpen(false)}
+              >
+                Let's collaborate <ArrowRight className="w-4 h-4" />
+              </Link>
+            </div>
+          </div>
+        )}
+      </nav>
+    </div>
+  )
+}
+

app/ClientPage.tsx

@@ -0,0 +1,11 @@
+export default function AboutPage() {
+  return (
+    <div className="min-h-screen pt-32 px-4 flex items-center justify-center">
+      <div className="text-center">
+        <h1 className="text-4xl font-bold mb-4">About</h1>
+        <p className="text-gray-400">This page is under construction.</p>
+      </div>
+    </div>
+  )
+}
+

app/about/page.tsx

@@ -0,0 +1,22 @@
+"use server"
+
+export async function downloadResume() {
+  const resume = `Juan
+Software Engineer Manager
+Mexico City, Mexico (GMT-6)
+(+52) 55 83 67 99 08
+[email protected]
+juancarlosjiron.com
+
+As a Software Engineer, I developed an Android application used nationwide for delivering medicine in Mexico, created a website that receives 100,000 visitors per month, built an e-commerce platform generating $500,000 in sales per month, and contributed to open-source libraries in the real estate sector. My experience includes working with technologies such as React, Android, Java, Kotlin, TypeScript, and Spring Boot.
+
+[... rest of resume content ...]`
+
+  return new Response(resume, {
+    headers: {
+      "Content-Type": "text/plain",
+      "Content-Disposition": 'attachment; filename="juan-carlos-jiron-resume.txt"',
+    },
+  })
+}
+