"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import LegalSection from '@/components/legal/LegalSection';

const navItems = [
    { name: "Home", id: "/" },
    { name: "About Bill", id: "/#about" },
    { name: "Platform", id: "/#platform" },
    { name: "Impact", id: "/#impact" },
    { name: "Support", id: "/#support" },
    { name: "FAQ", id: "/#faq" },
    { name: "Privacy Policy", id: "/privacy-policy" },
];

const footerColumns = [
    {
      items: [
        { label: "About Bill", href: "/#about" },
        { label: "Platform", href: "/#platform" },
        { label: "Impact", href: "/#impact" },
      ],
    },
    {
      items: [
        { label: "Testimonials", href: "/#testimonials" },
        { label: "FAQ", href: "/#faq" },
        { label: "Volunteer", href: "/#contact" },
      ],
    },
    {
      items: [
        { label: "Donate", href: "/#donate" },
        { label: "Contact Us", href: "/#contact" },
        { label: "Privacy Policy", href: "/privacy-policy" },
      ],
    },
];

export default function PrivacyPolicyPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
            <NavbarLayoutFloatingOverlay
            navItems={navItems}
            brandName="Bill Chuan"
            button={{ text: "Donate Now", href: "/#donate" }}
            />
        </div>

        <div id="privacy-policy" data-section="privacy-policy">
            <LegalSection
                layout="page"
                title="Privacy Policy"
                subtitle="Your privacy is important to us."
                sections={[
                    {
                        heading: "Introduction",                        content: [
                            { type: "paragraph", text: "This Privacy Policy describes how [Your Campaign/Organization Name] collects, uses, and discloses your personal information when you visit, use our services, or make a donation through billchuan2026.com (the 'Site')." }
                        ]
                    },
                    {
                        heading: "Information We Collect",                        content: [
                            { type: "paragraph", text: "We collect information you provide directly to us when you sign up for newsletters, volunteer, donate, or contact us. This may include your name, email address, mailing address, phone number, and payment information." },
                            { type: "paragraph", text: "We also automatically collect certain information when you access the Site, such as your IP address, browser type, device information, and browsing activity." }
                        ]
                    },
                    {
                        heading: "How We Use Your Information",                        content: [
                            { type: "paragraph", text: "We use the information we collect to:" },
                            { type: "list", items: [
                                "Process donations and volunteer applications.",                                "Send you campaign updates, newsletters, and other communications.",                                "Improve our website and services.",                                "Respond to your inquiries and provide support."
                            ]}
                        ]
                    },
                    {
                        heading: "Sharing Your Information",                        content: [
                            { type: "paragraph", text: "We do not sell or rent your personal information to third parties. We may share your information with trusted service providers who assist us in operating our website, conducting our campaign, or servicing you, provided those parties agree to keep this information confidential." }
                        ]
                    },
                    {
                        heading: "Your Choices",                        content: [
                            { type: "paragraph", text: "You can opt out of receiving promotional emails from us by following the unsubscribe instructions in those emails. You may also contact us to update or correct your personal information." }
                        ]
                    },
                    {
                        heading: "Security",                        content: [
                            { type: "paragraph", text: "We take reasonable measures to protect your personal information from unauthorized access, use, or disclosure. However, no internet transmission is completely secure, and we cannot guarantee absolute security." }
                        ]
                    },
                    {
                        heading: "Changes to This Policy",                        content: [
                            { type: "paragraph", text: "We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new policy on this page." }
                        ]
                    },
                    {
                        heading: "Contact Us",                        content: [
                            { type: "paragraph", text: "If you have any questions about this Privacy Policy, please contact us at [contact email or form link]." }
                        ]
                    }
                ]}
            />
        </div>

        <div id="footer" data-section="footer">
            <FooterLogoEmphasis
                logoSrc="http://img.b2bpic.net/free-photo/people-waiting-register-voting-united-states_23-2149096743.jpg"
                logoAlt="Bill Chuan for Milpitas City Council Logo"
                columns={footerColumns}
                logoText="Bill Chuan for Milpitas City Council 2026"
            />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}