"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Alchemetryx"
          navItems={[
            { name: "Solutions", id: "solutions" },
            { name: "Blueprint", id: "blueprint" },
            { name: "Case Studies", id: "case-studies" },
            { name: "About", id: "about" },
          ]}
          button={{
            text: "Request Diagnostic",            href: "#contact"}}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="ALCHEMETRYX"
          description="Stop losing to operational chaos. Disconnected systems. Manual work. Decisions made on guesswork. We bring clarity before you commit."
          buttons={[
            { text: "Request Diagnostic", href: "#contact" },
            { text: "See How It Works", href: "#blueprint" },
          ]}
          slides={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/a-structured-workspace-dashboard-interfa-1772502404214-c8093621.png",              imageAlt: "Structured analytics and system dashboard"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/a-minimalist-office-environment-with-tea-1772502405596-4307bf7b.png",              imageAlt: "Team collaboration on unified platform"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/clean-architectural-blueprint-style-inte-1772502403434-96231d28.png",              imageAlt: "System architecture blueprint interface"},
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          ariaLabel="Hero section - Intelligence-led systems platform"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Most businesses don't lack effort." },
            { type: "text", content: "They lack system clarity." },
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Start with a Diagnostic", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
          ariaLabel="About section - System clarity mission"
        />
      </div>

      <div id="solutions" data-section="solutions">
        <FeatureCardOne
          title="Three-Pillar Architecture"
          description="Every business runs on three interconnected systems. We engineer clarity across all three."
          tag="Framework"
          features={[
            {
              title: "Decision Intelligence",              description: "Fragmented data creates guesswork. We consolidate signals from across your business into actionable intelligence. You see patterns others miss.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/data-analysis-interface-showing-insights-1772502403394-53b83c7d.png",              imageAlt: "Decision intelligence dashboard",              button: { text: "Learn more", href: "#contact" },
            },
            {
              title: "Digital Platforms",              description: "Disconnected tools breed manual work. We design unified platforms where your systems talk to each other. Data flows. Decisions get faster.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/digital-integration-platform-showing-mul-1772502403592-4154ac55.png",              imageAlt: "Digital platform integration",              button: { text: "Learn more", href: "#contact" },
            },
            {
              title: "Intelligent Automation",              description: "Manual work kills margin. We automate what shouldn't need humans. Your team focuses on what matters. Systems handle the rest.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/workflow-automation-interface-showing-in-1772502402670-b593bf3b.png",              imageAlt: "Intelligent automation workflow",              button: { text: "Learn more", href: "#contact" },
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="3-Pillar Architecture section"
        />
      </div>

      <div id="blueprint" data-section="blueprint">
        <FeatureCardNine
          title="The 90-Day Blueprint"
          description="Clarity before commitment. Our proven diagnostic-to-roadmap methodology."
          tag="Our Process"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Diagnostic",              description: "Week 1–3: We investigate. Systems audited. Data flows mapped. Breakdowns identified. You get clarity on what's actually happening.",              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/diagnostic-phase-workspace-showing-asses-1772502404145-2ca72f33.png?_wi=1",                imageAlt: "Diagnostic phase assessment"},
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/diagnostic-phase-workspace-showing-asses-1772502404145-2ca72f33.png?_wi=2",                imageAlt: "Analysis and investigation tools"},
            },
            {
              id: 2,
              title: "Design",              description: "Week 4–8: We architect. Solution designed. Integration mapped. Automation identified. You see the system before we build it.",              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/system-design-phase-showing-architects-p-1772502402856-b92f7026.png?_wi=1",                imageAlt: "System design phase"},
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/system-design-phase-showing-architects-p-1772502402856-b92f7026.png?_wi=2",                imageAlt: "Solution architecture"},
            },
            {
              id: 3,
              title: "Roadmap",              description: "Week 9–12: We deliver. Implementation roadmap. Timeline defined. Resource plan clear. You know exactly what happens next.",              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/roadmap-presentation-showing-strategic-t-1772502405368-df0d6373.png?_wi=1",                imageAlt: "Roadmap presentation"},
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/roadmap-presentation-showing-strategic-t-1772502405368-df0d6373.png?_wi=2",                imageAlt: "Strategic timeline"},
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="90-Day Blueprint process section"
        />
      </div>

      <div id="case-studies" data-section="case-studies">
        <FeatureCardMedia
          title="Real Results"
          description="How UK SMEs brought order to operational chaos."
          tag="Case Studies"
          features={[
            {
              id: "1",              title: "Manufacturing Visibility",              description: "A manufacturer with 30 people operating blind. Three separate systems. No unified view. We built decision intelligence. Operations visibility went from 20% to 95% real-time. Manual reporting dropped 40 hours per week.",              tag: "Manufacturing",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/manufacturing-company-control-center-sho-1772502403409-1374c959.png?_wi=1",              imageAlt: "Manufacturing operations control center"},
            {
              id: "2",              title: "B2B Integration",              description: "Service delivery company with disconnected client data across multiple platforms. We unified the stack. Data access time dropped 80%. Team productivity increased 35%. Client satisfaction improved measurably.",              tag: "B2B Services",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/b2b-services-company-dashboard-showing-c-1772502405585-2ed42977.png?_wi=1",              imageAlt: "B2B services dashboard"},
            {
              id: "3",              title: "Finance Automation",              description: "Professional services firm spending 4 days per week on manual reconciliation. We automated 85% of the process. Finance team now focuses on analysis instead of data entry. Margin improved 12%.",              tag: "Professional Services",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/professional-services-firm-with-team-col-1772502403362-15bb3c1f.png?_wi=1",              imageAlt: "Professional services collaboration"},
            {
              id: "4",              title: "Decision Velocity",              description: "Leadership team making decisions on incomplete data. We built intelligence layer across five systems. Decision cycle went from 5 days to same-day. Market responsiveness increased. Growth accelerated.",              tag: "Technology",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/technology-enabled-operations-showing-au-1772502403118-3860163d.png?_wi=1",              imageAlt: "Technology operations"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
          ariaLabel="Case studies section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Hear from UK business leaders who brought clarity to chaos."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "James Mitchell, Managing Director",              date: "Date: November 2024",              title: "We finally see what's actually happening.",              quote: "Before Alchemetryx, we had three separate systems and nobody had the full picture. Now we see operations in real time. Decisions that took days take hours. The diagnostic phase alone was worth it.",              tag: "Manufacturing",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/professional-headshot-of-confident-uk-bu-1772502402995-960462a0.png",              avatarAlt: "James Mitchell",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/manufacturing-company-control-center-sho-1772502403409-1374c959.png?_wi=2",              imageAlt: "Manufacturing operations"},
            {
              id: "2",              name: "Sarah Chen, Operations Director",              date: "Date: October 2024",              title: "Manual work disappeared. Margin improved.",              quote: "We were drowning in spreadsheets. The team spent more time on data than strategy. Alchemetryx automated 85% of our reconciliation process. We gained back two people's worth of capacity.",              tag: "Professional Services",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/professional-headshot-of-uk-operations-d-1772502402386-58da7356.png",              avatarAlt: "Sarah Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/professional-services-firm-with-team-col-1772502403362-15bb3c1f.png?_wi=2",              imageAlt: "Professional services"},
            {
              id: "3",              name: "David Thompson, CEO",              date: "Date: September 2024",              title: "The diagnostic made the difference.",              quote: "We weren't sure what we didn't know. The 12-week diagnostic was eye-opening. They didn't push solutions—they showed us exactly where we were fragmented. The roadmap they delivered was specific and achievable.",              tag: "B2B Services",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/professional-headshot-of-uk-business-exe-1772502401970-6e16122d.png",              avatarAlt: "David Thompson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/b2b-services-company-dashboard-showing-c-1772502405585-2ed42977.png?_wi=2",              imageAlt: "B2B services"},
            {
              id: "4",              name: "Emma Richardson, CFO",              date: "Date: August 2024",              title: "Decision quality transformed.",              quote: "Our leadership team was making decisions on incomplete data. Now we have consolidated intelligence across all systems. Market responsiveness improved dramatically. Growth accelerated.",              tag: "Technology",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/professional-headshot-of-uk-cfo-or-finan-1772502402276-50d34483.png",              avatarAlt: "Emma Richardson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/technology-enabled-operations-showing-au-1772502403118-3860163d.png?_wi=2",              imageAlt: "Technology operations"},
            {
              id: "5",              name: "Michael Grant, Managing Director",              date: "Date: July 2024",              title: "Calm, measured approach. Real results.",              quote: "No hype. No nonsense. They showed us what was broken, designed a solution we understood, and delivered a clear roadmap. We're now 6 months into implementation and tracking every milestone.",              tag: "Distribution",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/professional-headshot-of-uk-business-con-1772502402400-22fad893.png",              avatarAlt: "Michael Grant",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/manufacturing-company-control-center-sho-1772502403409-1374c959.png?_wi=3",              imageAlt: "Distribution operations"},
            {
              id: "6",              name: "Victoria Moore, Operations Manager",              date: "Date: June 2024",              title: "The systems talk to each other now.",              quote: "Data silos were killing our efficiency. Now everything integrates. Team productivity is up. Client satisfaction is measurably better. The whole operation feels engineered.",              tag: "Consulting",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/professional-headshot-of-uk-technology-d-1772502402871-e323dd07.png",              avatarAlt: "Victoria Moore",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/b2b-services-company-dashboard-showing-c-1772502405585-2ed42977.png?_wi=3",              imageAlt: "Consulting services"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Testimonials section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Start with Clarity"
          description="Most businesses don't lack effort. They lack system clarity. Request a diagnostic. No commitment. No pitch. Just honest assessment of your operational landscape."
          inputs={[
            {
              name: "companyName",              type: "text",              placeholder: "Company name",              required: true,
            },
            {
              name: "email",              type: "email",              placeholder: "Your email",              required: true,
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone number",              required: true,
            },
            {
              name: "employees",              type: "text",              placeholder: "Team size (10–50)"},
          ]}
          textarea={{
            name: "message",            placeholder: "Briefly describe your biggest operational challenge.",            rows: 5,
            required: true,
          }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APjvvhmJEkFOeXkkQhKjMaoPUw/founder-or-leadership-team-in-profession-1772502402543-8f276f1f.png"
          imageAlt="Alchemetryx leadership team"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Request Diagnostic"
          ariaLabel="Contact form - Request diagnostic"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="ALCHEMETRYX"
          copyrightText="© 2025 Alchemetryx. Intelligence-led systems for UK SMEs."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
