Merge version_3 into main #3
25
src/app/contact/page.tsx
Normal file
25
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import { Facebook, Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleCentered
|
||||
navItems={[{ name: "ホーム", id: "/" }, { name: "ショップ", id: "/shop" }, { name: "観光農園", id: "/garden" }, { name: "ブランド", id: "/brand" }, { name: "お問い合わせ", id: "/contact" }]}
|
||||
brandName="ミキファーム"
|
||||
/>
|
||||
<ContactCTA tag="Contact" title="お問い合わせ" description="ご質問やご相談がございましたら、お気軽にご連絡ください。" buttons={[{ text: "メールを送る" }]} />
|
||||
<FaqSplitMedia faqs={[]} faqsAnimation="slide-up" title="よくある質問" textboxLayout="default" />
|
||||
<FooterCard logoText="有限会社ミキファーム" socialLinks={[{ icon: Facebook, href: "#", ariaLabel: "Facebook" }, { icon: Instagram, href: "#", ariaLabel: "Instagram" }, { icon: Twitter, href: "#", ariaLabel: "Twitter" }]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -29,14 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム", id: "/"},
|
||||
{
|
||||
name: "ショップ", id: "/shop"},
|
||||
{
|
||||
name: "観光農園", id: "/garden"},
|
||||
{
|
||||
name: "ブランド", id: "/brand"},
|
||||
{ name: "ホーム", id: "/" },
|
||||
{ name: "ショップ", id: "/shop" },
|
||||
{ name: "観光農園", id: "/garden" },
|
||||
{ name: "ブランド", id: "/brand" },
|
||||
{ name: "お問い合わせ", id: "/contact" }
|
||||
]}
|
||||
brandName="ミキファーム"
|
||||
/>
|
||||
@@ -47,24 +44,13 @@ export default function LandingPage() {
|
||||
logoText="有限会社ミキファーム"
|
||||
description="国内流通、わずか1%。宮崎の太陽が育てた、感動の「完熟・生ライチ」。一度も冷凍せず、樹の上でギリギリまで完熟させた大粒の恵み。"
|
||||
buttons={[
|
||||
{
|
||||
text: "オンラインショップへ", href: "/shop"},
|
||||
{
|
||||
text: "観光農園のご案内", href: "/garden"},
|
||||
{ text: "オンラインショップへ", href: "/shop" },
|
||||
{ text: "観光農園のご案内", href: "/garden" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmers-count-cards-sale-lychees_1150-12516.jpg", imageAlt: "完熟ライチのクローズアップ"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agriculture-lychee-fruit-thailand_1150-13615.jpg?_wi=1", imageAlt: "農園風景"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-senior-standing-summer-garden-with-harvest_1157-33042.jpg", imageAlt: "収穫体験"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23448.jpg", imageAlt: "ライチの贈り物"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guava-fruit-still-life_23-2151551053.jpg", imageAlt: "瑞々しい果肉"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-greenhouse-owner-examining-potted-flower-while-working-plant-nursery_637285-1394.jpg", imageAlt: "農園の日常"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/farmers-count-cards-sale-lychees_1150-12516.jpg", imageAlt: "完熟ライチのクローズアップ" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/agriculture-lychee-fruit-thailand_1150-13615.jpg?_wi=1", imageAlt: "農園風景" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-senior-standing-summer-garden-with-harvest_1157-33042.jpg", imageAlt: "収穫体験" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -74,10 +60,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="なぜ、ミキファームのライチは特別なのか。"
|
||||
description="国内におけるライチ栽培のパイオニアとして、有機肥料100%で育てたジャカパット品種をお届けします。朝摘みの新鮮さをそのまま冷蔵便で。"
|
||||
buttons={[
|
||||
{
|
||||
text: "詳しく見る", href: "/brand"},
|
||||
]}
|
||||
buttons={[{ text: "詳しく見る", href: "/brand" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-cosmetics-body-handmade-soap-bath-bombs_169016-20050.jpg"
|
||||
imageAlt="ライチ農園の栽培風景"
|
||||
/>
|
||||
@@ -92,21 +75,9 @@ export default function LandingPage() {
|
||||
title="ミキファームのこだわり"
|
||||
description="データで見る、私たちの徹底した品質管理。"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "1%", title: "流通量", description: "国産ライチの国内流通シェア", icon: TrendingDown,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "100%", title: "有機肥料", description: "安心・安全な土壌づくりへの追求", icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "30年", title: "実績", description: "宮崎でのライチ栽培の歴史", icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m4", value: "糖度20度", title: "完熟基準", description: "樹の上で完熟した証", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m5", value: "24時間", title: "鮮度保持", description: "収穫後、即時発送体制", icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "1%", title: "流通量", description: "国産ライチの国内流通シェア", icon: TrendingDown },
|
||||
{ id: "m2", value: "100%", title: "有機肥料", description: "安心・安全な土壌づくりへの追求", icon: Leaf },
|
||||
{ id: "m3", value: "30年", title: "実績", description: "宮崎でのライチ栽培の歴史", icon: Calendar }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,14 +89,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="なぜ「完熟」にこだわるのか"
|
||||
description="冷凍ライチとは一線を画す、ミキファームの品質基準。"
|
||||
positiveCard={{
|
||||
items: [
|
||||
"樹上で完熟させた濃厚な甘み", "果汁溢れるジューシーな食感", "防腐剤不使用の安心感", "届いてすぐ食べられる最高の鮮度", "生産者の顔が見えるトレーサビリティ"],
|
||||
}}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"未熟な状態での早期収穫", "冷凍保存による食感の変化", "海外産特有のポストハーベスト", "長期間の船便輸送", "過度な化学肥料への依存"],
|
||||
}}
|
||||
positiveCard={{ items: ["樹上で完熟させた濃厚な甘み", "果汁溢れるジューシーな食感", "防腐剤不使用の安心感"] }}
|
||||
negativeCard={{ items: ["未熟な状態での早期収穫", "冷凍保存による食感の変化", "ポストハーベストの心配"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -136,19 +101,9 @@ export default function LandingPage() {
|
||||
title="よくある質問"
|
||||
description="ギフトや栽培について、気になることをまとめました。"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/agriculture-lychee-fruit-thailand_1150-13615.jpg?_wi=2"
|
||||
imageAlt="ライチ農園"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "ライチはいつ届きますか?", content: "収穫時期である7月上旬〜中旬に順次発送いたします。"},
|
||||
{
|
||||
id: "f2", title: "ギフト包装は可能ですか?", content: "専用の高級化粧箱をご用意しております。のし紙の対応も可能です。"},
|
||||
{
|
||||
id: "f3", title: "賞味期限はどれくらいですか?", content: "生ものですので、到着後なるべくお早めにお召し上がりください。冷蔵で3日程度が目安です。"},
|
||||
{
|
||||
id: "f4", title: "観光農園の予約は必要ですか?", content: "7月の収穫シーズンは事前予約制となっております。Webサイトよりお手続きください。"},
|
||||
{
|
||||
id: "f5", title: "肥料にこだわっていますか?", content: "はい。化学肥料を一切使わず、厳選した有機肥料を100%使用しております。"},
|
||||
{ id: "f1", title: "ライチはいつ届きますか?", content: "収穫時期である7月上旬〜中旬に順次発送いたします。" },
|
||||
{ id: "f2", title: "ギフト包装は可能ですか?", content: "専用の高級化粧箱をご用意しております。" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -2,174 +2,26 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Facebook, Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "ショップ",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "観光農園",
|
||||
id: "/garden",
|
||||
},
|
||||
{
|
||||
name: "ブランド",
|
||||
id: "/brand",
|
||||
},
|
||||
]}
|
||||
brandName="ミキファーム"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "ミキファーム",
|
||||
name: "完熟生ライチ 化粧箱(大粒12粒)",
|
||||
price: "¥5,000",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-berries-high-angle_23-2150062809.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "ミキファーム",
|
||||
name: "完熟生ライチ 化粧箱(大粒24粒)",
|
||||
price: "¥9,500",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-delicious-autumn-fruits_23-2148634417.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "ミキファーム",
|
||||
name: "ご家庭用 バラ詰め 600g",
|
||||
price: "¥3,500",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-box-with-oranges_23-2148980212.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "ミキファーム",
|
||||
name: "完熟生ライチ プレミアム1kg",
|
||||
price: "¥7,500",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-black-spaghetti-squid_23-2148461690.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "ミキファーム",
|
||||
name: "ご家庭用 バラ詰め 1kg",
|
||||
price: "¥5,500",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lychee-fruit-close-up_1150-13613.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "ミキファーム",
|
||||
name: "ライチギフトセット",
|
||||
price: "¥12,000",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-marshmallows-wooden-plate-with-glass-christmas-red-balls_114579-32447.jpg",
|
||||
},
|
||||
]}
|
||||
title="プレミアムギフト・ラインナップ"
|
||||
description="旬の恵みを、大切な方へ。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "sc1",
|
||||
name: "完熟生ライチ 化粧箱(12粒)",
|
||||
price: "¥5,000",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-copy-space-plum-with-dogwood-sweet-cherry-stand-white-background_141793-49823.jpg",
|
||||
},
|
||||
{
|
||||
id: "sc2",
|
||||
name: "完熟生ライチ 化粧箱(24粒)",
|
||||
price: "¥9,500",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-holding-wicker-tray-fresh-apples-with-kinkans-isolated-green-wall_141793-75812.jpg",
|
||||
},
|
||||
{
|
||||
id: "sc3",
|
||||
name: "ご家庭用 バラ詰め 600g",
|
||||
price: "¥3,500",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-dessert-with-fruits_23-2149707919.jpg",
|
||||
},
|
||||
{
|
||||
id: "sc4",
|
||||
name: "完熟生ライチ プレミアム1kg",
|
||||
price: "¥7,500",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-autumn-fruits-with-copy-space_23-2148634411.jpg",
|
||||
},
|
||||
{
|
||||
id: "sc5",
|
||||
name: "完熟ライチ・ハニーギフト",
|
||||
price: "¥6,800",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fresh-berries-tray-with-copyspace_23-2148233304.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="有限会社ミキファーム"
|
||||
leftLink={{
|
||||
text: "プライバシーポリシー",
|
||||
href: "/privacy",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "特定商取引法に基づく表記",
|
||||
href: "/legal",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleCentered
|
||||
navItems={[{ name: "ホーム", id: "/" }, { name: "ショップ", id: "/shop" }, { name: "観光農園", id: "/garden" }, { name: "ブランド", id: "/brand" }, { name: "お問い合わせ", id: "/contact" }]}
|
||||
brandName="ミキファーム"
|
||||
/>
|
||||
<div className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
|
||||
<h1 className="text-4xl font-bold mb-8">オンラインショップ</h1>
|
||||
<p>厳選された完熟ライチを全国へお届けいたします。</p>
|
||||
</div>
|
||||
<FaqSplitMedia faqs={[]} faqsAnimation="slide-up" title="ショップ関連の質問" textboxLayout="default" />
|
||||
<FooterCard logoText="有限会社ミキファーム" socialLinks={[{ icon: Facebook, href: "#", ariaLabel: "Facebook" }, { icon: Instagram, href: "#", ariaLabel: "Instagram" }, { icon: Twitter, href: "#", ariaLabel: "Twitter" }]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user