Revert "feat: implement hero section with responsive layout and tests"

This reverts commit aad6ed5.

Author: attarchi

__mocks__/react-syntax-highlighter.tsx

@@ -10,8 +10,6 @@ const config: Config = {
     testEnvironment: 'jest-environment-jsdom',
     moduleNameMapper: {
         '^@/(.*)$': '<rootDir>/src/$1',
-        '^react-syntax-highlighter$': '<rootDir>/__mocks__/react-syntax-highlighter.tsx',
-        '^react-syntax-highlighter/dist/esm/styles/prism$': '<rootDir>/__mocks__/react-syntax-highlighter.tsx',
     },
     testMatch: [
         '<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}',
@@ -37,9 +35,6 @@ const config: Config = {
             tsconfig: 'tsconfig.json',
         }],
     },
-    transformIgnorePatterns: [
-        '/node_modules/(?!(react-syntax-highlighter)/)'
-    ],
 };
 
 export default createJestConfig(config); 

jest.config.ts

@@ -14,16 +14,12 @@
     "test:coverage": "jest --coverage"
   },
   "dependencies": {
-    "@types/react-syntax-highlighter": "^15.5.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "framer-motion": "^12.12.2",
     "lucide-react": "^0.511.0",
     "next": "14.1.0",
-    "next-themes": "^0.4.6",
     "react": "^18",
     "react-dom": "^18",
-    "react-syntax-highlighter": "^15.6.1",
     "tailwind-merge": "^3.3.0"
   },
   "devDependencies": {

package.json

@@ -13,21 +13,10 @@ import {
   Text,
 } from "@/components/ui";
 import { ThemeToggle } from '../components/ui/ThemeToggle'
-import Hero from '@/components/ui/Hero'
 
 export default function Home() {
   return (
     <div className="min-h-screen bg-background text-text">
-      <Hero
-        headline="Senior Full-Stack Developer & Problem Solver"
-        subtitle="20+ years crafting scalable web applications with React, Node.js, and modern architectures"
-        location="Istanbul, Turkey • Remote Worldwide"
-        avatarSrc="/avatar.png"
-        avatarAlt="Professional headshot"
-        ctaPrimary={{ label: 'View Projects', href: '/projects' }}
-        ctaSecondary={{ label: 'Contact Me', href: '/contact' }}
-      />
-
       <Section variant="surface" spacing="lg" className="border-b border-accent/20">
         <div className="container mx-auto flex justify-between items-center">
           <Heading as="h1" size="h2" className="text-accent">UI Component Showcase</Heading>