|
|
|
|
@@ -43,16 +43,16 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitKpi
|
|
|
|
|
title="My Life Journey"
|
|
|
|
|
description="Welcome to my personal story. This is where I share the chapters of my life, the moments that shaped me, and the lessons I've learned along the way."
|
|
|
|
|
title="私の人生の旅"
|
|
|
|
|
description="私の個人的な物語へようこそ。ここは私の人生の章、私を形作った瞬間、そして私が学んだ教訓を共有する場所です。"
|
|
|
|
|
tag="Personal History"
|
|
|
|
|
tagIcon={BookOpen}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
background={{ variant: "glowing-orb" }}
|
|
|
|
|
kpis={[
|
|
|
|
|
{ value: "25+", label: "Years of Experience" },
|
|
|
|
|
{ value: "10+", label: "Major Milestones" },
|
|
|
|
|
{ value: "∞", label: "Memories Made" }
|
|
|
|
|
{ value: "25+", label: "年の経験" },
|
|
|
|
|
{ value: "10+", label: "主要なマイルストーン" },
|
|
|
|
|
{ value: "∞", label: "思い出" }
|
|
|
|
|
]}
|
|
|
|
|
enableKpiAnimation={true}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-leaning-studio-lamp_23-2148565483.jpg"
|
|
|
|
|
@@ -72,9 +72,9 @@ export default function LandingPage() {
|
|
|
|
|
tag="About Me"
|
|
|
|
|
tagIcon={User}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
title="Who I Am and Where I Come From"
|
|
|
|
|
description="A journey shaped by curiosity, passion, and meaningful connections."
|
|
|
|
|
subdescription="Personal autobiography and life narrative"
|
|
|
|
|
title="私は誰で、どこから来たのか"
|
|
|
|
|
description="好奇心、情熱、そして意味のある繋がりによって形作られた人生の旅。"
|
|
|
|
|
subdescription="個人的な自叙伝と人生の物語"
|
|
|
|
|
icon={Heart}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/monochrome-portrait-grandmother-with-grandchild-celebration-grandparents-day_23-2151553263.jpg"
|
|
|
|
|
imageAlt="Childhood memory"
|
|
|
|
|
@@ -85,18 +85,18 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="timeline" data-section="timeline">
|
|
|
|
|
<FeatureHoverPattern
|
|
|
|
|
title="Life Timeline"
|
|
|
|
|
description="Key moments and chapters that have defined my journey."
|
|
|
|
|
title="人生の時系列"
|
|
|
|
|
description="私の人生の旅を定義した重要な瞬間と章。"
|
|
|
|
|
tag="Milestones"
|
|
|
|
|
tagIcon={Calendar}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
features={[
|
|
|
|
|
{ icon: Baby, title: "Early Years", description: "Childhood adventures and foundational memories that shaped my values and curiosity." },
|
|
|
|
|
{ icon: BookOpen, title: "Education", description: "Academic pursuits and learning experiences that opened new perspectives and possibilities." },
|
|
|
|
|
{ icon: Briefcase, title: "Career Path", description: "Professional journey with meaningful work and growth opportunities that defined my purpose." },
|
|
|
|
|
{ icon: Users, title: "Relationships", description: "Connections with family and friends that provided support, love, and unforgettable moments." },
|
|
|
|
|
{ icon: Zap, title: "Breakthroughs", description: "Transformative moments and pivotal decisions that changed the trajectory of my life." },
|
|
|
|
|
{ icon: Compass, title: "Future Vision", description: "Where I am heading and what I aspire to achieve in the chapters yet to come." }
|
|
|
|
|
{ icon: Baby, title: "幼少期", description: "私の価値観と好奇心を形作った子供時代の冒険と基礎となる思い出。" },
|
|
|
|
|
{ icon: BookOpen, title: "教育", description: "新しい視点と可能性を開く学術的な追求と学習体験。" },
|
|
|
|
|
{ icon: Briefcase, title: "キャリアパス", description: "意味のある仕事と成長の機会によって私の目的を定義した職業上の旅。" },
|
|
|
|
|
{ icon: Users, title: "人間関係", description: "支援、愛、そして忘れられない瞬間をもたらした家族と友人との繋がり。" },
|
|
|
|
|
{ icon: Zap, title: "ブレークスルー", description: "私の人生の軌道を変えた変革的な瞬間と重要な決定。" },
|
|
|
|
|
{ icon: Compass, title: "将来のビジョン", description: "私が向かっている方向とまだ来ていない章で達成したいことを志向する。" }
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -116,10 +116,10 @@ export default function LandingPage() {
|
|
|
|
|
tagIcon={Trophy}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "1", icon: Award, title: "Recognition", value: "15+" },
|
|
|
|
|
{ id: "1", icon: Award, title: "Awards & Recognition", value: "15+" },
|
|
|
|
|
{ id: "2", icon: Target, title: "Goals Met", value: "40+" },
|
|
|
|
|
{ id: "3", icon: Star, title: "Adventures", value: "50+" },
|
|
|
|
|
{ id: "4", icon: Heart, title: "Lives Touched", value: "100+" }
|
|
|
|
|
{ id: "4", icon: Heart, title: "People Impacted", value: "100+" }
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -169,12 +169,12 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="philosophy" data-section="philosophy">
|
|
|
|
|
<TestimonialAboutCard
|
|
|
|
|
tag="Life Philosophy"
|
|
|
|
|
tag="人生哲学"
|
|
|
|
|
tagIcon={Lightbulb}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
title="Lessons Learned and Values Held"
|
|
|
|
|
description="The wisdom I've gathered from experience, relationships, and quiet reflection."
|
|
|
|
|
subdescription="Guiding principles for living a meaningful life"
|
|
|
|
|
title="学んだ教訓と大切にする価値観"
|
|
|
|
|
description="経験、人間関係、そして静かな思考から集めた知恵。"
|
|
|
|
|
subdescription="意味のある人生を送るためのガイダンスの原則"
|
|
|
|
|
icon={Compass}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/wooden-bridge-natural-forest_23-2147677693.jpg"
|
|
|
|
|
imageAlt="Life philosophy inspiration"
|
|
|
|
|
@@ -185,13 +185,13 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactText
|
|
|
|
|
text="I'd love to hear from you. Whether you want to share a story, ask a question, or simply connect, reach out anytime."
|
|
|
|
|
text="ご連絡をお待ちしています。物語を共有したい場合、質問がある場合、またはシンプルに繋がりたい場合は、いつでもお気軽にご連絡ください。"
|
|
|
|
|
animationType="entrance-slide"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Send Message", href: "mailto:hello@myemail.com" },
|
|
|
|
|
{ text: "Follow My Updates", href: "#" }
|
|
|
|
|
{ text: "メッセージを送信", href: "mailto:hello@myemail.com" },
|
|
|
|
|
{ text: "更新をフォロー", href: "#" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -200,28 +200,28 @@ export default function LandingPage() {
|
|
|
|
|
<FooterSimple
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Navigate", items: [
|
|
|
|
|
{ label: "Home", href: "#" },
|
|
|
|
|
{ label: "About", href: "#about" },
|
|
|
|
|
{ label: "Timeline", href: "#timeline" }
|
|
|
|
|
title: "ナビゲート", items: [
|
|
|
|
|
{ label: "ホーム", href: "#" },
|
|
|
|
|
{ label: "について", href: "#about" },
|
|
|
|
|
{ label: "タイムライン", href: "#timeline" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Connect", items: [
|
|
|
|
|
{ label: "Email", href: "mailto:hello@myemail.com" },
|
|
|
|
|
title: "繋がる", items: [
|
|
|
|
|
{ label: "メール", href: "mailto:hello@myemail.com" },
|
|
|
|
|
{ label: "LinkedIn", href: "#" },
|
|
|
|
|
{ label: "Twitter", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
{ label: "Privacy", href: "#" },
|
|
|
|
|
{ label: "Terms", href: "#" }
|
|
|
|
|
title: "法務", items: [
|
|
|
|
|
{ label: "プライバシー", href: "#" },
|
|
|
|
|
{ label: "利用規約", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
bottomLeftText="© 2025 My Story. All memories are mine to share."
|
|
|
|
|
bottomRightText="Crafted with care and reflection"
|
|
|
|
|
bottomLeftText="© 2025 My Story. すべての思い出は私のものとして共有されています。"
|
|
|
|
|
bottomRightText="ケアと思考を込めて作成されました"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
