{"ast":null,"code":"import _taggedTemplateLiteral from\"/home/fanfarm/FanFarm/system/V3fanfarm-ubuntu-local/V3fanfarm-frontend/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js\";var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject0,_templateObject1,_templateObject10,_templateObject11;import React from'react';import{useNavigate}from'react-router-dom';import styled from'styled-components';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";const HomeContainer=styled.div(_templateObject||(_templateObject=_taggedTemplateLiteral([\"\\n  min-height: calc(100vh - 64px);\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n  background: linear-gradient(135deg, #4caf50 0%, #81c784 100%);\\n  padding: 24px;\\n\"])));const HeroSection=styled.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral([\"\\n  text-align: center;\\n  max-width: 800px;\\n  width: 100%;\\n  animation: fadeInUp 1s ease;\\n\\n  @keyframes fadeInUp {\\n    from {\\n      opacity: 0;\\n      transform: translateY(30px);\\n    }\\n    to {\\n      opacity: 1;\\n      transform: translateY(0);\\n    }\\n  }\\n\"])));const Logo=styled.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral([\"\\n  font-size: 64px;\\n  margin-bottom: 24px;\\n  animation: bounce 2s infinite;\\n\\n  @keyframes bounce {\\n    0%, 100% { transform: translateY(0); }\\n    50% { transform: translateY(-10px); }\\n  }\\n  \\n  @media (max-width: 768px) {\\n    font-size: 48px;\\n  }\\n\"])));const Title=styled.h1(_templateObject4||(_templateObject4=_taggedTemplateLiteral([\"\\n  font-size: 48px;\\n  color: white;\\n  margin-bottom: 16px;\\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\\n  \\n  @media (max-width: 768px) {\\n    font-size: 32px;\\n  }\\n\"])));const Subtitle=styled.p(_templateObject5||(_templateObject5=_taggedTemplateLiteral([\"\\n  font-size: 24px;\\n  color: white;\\n  margin-bottom: 48px;\\n  line-height: 1.6;\\n  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);\\n  \\n  @media (max-width: 768px) {\\n    font-size: 18px;\\n    margin-bottom: 32px;\\n  }\\n\"])));const ButtonGroup=styled.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral([\"\\n  display: flex;\\n  gap: 24px;\\n  justify-content: center;\\n  flex-wrap: wrap;\\n  \\n  @media (max-width: 768px) {\\n    flex-direction: column;\\n    width: 100%;\\n    gap: 16px;\\n  }\\n\"])));// 白背景のボタン（視認性向上）\nconst Button=styled.button(_templateObject7||(_templateObject7=_taggedTemplateLiteral([\"\\n  background-color: white;\\n  color: #4caf50;\\n  border: none;\\n  padding: 16px 48px;\\n  font-size: 18px;\\n  font-weight: bold;\\n  border-radius: 50px;\\n  cursor: pointer;\\n  transition: all 0.3s;\\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\\n  min-width: 200px;\\n  \\n  &:hover {\\n    transform: translateY(-2px);\\n    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);\\n    background-color: #f8f8f8;\\n  }\\n  \\n  &:active {\\n    transform: translateY(0);\\n  }\\n  \\n  @media (max-width: 768px) {\\n    width: 100%;\\n    max-width: 300px;\\n    padding: 14px 32px;\\n    font-size: 16px;\\n  }\\n\"])));// ログインボタン（アウトライン版）\nconst OutlineButton=styled(Button)(_templateObject8||(_templateObject8=_taggedTemplateLiteral([\"\\n  background-color: transparent;\\n  color: white;\\n  border: 3px solid white;\\n  \\n  &:hover {\\n    background-color: white;\\n    color: #4caf50;\\n  }\\n\"])));const FeatureSection=styled.div(_templateObject9||(_templateObject9=_taggedTemplateLiteral([\"\\n  display: grid;\\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\n  gap: 32px;\\n  margin-top: 80px;\\n  max-width: 1000px;\\n  width: 100%;\\n  \\n  @media (max-width: 768px) {\\n    margin-top: 48px;\\n    gap: 24px;\\n  }\\n\"])));const FeatureCard=styled.div(_templateObject0||(_templateObject0=_taggedTemplateLiteral([\"\\n  background: rgba(255, 255, 255, 0.95);\\n  padding: 32px;\\n  border-radius: 16px;\\n  text-align: center;\\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\\n  transition: transform 0.3s;\\n  \\n  &:hover {\\n    transform: translateY(-5px);\\n  }\\n\"])));const FeatureIcon=styled.div(_templateObject1||(_templateObject1=_taggedTemplateLiteral([\"\\n  font-size: 48px;\\n  margin-bottom: 16px;\\n\"])));const FeatureTitle=styled.h3(_templateObject10||(_templateObject10=_taggedTemplateLiteral([\"\\n  font-size: 20px;\\n  color: #333;\\n  margin-bottom: 12px;\\n\"])));const FeatureDescription=styled.p(_templateObject11||(_templateObject11=_taggedTemplateLiteral([\"\\n  font-size: 14px;\\n  color: #666;\\n  line-height: 1.6;\\n\"])));const Home=()=>{const navigate=useNavigate();return/*#__PURE__*/_jsxs(HomeContainer,{children:[/*#__PURE__*/_jsxs(HeroSection,{children:[/*#__PURE__*/_jsx(Logo,{children:\"\\uD83C\\uDF3E\"}),/*#__PURE__*/_jsx(Title,{children:\"\\u30D5\\u30A1\\u30F3\\u30D5\\u30A1\\u30FC\\u30E0\"}),/*#__PURE__*/_jsxs(Subtitle,{children:[\"\\u5C71\\u5F62\\u770C\\u9152\\u7530\\u5E02\\u306E\\u8FB2\\u5BB6\\u3068\",/*#__PURE__*/_jsx(\"br\",{}),\"\\u30A2\\u30EB\\u30D0\\u30A4\\u30C8\\u5E0C\\u671B\\u8005\\u3092\\u3064\\u306A\\u3050\",/*#__PURE__*/_jsx(\"br\",{}),\"\\u30DE\\u30C3\\u30C1\\u30F3\\u30B0\\u30D7\\u30E9\\u30C3\\u30C8\\u30D5\\u30A9\\u30FC\\u30E0\"]}),/*#__PURE__*/_jsxs(ButtonGroup,{children:[/*#__PURE__*/_jsx(Button,{onClick:()=>navigate('/register'),children:\"\\u65B0\\u898F\\u767B\\u9332\\u3059\\u308B\"}),/*#__PURE__*/_jsx(OutlineButton,{onClick:()=>navigate('/login'),children:\"\\u30ED\\u30B0\\u30A4\\u30F3\\u3059\\u308B\"})]})]}),/*#__PURE__*/_jsxs(FeatureSection,{children:[/*#__PURE__*/_jsxs(FeatureCard,{children:[/*#__PURE__*/_jsx(FeatureIcon,{children:\"\\uD83E\\uDDD1\\u200D\\uD83C\\uDF3E\"}),/*#__PURE__*/_jsx(FeatureTitle,{children:\"\\u8FB2\\u5BB6\\u306E\\u65B9\\u3078\"}),/*#__PURE__*/_jsxs(FeatureDescription,{children:[\"\\u53CE\\u7A6B\\u671F\\u306E\\u4EBA\\u624B\\u4E0D\\u8DB3\\u3092\\u89E3\\u6D88\\uFF01\",/*#__PURE__*/_jsx(\"br\",{}),\"\\u7C21\\u5358\\u306B\\u6C42\\u4EBA\\u3092\\u6295\\u7A3F\\u3067\\u304D\\u307E\\u3059\"]})]}),/*#__PURE__*/_jsxs(FeatureCard,{children:[/*#__PURE__*/_jsx(FeatureIcon,{children:\"\\uD83D\\uDCBC\"}),/*#__PURE__*/_jsx(FeatureTitle,{children:\"\\u50CD\\u304D\\u305F\\u3044\\u65B9\\u3078\"}),/*#__PURE__*/_jsxs(FeatureDescription,{children:[\"\\u8FB2\\u696D\\u4F53\\u9A13\\u3057\\u306A\\u304C\\u3089\\u53CE\\u5165\\u3092\\u5F97\\u308B\",/*#__PURE__*/_jsx(\"br\",{}),\"\\u67D4\\u8EDF\\u306A\\u50CD\\u304D\\u65B9\\u304C\\u53EF\\u80FD\\u3067\\u3059\"]})]}),/*#__PURE__*/_jsxs(FeatureCard,{children:[/*#__PURE__*/_jsx(FeatureIcon,{children:\"\\uD83E\\uDD1D\"}),/*#__PURE__*/_jsx(FeatureTitle,{children:\"\\u5B89\\u5FC3\\u306E\\u30B5\\u30DD\\u30FC\\u30C8\"}),/*#__PURE__*/_jsxs(FeatureDescription,{children:[\"\\u30E1\\u30C3\\u30BB\\u30FC\\u30B8\\u6A5F\\u80FD\\u3067\",/*#__PURE__*/_jsx(\"br\",{}),\"\\u4E8B\\u524D\\u306B\\u8A73\\u7D30\\u3092\\u78BA\\u8A8D\\u3067\\u304D\\u307E\\u3059\"]})]})]})]});};export default Home;","map":{"version":3,"names":["React","useNavigate","styled","jsx","_jsx","jsxs","_jsxs","HomeContainer","div","_templateObject","_taggedTemplateLiteral","HeroSection","_templateObject2","Logo","_templateObject3","Title","h1","_templateObject4","Subtitle","p","_templateObject5","ButtonGroup","_templateObject6","Button","button","_templateObject7","OutlineButton","_templateObject8","FeatureSection","_templateObject9","FeatureCard","_templateObject0","FeatureIcon","_templateObject1","FeatureTitle","h3","_templateObject10","FeatureDescription","_templateObject11","Home","navigate","children","onClick"],"sources":["/home/fanfarm/FanFarm/system/V3fanfarm-ubuntu-local/V3fanfarm-frontend/src/components/home/Home.js"],"sourcesContent":["import React from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport styled from 'styled-components';\n\nconst HomeContainer = styled.div`\n  min-height: calc(100vh - 64px);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background: linear-gradient(135deg, #4caf50 0%, #81c784 100%);\n  padding: 24px;\n`;\n\nconst HeroSection = styled.div`\n  text-align: center;\n  max-width: 800px;\n  width: 100%;\n  animation: fadeInUp 1s ease;\n\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n`;\n\nconst Logo = styled.div`\n  font-size: 64px;\n  margin-bottom: 24px;\n  animation: bounce 2s infinite;\n\n  @keyframes bounce {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n  }\n  \n  @media (max-width: 768px) {\n    font-size: 48px;\n  }\n`;\n\nconst Title = styled.h1`\n  font-size: 48px;\n  color: white;\n  margin-bottom: 16px;\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n  \n  @media (max-width: 768px) {\n    font-size: 32px;\n  }\n`;\n\nconst Subtitle = styled.p`\n  font-size: 24px;\n  color: white;\n  margin-bottom: 48px;\n  line-height: 1.6;\n  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);\n  \n  @media (max-width: 768px) {\n    font-size: 18px;\n    margin-bottom: 32px;\n  }\n`;\n\nconst ButtonGroup = styled.div`\n  display: flex;\n  gap: 24px;\n  justify-content: center;\n  flex-wrap: wrap;\n  \n  @media (max-width: 768px) {\n    flex-direction: column;\n    width: 100%;\n    gap: 16px;\n  }\n`;\n\n// 白背景のボタン（視認性向上）\nconst Button = styled.button`\n  background-color: white;\n  color: #4caf50;\n  border: none;\n  padding: 16px 48px;\n  font-size: 18px;\n  font-weight: bold;\n  border-radius: 50px;\n  cursor: pointer;\n  transition: all 0.3s;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  min-width: 200px;\n  \n  &:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);\n    background-color: #f8f8f8;\n  }\n  \n  &:active {\n    transform: translateY(0);\n  }\n  \n  @media (max-width: 768px) {\n    width: 100%;\n    max-width: 300px;\n    padding: 14px 32px;\n    font-size: 16px;\n  }\n`;\n\n// ログインボタン（アウトライン版）\nconst OutlineButton = styled(Button)`\n  background-color: transparent;\n  color: white;\n  border: 3px solid white;\n  \n  &:hover {\n    background-color: white;\n    color: #4caf50;\n  }\n`;\n\nconst FeatureSection = styled.div`\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 32px;\n  margin-top: 80px;\n  max-width: 1000px;\n  width: 100%;\n  \n  @media (max-width: 768px) {\n    margin-top: 48px;\n    gap: 24px;\n  }\n`;\n\nconst FeatureCard = styled.div`\n  background: rgba(255, 255, 255, 0.95);\n  padding: 32px;\n  border-radius: 16px;\n  text-align: center;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  transition: transform 0.3s;\n  \n  &:hover {\n    transform: translateY(-5px);\n  }\n`;\n\nconst FeatureIcon = styled.div`\n  font-size: 48px;\n  margin-bottom: 16px;\n`;\n\nconst FeatureTitle = styled.h3`\n  font-size: 20px;\n  color: #333;\n  margin-bottom: 12px;\n`;\n\nconst FeatureDescription = styled.p`\n  font-size: 14px;\n  color: #666;\n  line-height: 1.6;\n`;\n\nconst Home = () => {\n  const navigate = useNavigate();\n\n  return (\n    <HomeContainer>\n      <HeroSection>\n        <Logo>🌾</Logo>\n        <Title>ファンファーム</Title>\n        <Subtitle>\n          山形県酒田市の農家と<br />\n          アルバイト希望者をつなぐ<br />\n          マッチングプラットフォーム\n        </Subtitle>\n        \n        <ButtonGroup>\n          <Button onClick={() => navigate('/register')}>\n            新規登録する\n          </Button>\n          <OutlineButton onClick={() => navigate('/login')}>\n            ログインする\n          </OutlineButton>\n        </ButtonGroup>\n      </HeroSection>\n      \n      <FeatureSection>\n        <FeatureCard>\n          <FeatureIcon>🧑‍🌾</FeatureIcon>\n          <FeatureTitle>農家の方へ</FeatureTitle>\n          <FeatureDescription>\n            収穫期の人手不足を解消！<br />\n            簡単に求人を投稿できます\n          </FeatureDescription>\n        </FeatureCard>\n        \n        <FeatureCard>\n          <FeatureIcon>💼</FeatureIcon>\n          <FeatureTitle>働きたい方へ</FeatureTitle>\n          <FeatureDescription>\n            農業体験しながら収入を得る<br />\n            柔軟な働き方が可能です\n          </FeatureDescription>\n        </FeatureCard>\n        \n        <FeatureCard>\n          <FeatureIcon>🤝</FeatureIcon>\n          <FeatureTitle>安心のサポート</FeatureTitle>\n          <FeatureDescription>\n            メッセージ機能で<br />\n            事前に詳細を確認できます\n          </FeatureDescription>\n        </FeatureCard>\n      </FeatureSection>\n    </HomeContainer>\n  );\n};\n\nexport default Home;\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}