"use client";

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant={"icon-arrow"}
      defaultTextAnimation={"background-highlight"}
      borderRadius={"pill"}
      contentWidth={"compact"}
      sizing={"mediumLarge"}
      background={"grid"}
      cardStyle={"outline"}
      primaryButtonStyle={"radial-glow"}
      secondaryButtonStyle={"layered"}
      headingFontWeight={"extrabold"}
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Brew Haven"
          navItems={[
            { name: "ホーム", id: "#home" },
            { name: "アバウト", id: "#about" },
            { name: "メニュー", id: "#menu" },
            { name: "ギャラリー", id: "#gallery" },
            { name: "ブログ", id: "#blog" },
            { name: "お問い合わせ", id: "#contact" }
          ]}
          logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-brewery-logo-design_23-2150129487.jpg"
          logoAlt="brew haven cafe logo design"
          bottomLeftText="究極のコーヒー体験"
          bottomRightText="hello@brewhaven.com"
        />
      </div>
      <div id="home" data-section="home">
        <HeroOverlay
          title="一杯のコーヒーが、あなたの一日を変える。"
          description="Brew Havenへようこそ。ここでは、香り高いコーヒーと心地よい空間があなたを待っています。日常の喧騒から離れ、特別な一杯で心安らぐ時間をお過ごしください。"
          tag="究極のコーヒー体験"
          buttons={[
            { text: "メニューを見る", href: "#menu" },
            { text: "カフェについて", href: "#about" }
          ]}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/portrait-surprised-curly-haired-woman-keeps-mouth-widely-opened-reacts-awesome-surprise-has-overjoyed-expression-dressed-orange-knitted-sweater_273609-46781.jpg", alt: "smiling person avatar cozy" },
            { src: "http://img.b2bpic.net/free-photo/young-man-casual-green-wall-blue-hair-happy-positive-smile-looking-camera-applauds-congratulations_343596-6587.jpg", alt: "diverse person avatar welcoming" },
            { src: "http://img.b2bpic.net/free-photo/romantic-young-woman-with-flowers-hair_23-2148072324.jpg", alt: "warm person avatar inviting" },
            { src: "http://img.b2bpic.net/free-photo/top-view-boss-day-concept_23-2148586497.jpg", alt: "caring person avatar supportive" }
          ]}
          avatarText="+1,000人以上のお客様が体験"
          imageSrc="http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg"
          imageAlt="inviting cafe interior warm lighting"
          showBlur={true}
          textPosition="bottom"
          useInvertedBackground={false}
        />
      </div>
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Brew Havenは、ただのカフェではありません。" },
            { type: "image", src: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458042.jpg", alt: "barista hands preparing coffee latte art" },
            { type: "text", content: "それは、人々の心が通い合う場所です。" }
          ]}
          buttons={[{ text: "私たちのストーリー", href: "#" }]}
          useInvertedBackground={true}
        />
      </div>
      <div id="specialties" data-section="specialties">
        <FeatureCardNine
          features={[
            {
              title: "モバイルオーダー＆ペイ",              description: "アプリから事前注文し、待ち時間なしで受け取れます。忙しい朝もスマートに。",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359318.jpg", imageAlt: "mobile app coffee order screen" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-paying-with-its-smartphone-wallet-app_23-2149167304.jpg", imageAlt: "coffee delivery app map tracking" }
            },
            {
              title: "パーソナルなリワード",              description: "お客様の好みに合わせた特別プロモーションとリワードをご用意。使えば使うほどお得に。",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg", imageAlt: "cafe rewards program screen" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149415981.jpg", imageAlt: "event booking app cafe" }
            },
            {
              title: "プレミアム豆の定期便",              description: "世界中の厳選されたプレミアムコーヒー豆を毎月お届け。自宅で極上のコーヒーを。",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hand-grinding-coffee-with-grinder-cup-it_1232-634.jpg", imageAlt: "coffee subscription management app" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-with-smartphone_23-2150233620.jpg", imageAlt: "virtual coffee tasting app" }
            }
          ]}
          showStepNumbers={true}
          title="私たちのユニークなカフェ体験"
          description="Brew Havenは、最高のコーヒーだけでなく、お客様の日常を豊かにする特別なサービスを提供します。"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="menu" data-section="menu">
        <ProductCardThree
          products={[
            { id: "espresso", name: "シグネチャー エスプレッソ", price: "¥ 450", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-coffee-with-milk-sugar_23-2148463986.jpg", imageAlt: "espresso shot coffee black background" },
            { id: "latte", name: "アーモンドミルクラテ", price: "¥ 600", imageSrc: "http://img.b2bpic.net/free-photo/decoration-aroma-blend-latte-mug_1232-3949.jpg", imageAlt: "latte art heart design coffee" },
            { id: "croissant", name: "焼きたてクロワッサン", price: "¥ 380", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg", imageAlt: "freshly baked croissant cafe" },
            { id: "cookies", name: "自家製クッキーアソート", price: "¥ 420", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148148806.jpg", imageAlt: "assorted gourmet cookies coffee" },
            { id: "beans", name: "プレミアムコーヒー豆 (200g)", price: "¥ 1,800", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-hand-holds-raw-green-coffee-beans-from-white-plastic-basket-cotton-bags-europalet-warehouse_346278-886.jpg", imageAlt: "bag of roasted coffee beans premium" },
            { id: "matcha", name: "宇治抹茶ラテ", price: "¥ 650", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-cup-matcha-green-tea-with-latte-art_140725-7120.jpg", imageAlt: "matcha latte green tea" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          title="私たちの特別メニュー"
          description="バリスタが厳選した最高品質の豆と、毎日手作りされる焼き菓子。Brew Havenのこだわりが詰まった逸品をお楽しみください。"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          testimonials={[
            {
              id: "1",              name: "田中 優子",              date: "2023年10月15日",              title: "最高の朝活スポット！",              quote: "毎朝のコーヒーはここで決まり！バリスタさんのラテアートも素敵だし、空間も落ち着いていて仕事がはかどります。一日を気持ちよくスタートできますね。",              tag: "リピーター",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-female-barista-drinks-coffee_613910-10281.jpg",              avatarAlt: "woman smiling coffee shop",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-coffee-beans_23-2148551565.jpg",              imageAlt: "latte art close up"
            },
            {
              id: "2",              name: "佐藤 健太",              date: "2023年11月22日",              title: "居心地が良すぎて長居してしまいます",              quote: "初めて来た時から、このカフェの雰囲気に魅了されました。Wi-Fiも快適で、読書や作業に最適です。ついつい長居してしまうほど居心地が良いです。",              tag: "リモートワーカー",              avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",              avatarAlt: "man enjoying coffee cafe",              imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",              imageAlt: "cozy cafe interior table"
            },
            {
              id: "3",              name: "小林 恵美",              date: "2023年12月5日",              title: "自家製スイーツが絶品！",              quote: "コーヒーも美味しいですが、ここの自家製クロワッサンは本当に絶品！サクサクで香ばしくて、コーヒーとの相性も抜群です。手土産にも喜ばれます。",              tag: "スイーツ愛好家",              avatarSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair_273609-14397.jpg",              avatarAlt: "woman relaxing cafe window",              imageSrc: "http://img.b2bpic.net/free-photo/muffins-with-lemon-pie-wooden-platter_114579-18469.jpg",              imageAlt: "freshly baked pastry coffee"
            },
            {
              id: "4",              name: "山本 拓也",              date: "2024年1月8日",              title: "ランチも充実していて大満足",              quote: "軽食のサンドイッチが想像以上に美味しくて驚きました。新鮮な野菜とこだわりのパンで、満足感がすごいです。今度は友人とランチで利用したいです。",              tag: "ランチ利用者",              avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-laptop-working_23-2148899742.jpg",              avatarAlt: "man working laptop cafe",              imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-mashed-potato-greens-sauce-side-view_141793-3550.jpg",              imageAlt: "artisan sandwich cafe"
            },
            {
              id: "5",              name: "中村 陽子",              date: "2024年2月1日",              title: "スタッフの皆さんがとても親切",              quote: "いつも笑顔で迎えてくれるスタッフの皆さんの心遣いが素晴らしいです。顔を覚えてくれているのも嬉しい。まるで第二の家のように感じます。",              tag: "常連客",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-women-having-fun-drinking-coffee-cafe_1262-15243.jpg",              avatarAlt: "woman chatting friends cafe",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-brazilian-cup-acai-dessert_23-2149871568.jpg",              imageAlt: "smoothie bowl fresh fruit"
            }
          ]}
          title="お客様の声"
          description="Brew Havenの特別な体験について、お客様から寄せられた喜びの声をご覧ください。"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="blog" data-section="blog">
        <BlogCardTwo
          animationType="slide-up"
          title="カフェの最新情報"
          description="Brew Havenからの最新ニュース、コーヒー豆の知識、季節のドリンクレシピなど、様々なトピックをお届けします。"
          textboxLayout="default"
          useInvertedBackground={true}
          blogs={[
            {
              id: "b1",              category: "ワークショップ",              title: "自宅でプロの味を再現！ラテアートワークショップ開催",              excerpt: "Brew Havenでは、ご自宅でも美味しいラテアートが楽しめるワークショップを定期的に開催しています。初心者の方も大歓迎！",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-recording-video_23-2148551564.jpg",              imageAlt: "barista preparing latte art workshop",              authorName: "山田 太郎",              authorAvatar: "http://img.b2bpic.net/free-photo/food-blogger-young-fitness-cook-recording-video-social-media-cooking-food_140725-166766.jpg",              date: "2024年3月10日"
            },
            {
              id: "b2",              category: "コーヒー豆",              title: "世界を旅するコーヒー豆：今月のスペシャルティをご紹介",              excerpt: "毎月厳選された世界各地のスペシャルティコーヒー豆をご紹介。今月はエチオピア産のフルーティーな豆です。",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354579.jpg",              imageAlt: "different coffee beans origins map",              authorName: "鈴木 花子",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194084.jpg",              date: "2024年2月28日"
            },
            {
              id: "b3",              category: "季節限定",              title: "心温まる冬の限定ドリンク：ジンジャーブレッドラテ",              excerpt: "寒い季節にぴったりの、体の中から温まるジンジャーブレッドラテが登場。スパイスの効いた特別な一杯をお楽しみください。",              imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-cup-tea-decorative-details_169016-23158.jpg",              imageAlt: "cozy cafe interior seasonal decor",              authorName: "高橋 誠",              authorAvatar: "http://img.b2bpic.net/free-photo/happy-senior-looking-notebook_23-2148346228.jpg",              date: "2024年1月20日"
            }
          ]}
        />
      </div>
      <div id="partners" data-section="partners">
        <SocialProofOne
          names={[
            "地元のパン屋さん",            "オーガニック農園",            "スペシャルティロースター",            "地域コミュニティ",            "環境保護団体",            "フードテック企業",            "ライフスタイル誌"
          ]}
          title="私たちのパートナー"
          description="Brew Havenは、最高の品質と地域社会への貢献を大切にしています。厳選されたパートナーと協力し、持続可能な未来を目指します。"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="お問い合わせ"
          description="ご質問、ご予約、イベントのお問い合わせなど、お気軽にご連絡ください。皆様からのメッセージをお待ちしております。"
          inputs={[
            { name: "name", type: "text", placeholder: "お名前", required: true },
            { name: "email", type: "email", placeholder: "メールアドレス", required: true },
            { name: "phone", type: "tel", placeholder: "電話番号 (任意)" }
          ]}
          textarea={{ name: "message", placeholder: "メッセージ", rows: 4, required: true }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/hipster-couple-talking-cafe_329181-2075.jpg"
          imageAlt="barista pouring coffee customer"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="送信"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-brewery-logo-design_23-2150129487.jpg"
          logoAlt="brew haven cafe logo design"
          logoText="Brew Haven"
          columns={[
            {
              title: "クイックリンク",              items: [
                { label: "ホーム", href: "#home" },
                { label: "アバウト", href: "#about" },
                { label: "メニュー", href: "#menu" }
              ]
            },
            {
              title: "サービス",              items: [
                { label: "モバイルオーダー", href: "#specialties" },
                { label: "定期便", href: "#specialties" },
                { label: "ワークショップ", href: "#blog" }
              ]
            },
            {
              title: "その他",              items: [
                { label: "ブログ", href: "#blog" },
                { label: "お問い合わせ", href: "#contact" },
                { label: "プライバシーポリシー", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Brew Haven. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
