"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="large"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Menu",
          id: "/menu",
        },
        {
          name: "Access",
          id: "/access",
        },
        {
          name: "Reserve",
          id: "/reserve",
        },
        {
          name: "JP/EN",
          id: "#language-switcher",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-cherry-blossom-wreath-background_23-2148070230.jpg"
      logoAlt="Sakura Coffee Tokyo Logo"
      brandName="Sakura Coffee Tokyo"
      button={{
        text: "Reserve a Table",
        href: "/reserve",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="東京でほっと一息つける、家族経営のカフェ\n\nA Family-Owned Café in the Heart of Tokyo"
      description="職人が淹れるこだわりのコーヒーと、心温まる空間で、日々の喧騒を忘れるひとときをお過ごしください。\n\nExperience artisan-brewed coffee and a heartwarming ambiance, a perfect escape from the daily hustle."
      tag="サンプルサイト（デモ用）\n\nPortfolio Demonstration Website"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "メニューを見る",
          href: "/menu",
        },
        {
          text: "予約する",
          href: "/reserve",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-traditional-japanese-food_23-2148759579.jpg",
          imageAlt: "Modern Japanese cafe interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158658.jpg",
          imageAlt: "Close up of latte art",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/women-hold-sticks-with-sweets-christmas-design-pink-plates_1304-5660.jpg",
          imageAlt: "Sakura petals on a coffee cup",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-money-tree_23-2151575467.jpg",
          imageAlt: "Wooden interior of a Japanese cafe",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barista-filling-cup-with-coffee-machine_23-2148522991.jpg",
          imageAlt: "Coffee beans being roasted",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/summer-composition-with-slippers-books-cake-lemonade-female-hands_169016-40036.jpg",
          imageAlt: "Japanese pastry dessert display",
        },
      ]}
    />
  </div>

  <div id="about-summary" data-section="about-summary">
      <MediaAbout
      useInvertedBackground={true}
      title="桜珈琲東京について\n\nAbout Sakura Coffee Tokyo"
      description="桜珈琲東京は、1985年の創業以来、家族経営で高品質なコーヒーを提供してまいりました。地元で焙煎された豆を使用し、一杯一杯心を込めて手淹れしています。私たちは、お客様にとって第二の家のような、温かく居心地の良い空間を提供することを目指しています。\n\nEstablished in 1985, Sakura Coffee Tokyo has been a family-owned purveyor of high-quality coffee. We use locally roasted beans, meticulously hand-brewing each cup with passion. Our aim is to provide a warm and welcoming space, a true 'second home' for our cherished customers."
      imageSrc="http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you_1258-198994.jpg"
      imageAlt="Sakura Coffee Tokyo cafe interior with owners"
    />
  </div>

  <div id="featured-drinks" data-section="featured-drinks">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "featured-1",
          name: "エスプレッソ\n\nEspresso",
          price: "¥400",
          variant: "コーヒー\nCoffee",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-cup-coffee_181624-11554.jpg",
          imageAlt: "Espresso shot in a small cup",
        },
        {
          id: "featured-2",
          name: "カフェラテ\n\nCafe Latte",
          price: "¥550",
          variant: "コーヒー\nCoffee",
          imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-art-wooden-table_1232-2721.jpg",
          imageAlt: "Cafe latte with heart art",
        },
        {
          id: "featured-3",
          name: "抹茶ラテ\n\nMatcha Latte",
          price: "¥600",
          variant: "ティー\nTea",
          imageSrc: "http://img.b2bpic.net/free-photo/green-tea-iced-tall-glass-with-cream-topped-with-iced-green-tea-decorated-with-green-tea-powder_1150-22924.jpg",
          imageAlt: "Matcha latte with green foam",
        },
        {
          id: "featured-4",
          name: "ドリップコーヒー\n\nDrip Coffee",
          price: "¥500",
          variant: "コーヒー\nCoffee",
          imageSrc: "http://img.b2bpic.net/free-photo/hand-drip-coffee_1339-210.jpg",
          imageAlt: "Pour over drip coffee",
        },
        {
          id: "featured-5",
          name: "アイスコーヒー\n\nIced Coffee",
          price: "¥500",
          variant: "コーヒー\nCoffee",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91642.jpg",
          imageAlt: "Glass of iced coffee",
        },
        {
          id: "featured-6",
          name: "桜ラテ\n\nSakura Latte",
          price: "¥650",
          variant: "季節限定\nSeasonal",
          imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163360.jpg",
          imageAlt: "Pink Sakura latte",
        },
      ]}
      title="おすすめのドリンク\n\nFeatured Drinks"
      description="当店のシグネチャーメニューをぜひお試しください。厳選された豆と熟練の技術で、最高の味わいをお届けします。\n\nDiscover our signature selections. We craft the finest flavors using carefully chosen beans and expert techniques."
    />
  </div>

  <div id="customer-reviews" data-section="customer-reviews">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t-1",
          name: "田中 恵子\n\nKeiko Tanaka",
          date: "2023年10月15日\n\nOct 15, 2023",
          title: "最高の隠れ家カフェ\n\nA Perfect Hidden Gem",
          quote: "東京でこんなに落ち着けるカフェは初めてです。コーヒーもデザートも絶品で、スタッフの方もとても親切でした。毎週末通っています！\n\nThis is the most calming cafe I've found in Tokyo. Both the coffee and desserts are exquisite, and the staff were incredibly kind. I come here every weekend!",
          tag: "リピーター\nRegular",
          avatarSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg",
          avatarAlt: "Keiko Tanaka avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg",
          imageAlt: "Cafe interior",
        },
        {
          id: "t-2",
          name: "David Smith",
          date: "Nov 2, 2023",
          title: "Authentic Japanese Cafe Experience",
          quote: "As a traveler, I was looking for an authentic Japanese cafe, and Sakura Coffee Tokyo exceeded my expectations. The drip coffee was superb, and the atmosphere was truly welcoming. A must-visit in Asakusa!\n\n旅行者として、本物の日本のカフェを探していました。桜珈琲東京は期待以上でした。ドリップコーヒーは素晴らしく、雰囲気も本当に居心地が良かったです。浅草を訪れるなら必見です！",
          tag: "Traveler",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg",
          avatarAlt: "David Smith avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/sweet-buns-with-cup-tea-blue-background-high-quality-photo_114579-53156.jpg",
          imageAlt: "Menu on cafe table",
        },
        {
          id: "t-3",
          name: "佐藤 健太\n\nKenta Sato",
          date: "2023年11月28日\n\nNov 28, 2023",
          title: "心が和む場所\n\nA Place for the Soul",
          quote: "仕事の合間に立ち寄ると、いつもリフレッシュできます。特に抹茶ラテは、甘すぎず深い味わいで大好きです。落ち着いたBGMも最高。\n\nI always feel refreshed after stopping by during work. I especially love the Matcha Latte; it's not too sweet and has a rich flavor. The calm background music is also wonderful.",
          tag: "ビジネス\nBusiness",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-asian-female-student-looking-thoughtful-intrigued-by-something-standing-happy-against-white-background_176420-49866.jpg",
          avatarAlt: "Kenta Sato avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-96.jpg",
          imageAlt: "Latte art close up",
        },
        {
          id: "t-4",
          name: "Sarah Chen",
          date: "Dec 10, 2023",
          title: "Delightful Pastries and Coffee",
          quote: "The pastries here are divine, especially when paired with their perfectly brewed coffee. It's a wonderful spot to relax after sightseeing. The traditional Japanese sweets are a real treat!\n\nここのペイストリーは、完璧に淹れられたコーヒーと一緒に食べると最高です。観光後にリラックスするのに素晴らしい場所です。日本の伝統的な和菓子も本当に美味しいです！",
          tag: "Foodie",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-namaste-gesture_176474-95150.jpg",
          avatarAlt: "Sarah Chen avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23317.jpg",
          imageAlt: "Traditional Japanese sweets",
        },
        {
          id: "t-5",
          name: "鈴木 浩司\n\nKoji Suzuki",
          date: "2024年1月5日\n\nJan 5, 2024",
          title: "静かで上品な空間\n\nQuiet & Elegant Space",
          quote: "友人との会話を楽しむのに最適な場所です。騒がしくなく、サービスも行き届いています。特に、季節限定のドリンクはいつも楽しみにしています。\n\nThis is the perfect place to enjoy a conversation with friends. It’s not noisy, and the service is excellent. I particularly look forward to their seasonal drinks every time.",
          tag: "友人との会合\nFriends",
          avatarSrc: "http://img.b2bpic.net/free-photo/man-drinking-hot-beverage-using-smarphone_23-2147775888.jpg",
          avatarAlt: "Koji Suzuki avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-trendy-woman-holding-drink_23-2149356017.jpg",
          imageAlt: "Cafe exterior",
        },
        {
          id: "t-6",
          name: "Emily White",
          date: "Jan 20, 2024",
          title: "My Favorite Cafe in Tokyo!",
          quote: "I absolutely adore Sakura Coffee Tokyo. The coffee is consistently excellent, and the gentle ambiance makes it my go-to place for reading or just unwinding. Highly recommend the Sakura Latte!\n\n桜珈琲東京が大好きです。コーヒーはいつも美味しく、穏やかな雰囲気なので、読書やリラックスするのに私のお気に入りの場所です。桜ラテを強くお勧めします！",
          tag: "Local",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-backpacker-female-wearing-hat-traveling-ancient-site-she-smiling-looking-camera-with-happiness-copy-space_1150-48670.jpg",
          avatarAlt: "Emily White avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753019.jpg",
          imageAlt: "Cozy reading corner",
        },
      ]}
      title="お客様の声\n\nCustomer Reviews"
      description="桜珈琲東京での体験を共有してくださったお客様からの温かいコメントをご紹介します。\n\nHear what our wonderful customers have to say about their experience at Sakura Coffee Tokyo."
    />
  </div>

  <div id="instagram-gallery" data-section="instagram-gallery">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      title="インスタグラムギャラリー\n\nInstagram Gallery"
      description="当店の最新情報や美しい写真をご覧ください。\n\nSee our latest updates and beautiful photographs on Instagram."
      blogs={[
        {
          id: "ig-1",
          category: "珈琲\nCoffee",
          title: "今日のラテアート\n\nToday's Latte Art",
          excerpt: "熟練のバリスタが毎日心を込めて描く、季節のラテアートをお楽しみください。\n\nEnjoy our seasonal latte art, crafted daily with care by our skilled baristas.",
          imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-31821.jpg",
          imageAlt: "Latte art in a coffee cup",
          authorName: "桜珈琲東京\nSakura Coffee Tokyo",
          authorAvatar: "http://img.b2bpic.net/free-vector/hand-drawn-cherry-blossom-wreath-background_23-2148070230.jpg",
          date: "2024-03-01",
        },
        {
          id: "ig-2",
          category: "デザート\nDessert",
          title: "春の和菓子\n\nSpring Wagashi",
          excerpt: "桜の季節に合わせた、見た目も美しい伝統的な和菓子をご用意しております。\n\nWe offer beautiful traditional Japanese sweets, perfectly timed for the cherry blossom season.",
          imageSrc: "http://img.b2bpic.net/free-photo/autumn-banner-with-tasty-food-high-angle_23-2150037097.jpg",
          imageAlt: "Japanese dessert plate",
          authorName: "桜珈琲東京\nSakura Coffee Tokyo",
          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food-shop_23-2149288407.jpg",
          date: "2024-03-05",
        },
        {
          id: "ig-3",
          category: "空間\nAtmosphere",
          title: "雨の日の過ごし方\n\nA Rainy Day Retreat",
          excerpt: "雨の日には、窓から東京の街並みを眺めながら、温かいコーヒーでゆっくりとお過ごしください。\n\nOn rainy days, relax with a warm coffee while watching the Tokyo cityscape from our window.",
          imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698352.jpg",
          imageAlt: "Cafe window view on a rainy day",
          authorName: "桜珈琲東京\nSakura Coffee Tokyo",
          authorAvatar: "http://img.b2bpic.net/free-vector/pack-japanese-labels-with-cherry-blossom_23-2147559885.jpg",
          date: "2024-03-08",
        },
        {
          id: "ig-4",
          category: "ドリンク\nDrinks",
          title: "夏の冷たい一杯\n\nCool Drink for Summer",
          excerpt: "暑い夏にぴったりの、フレッシュで爽やかなアイスコーヒーをご用意しました。\n\nOur fresh and refreshing iced coffee is perfect for hot summer days.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3948.jpg",
          imageAlt: "Iced coffee",
          authorName: "桜珈琲東京\nSakura Coffee Tokyo",
          authorAvatar: "http://img.b2bpic.net/free-vector/pack-four-japanese-labels_23-2147561602.jpg",
          date: "2024-03-12",
        },
        {
          id: "ig-5",
          category: "珈琲\nCoffee",
          title: "こだわりの豆\n\nOur Specialty Beans",
          excerpt: "世界中から厳選された高品質なコーヒー豆を、店内で丁寧に焙煎しています。\n\nWe carefully roast high-quality coffee beans, selected from around the world, right here in our shop.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-espresso-coffee-glass-with-cake-slices-chopping-board_23-2147906726.jpg",
          imageAlt: "Artisan roasted coffee beans",
          authorName: "桜珈琲東京\nSakura Coffee Tokyo",
          authorAvatar: "http://img.b2bpic.net/free-vector/coffee-house-logo-pack_23-2147503436.jpg",
          date: "2024-03-15",
        },
        {
          id: "ig-6",
          category: "バリスタ\nBarista",
          title: "職人の技\n\nArtisan's Craft",
          excerpt: "一杯一杯、最高の味を引き出すために、バリスタが心を込めて丁寧に抽出しています。\n\nOur baristas meticulously extract each cup to bring out the best flavor, pouring their heart into every brew.",
          imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187522.jpg",
          imageAlt: "Barista preparing pour over coffee",
          authorName: "桜珈琲東京\nSakura Coffee Tokyo",
          authorAvatar: "http://img.b2bpic.net/free-vector/japanese-floral-labels-linear-style_23-2147561115.jpg",
          date: "2024-03-18",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/flat-lay-chinese-ink-elements-composition_23-2148826150.jpg"
      logoAlt="Sakura Coffee Tokyo Logo"
      logoText="桜珈琲東京\n\nSakura Coffee Tokyo"
      leftLink={{
        text: "プライバシーポリシー\n\nPrivacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "利用規約\n\nTerms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
