"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="InProduce"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Features", id: "/features" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Get Started", href: "/contact" }}
        />
      </div>

      <div id="contact-form" data-section="contact-form">
        <ContactSplitForm
          title="Get in Touch"
          description="Ready to start your investment journey? Contact our team to discuss your investment goals and find the perfect plan for your portfolio."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-vector/flat-business-landing-page-template_23-2148218171.jpg"
          imageAlt="InProduce office"
          mediaPosition="right"
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "company", type: "text", placeholder: "Company (Optional)", required: false },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your investment interests and portfolio goals...",
            rows: 5,
            required: true
          }}
          buttonText="Send Inquiry"
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Get answers to common questions about investing with InProduce and how our platform works."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is InProduce?",
              content: "InProduce is a regulated investment platform specializing in premium produce market opportunities across London and the UK. We offer professional management, transparent reporting, and diversified agricultural assets to individual and institutional investors."
            },
            {
              id: "2",
              title: "What is the minimum investment?",
              content: "The minimum investment starts at £10,000 for our Starter plan. This allows new investors to access premium produce opportunities with lower capital requirements compared to traditional agricultural investments."
            },
            {
              id: "3",
              title: "How are returns calculated?",
              content: "Returns are generated through market appreciation, supply chain optimization, and efficient asset management. We provide detailed quarterly reports showing all sources of returns, fees, and net performance."
            },
            {
              id: "4",
              title: "Is my investment regulated?",
              content: "Yes, InProduce is fully regulated by the Financial Conduct Authority (FCA). All investments are held in secure accounts with professional custody services and complete audit trails."
            },
            {
              id: "5",
              title: "Can I withdraw my investment?",
              content: "Investments typically have a minimum holding period of 2-3 years. After this period, withdrawals can be requested with 30-60 days notice. Some vehicles offer quarterly liquidity options with additional flexibility terms."
            },
            {
              id: "6",
              title: "What fees does InProduce charge?",
              content: "We charge a transparent management fee (typically 1.5-2% annually depending on plan) and performance fees (15-20% of returns above benchmark). All fees are clearly documented in quarterly reports with no hidden costs."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="InProduce"
          copyrightText="© 2025 InProduce Investment Platform. All rights reserved."
          columns={[
            {
              title: "Platform",
              items: [
                { label: "Dashboard", href: "/dashboard" },
                { label: "Opportunities", href: "/opportunities" },
                { label: "Pricing", href: "/pricing" },
                { label: "Performance", href: "/performance" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Team", href: "/team" },
                { label: "Blog", href: "/blog" },
                { label: "Careers", href: "/careers" }
              ]
            },
            {
              title: "Investors",
              items: [
                { label: "Get Started", href: "/start" },
                { label: "Resources", href: "/resources" },
                { label: "FAQ", href: "/faq" },
                { label: "Contact", href: "/contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms & Conditions", href: "/terms" },
                { label: "Cookie Policy", href: "/cookies" },
                { label: "Regulatory Info", href: "/regulatory" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}