Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
323
src/app/page.tsx
323
src/app/page.tsx
@@ -17,236 +17,117 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "コンセプト",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "機能",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "活用法",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="後悔日記"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "コンセプト", id: "about" },
|
||||
{ name: "機能", id: "features" },
|
||||
{ name: "活用法", id: "faq" },
|
||||
]}
|
||||
brandName="後悔日記"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="他人の後悔から、未来を編集する。"
|
||||
description="分岐点に立つあなたへ。過去の選択をただの後悔で終わらせず、次の一歩のための知恵へ。"
|
||||
testimonials={[
|
||||
{
|
||||
name: "佐藤 健",
|
||||
handle: "@ken_sat",
|
||||
testimonial: "自分が迷っていた選択の答えがここにありました。思考が整理されます。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg",
|
||||
},
|
||||
{
|
||||
name: "田中 美咲",
|
||||
handle: "@misaki_t",
|
||||
testimonial: "誰かの後悔がこんなにも役に立つなんて思わなかった。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-man-portrait_23-2149417566.jpg",
|
||||
},
|
||||
{
|
||||
name: "鈴木 一郎",
|
||||
handle: "@ichiro_s",
|
||||
testimonial: "キャリア選択の前に読んでよかった。視点が変わりました。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020028.jpg",
|
||||
},
|
||||
{
|
||||
name: "高橋 凛",
|
||||
handle: "@rin_t",
|
||||
testimonial: "AIが思考を深掘りしてくれるのが素晴らしい。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-man-posing-with-blue-background_23-2149417617.jpg",
|
||||
},
|
||||
{
|
||||
name: "伊藤 陸",
|
||||
handle: "@riku_i",
|
||||
testimonial: "失敗が資産になる場所。毎日見ています。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556782.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "後悔を見てみる",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="他人の後悔から、未来を編集する。"
|
||||
description="分岐点に立つあなたへ。過去の選択をただの後悔で終わらせず、次の一歩のための知恵へ。"
|
||||
testimonials={[
|
||||
{ name: "佐藤 健", handle: "@ken_sat", testimonial: "自分が迷っていた選択の答えがここにありました。思考が整理されます。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-woman-posing_23-2149417554.jpg" },
|
||||
{ name: "田中 美咲", handle: "@misaki_t", testimonial: "誰かの後悔がこんなにも役に立つなんて思わなかった。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-man-portrait_23-2149417566.jpg" },
|
||||
{ name: "鈴木 一郎", handle: "@ichiro_s", testimonial: "キャリア選択の前に読んでよかった。視点が変わりました。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020028.jpg" },
|
||||
{ name: "高橋 凛", handle: "@rin_t", testimonial: "AIが思考を深掘りしてくれるのが素晴らしい。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-unknown-man-posing-with-blue-background_23-2149417617.jpg" },
|
||||
{ name: "伊藤 陸", handle: "@riku_i", testimonial: "失敗が資産になる場所。毎日見ています。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556782.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "後悔を見てみる", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "失敗を、",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "次のステップへ。",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "失敗を、" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg" },
|
||||
{ type: "text", content: "次のステップへ。" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AI分析・自動要約",
|
||||
tags: [
|
||||
"AI",
|
||||
"効率化",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/us-elections-2024-illustrated_23-2151846997.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "問い返し機能",
|
||||
tags: [
|
||||
"思索",
|
||||
"成長",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "未来検索",
|
||||
tags: [
|
||||
"検索",
|
||||
"インサイト",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
|
||||
},
|
||||
]}
|
||||
title="あなたの選択を最適化する機能"
|
||||
description="ただの投稿サイトではありません。AIがあなたの「考え方」をサポートします。"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "AI分析・自動要約", tags: ["AI", "効率化"], imageSrc: "http://img.b2bpic.net/free-photo/us-elections-2024-illustrated_23-2151846997.jpg" },
|
||||
{ id: "f2", title: "問い返し機能", tags: ["思索", "成長"], imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" },
|
||||
{ id: "f3", title: "未来検索", tags: ["検索", "インサイト"], imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg" },
|
||||
]}
|
||||
title="あなたの選択を最適化する機能"
|
||||
description="ただの投稿サイトではありません。AIがあなたの「考え方」をサポートします。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "自分自身の思考の偏りに気づくきっかけになりました。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915137.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "後悔の言語化がこんなにポジティブな影響を与えるとは。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556787.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyrod",
|
||||
testimonial: "同世代が何を悩んでいるか知れる貴重な場所。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-teen-boy-looking-camera-green-jacket-looking-smart-front-view_176474-107875.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "AIの問いかけが非常に鋭く、ハッとさせられます。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Laura Smith",
|
||||
handle: "@lsmith",
|
||||
testimonial: "毎日の習慣として読んでいます。心が軽くなる。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-holding-takeaway-coffee-cup-hand_23-2148176167.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="ユーザーの声"
|
||||
description="人生の分岐点で、多くの若者がこのアプリを手にしています。"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
title="ユーザーの声"
|
||||
description="人生の分岐点で、多くの若者がこのアプリを手にしています。"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "自分自身の思考の偏りに気づくきっかけになりました。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915137.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "後悔の言語化がこんなにポジティブな影響を与えるとは。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-zoom-call-avatar_23-2149556787.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "同世代が何を悩んでいるか知れる貴重な場所。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-teen-boy-looking-camera-green-jacket-looking-smart-front-view_176474-107875.jpg" },
|
||||
{ id: "t4", name: "David Kim", handle: "@dkim", testimonial: "AIの問いかけが非常に鋭く、ハッとさせられます。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg" },
|
||||
{ id: "t5", name: "Laura Smith", handle: "@lsmith", testimonial: "毎日の習慣として読んでいます。心が軽くなる。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-holding-takeaway-coffee-cup-hand_23-2148176167.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "無料で使えますか？",
|
||||
content: "はい、投稿や閲覧は無料でご利用いただけます。",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "匿名で投稿できますか？",
|
||||
content: "可能です。プライバシーを保護しつつ共有いただけます。",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "どんな投稿が求められていますか？",
|
||||
content: "人生の分岐点での選択や、当時の思考など、誰かの助けになる学びをお願いしています。",
|
||||
},
|
||||
]}
|
||||
title="よくある質問"
|
||||
description="このアプリの活用方法やプライバシーについて。"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqsAnimation="slide-up"
|
||||
title="よくある質問"
|
||||
description="このアプリの活用方法やプライバシーについて。"
|
||||
faqs={[
|
||||
{ id: "q1", title: "無料で使えますか？", content: "はい、投稿や閲覧は無料でご利用いただけます。" },
|
||||
{ id: "q2", title: "匿名で投稿できますか？", content: "可能です。プライバシーを保護しつつ共有いただけます。" },
|
||||
{ id: "q3", title: "どんな投稿が求められていますか？", content: "人生の分岐点での選択や、当時の思考など、誰かの助けになる学びをお願いしています。" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="通知を受け取る"
|
||||
title="最新のインサイトを見逃さない"
|
||||
description="キャリア教育やアプリの更新情報をいち早くお届けします。"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="通知を受け取る"
|
||||
title="最新のインサイトを見逃さない"
|
||||
description="キャリア教育やアプリの更新情報をいち早くお届けします。"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="後悔日記"
|
||||
copyrightText="© 2024 Future Notes Inc."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="後悔日記"
|
||||
copyrightText="© 2024 Future Notes Inc."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user