diff --git a/products/react-apps/alisurvey/src/assets/images/build-page.png b/products/react-apps/alisurvey/src/assets/images/build-page.png new file mode 100644 index 0000000..a85b5cd Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/build-page.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/d1.png b/products/react-apps/alisurvey/src/assets/images/d1.png new file mode 100644 index 0000000..5496441 Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/d1.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/d2.png b/products/react-apps/alisurvey/src/assets/images/d2.png new file mode 100644 index 0000000..a3ccbdc Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/d2.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/d3.png b/products/react-apps/alisurvey/src/assets/images/d3.png new file mode 100644 index 0000000..6d02f32 Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/d3.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/logic-page.png b/products/react-apps/alisurvey/src/assets/images/logic-page.png new file mode 100644 index 0000000..1811ac9 Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/logic-page.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/main.png b/products/react-apps/alisurvey/src/assets/images/main.png new file mode 100644 index 0000000..939dd81 Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/main.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/mobile.png b/products/react-apps/alisurvey/src/assets/images/mobile.png new file mode 100644 index 0000000..4c29421 Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/mobile.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/t.png b/products/react-apps/alisurvey/src/assets/images/t.png new file mode 100644 index 0000000..e8a4e13 Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/t.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/t2.png b/products/react-apps/alisurvey/src/assets/images/t2.png new file mode 100644 index 0000000..74d1bf5 Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/t2.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/t3.png b/products/react-apps/alisurvey/src/assets/images/t3.png new file mode 100644 index 0000000..f47a3c5 Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/t3.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/t4.png b/products/react-apps/alisurvey/src/assets/images/t4.png new file mode 100644 index 0000000..aedc6e8 Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/t4.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/t5.png b/products/react-apps/alisurvey/src/assets/images/t5.png new file mode 100644 index 0000000..e966c12 Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/t5.png differ diff --git a/products/react-apps/alisurvey/src/assets/images/t6.png b/products/react-apps/alisurvey/src/assets/images/t6.png new file mode 100644 index 0000000..5bfbfca Binary files /dev/null and b/products/react-apps/alisurvey/src/assets/images/t6.png differ diff --git a/products/react-apps/alisurvey/src/components/CTA.tsx b/products/react-apps/alisurvey/src/components/CTA.tsx index 4650527..e26cd2e 100644 --- a/products/react-apps/alisurvey/src/components/CTA.tsx +++ b/products/react-apps/alisurvey/src/components/CTA.tsx @@ -38,7 +38,7 @@ export default function CTA() { className="flex flex-col sm:flex-row gap-4 justify-center" > 無料で始める diff --git a/products/react-apps/alisurvey/src/components/FeatureDetail.tsx b/products/react-apps/alisurvey/src/components/FeatureDetail.tsx index 4e1476c..32b2c60 100644 --- a/products/react-apps/alisurvey/src/components/FeatureDetail.tsx +++ b/products/react-apps/alisurvey/src/components/FeatureDetail.tsx @@ -1,5 +1,8 @@ import { motion } from 'framer-motion'; import FeatureCard from './FeatureCard'; +import detail1Image from '../assets/images/d1.png'; +import detail2Image from '../assets/images/d2.png'; +import detail3Image from '../assets/images/d3.png'; export default function FeatureDetail() { return ( @@ -38,7 +41,7 @@ export default function FeatureDetail() {
ドラッグ&ドロップアンケート作成 @@ -72,7 +75,7 @@ export default function FeatureDetail() {
アクセス制限設定 @@ -106,7 +109,7 @@ export default function FeatureDetail() {
diff --git a/products/react-apps/alisurvey/src/components/FeatureSection.tsx b/products/react-apps/alisurvey/src/components/FeatureSection.tsx index 7063b76..321bc6c 100644 --- a/products/react-apps/alisurvey/src/components/FeatureSection.tsx +++ b/products/react-apps/alisurvey/src/components/FeatureSection.tsx @@ -1,5 +1,11 @@ import { motion } from 'framer-motion'; import FeatureCard from './FeatureCard'; +import feature1Image from '../assets/images/t.png'; +import feature2Image from '../assets/images/t2.png'; +import feature3Image from '../assets/images/t3.png'; +import feature4Image from '../assets/images/t4.png'; +import feature5Image from '../assets/images/t5.png'; +import feature6Image from '../assets/images/t6.png'; export default function FeatureSection() { // 製品機能データ @@ -8,37 +14,37 @@ export default function FeatureSection() { title: "直感的なアンケート作成", description: "ドラッグ&ドロップ操作で簡単にアンケートを作成。20種類以上のコンポーネントであらゆるニーズに対応。", icon: "fa-magic", - imageUrl: "https://space.coze.cn/api/coze_space/gen_image?image_size=landscape_4_3&prompt=Survey%20builder%20interface%20with%20drag%20and%20drop%20functionality%2C%20Japanese%20UI%2C%20form%20components&sign=8e9d8de869467bedbdf2e76d42647619" + imageUrl: feature1Image }, { title: "豊富なテンプレート", description: "業界別のプリセットテンプレートを提供。すぐに使えるだけでなく、独自のテンプレートも作成可能。", icon: "fa-file-alt", - imageUrl: "https://space.coze.cn/api/coze_space/gen_image?image_size=landscape_4_3&prompt=Survey%20templates%20gallery%20Japanese%20interface%20business%20style&sign=53407b72fa47fa4cf1f6375135dcc882" + imageUrl: feature2Image }, { title: "高度な条件表示設定", description: "回答に応じて質問を動的に表示/非表示。複雑なロジックも直感的に設定可能。", icon: "fa-sitemap", - imageUrl: "https://space.coze.cn/api/coze_space/gen_image?image_size=landscape_4_3&prompt=Survey%20conditional%20logic%20settings%20Japanese%20interface&sign=8caac1c11078139b117d451993301122" + imageUrl: feature3Image }, { title: "多様なアクセス制限", description: "IP、デバイス、回答回数、時間制限など、必要な制限を設定してデータの信頼性を確保。", icon: "fa-shield-alt", - imageUrl: "https://space.coze.cn/api/coze_space/gen_image?image_size=landscape_4_3&prompt=Survey%20access%20control%20settings%20Japanese%20security%20interface&sign=2c413aa7bedc4e37a48cf3fd6898582e" + imageUrl: feature4Image }, { title: "リアルタイムデータ分析", description: "回答をリアルタイムで集計し、グラフ(棒グラフ、折れ線グラフ、円グラフ)で視覚化。", icon: "fa-chart-pie", - imageUrl: "https://space.coze.cn/api/coze_space/gen_image?image_size=landscape_4_3&prompt=Survey%20data%20analysis%20dashboard%20charts%20Japanese%20interface&sign=ae43ebbb1096c076634ea4259267a835" + imageUrl: feature5Image }, { title: "柔軟なデータ管理", description: "収集したデータの編集、エクスポート、印刷、添付ファイルの一括ダウンロードに対応。", icon: "fa-database", - imageUrl: "https://space.coze.cn/api/coze_space/gen_image?image_size=landscape_4_3&prompt=Survey%20data%20management%20Japanese%20interface%20export%20functionality&sign=c49d55504f0bade0cfcec05fb3ac650c" + imageUrl: feature6Image } ]; @@ -71,7 +77,7 @@ export default function FeatureSection() {
{/* 追加の機能強調 */} -
+ {/*
@@ -112,7 +118,7 @@ export default function FeatureSection() {
-
+
*/}
); diff --git a/products/react-apps/alisurvey/src/components/Footer.tsx b/products/react-apps/alisurvey/src/components/Footer.tsx index 4ccd4fe..4569c4f 100644 --- a/products/react-apps/alisurvey/src/components/Footer.tsx +++ b/products/react-apps/alisurvey/src/components/Footer.tsx @@ -28,25 +28,25 @@ export default function Footer() {

製品

サポート

会社

@@ -57,12 +57,12 @@ export default function Footer() { © 2025 Alisurvey. 全著作権所有.

-
- 利用規約 - プライバシーポリシー + {/*
+ 利用規約 + プライバシーポリシー Cookie設定 サポート -
+
*/}
diff --git a/products/react-apps/alisurvey/src/components/Header.tsx b/products/react-apps/alisurvey/src/components/Header.tsx index 289920e..89c1e29 100644 --- a/products/react-apps/alisurvey/src/components/Header.tsx +++ b/products/react-apps/alisurvey/src/components/Header.tsx @@ -34,10 +34,10 @@ export default function Header({ isScrolled }: HeaderProps) { 機能 {/* 価格 顧客の声 */} - お問い合わせ - + {/* モバイルメニューボタン */} @@ -83,15 +83,15 @@ export default function Header({ isScrolled }: HeaderProps) { 顧客の声 */} setMobileMenuOpen(false)} > お問い合わせ - + )} diff --git a/products/react-apps/alisurvey/src/components/Hero.tsx b/products/react-apps/alisurvey/src/components/Hero.tsx index a59fcbc..ca8238b 100644 --- a/products/react-apps/alisurvey/src/components/Hero.tsx +++ b/products/react-apps/alisurvey/src/components/Hero.tsx @@ -1,13 +1,15 @@ import { motion } from "framer-motion"; +import mainImage from '../assets/images/main.png'; +import mobileImage from '../assets/images/mobile.png'; export default function Hero() { return (
-
+
{} -
+
ドラッグ&ドロップで直感的にアンケート作成。
QRコードで即時共有、効率的な運用を実現します。​

-
- - -
- {/*
-
- {[1, 2, 3, 4].map(i => 顧客)} -
-
-
- {[1, 2, 3, 4, 5].map(i => )} -
-

500社以上の企業が信頼

-
-
*/}
{} @@ -74,11 +52,49 @@ export default function Hero() { delay: 0.2 }}>
- Alisurveyダッシュボード -
+ {/* rotate-1 hover:rotate-0 */} +
+ {/* 海浪效果容器 */} +
+ {/* 背景波浪层 */} +
+ {/* 前景波浪层 */} +
+
+ Alisurveyダッシュボード +
+ +
+
+ Alisurveyモバイル版 +
+ {/* 装饰性亮点 */} +
+
+
+ {/*
@@ -99,12 +115,89 @@ export default function Hero() {

90%削減

-
+
*/} +
+
+
+ 無料で始める + + +
+ {/*
+
+ {[1, 2, 3, 4].map(i => 顧客)} +
+
+
+ {[1, 2, 3, 4, 5].map(i => )} +
+

500社以上の企業が信頼

+
+
*/} +
+ +
); } \ No newline at end of file diff --git a/products/react-apps/alisurvey/src/components/UseCases.tsx b/products/react-apps/alisurvey/src/components/UseCases.tsx index 9d09333..e06f3e6 100644 --- a/products/react-apps/alisurvey/src/components/UseCases.tsx +++ b/products/react-apps/alisurvey/src/components/UseCases.tsx @@ -7,7 +7,7 @@ export default function UseCases() { こんな業務に最適 -
+
{[ { icon: "🏢", title: "企業内調査", desc: "従業員満足度調査" }, { icon: "🛍️", title: "顧客アンケート", desc: "商品・サービス評価" },