"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Rank First"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Case Studies", id: "case-studies" },
            { name: "Insights", id: "blog" },
            { name: "About", id: "about" },
          ]}
          button={{
            text: "Start Free Audit",            href: "/contact"}}
          animateOnLoad={true}
        />
      </div>

      <div id="contact-hero" data-section="contact-hero">
        <MediaAbout
          title="Let's Drive Your Organic Growth"
          description="Ready to transform your manufacturing or B2B business with data-driven SEO and next-generation AEO strategies? Schedule a free consultation with our specialists. We'll analyze your current online visibility, identify quick wins, and create a custom roadmap to help you dominate search results and attract qualified leads."
          tag="Get in Touch"
          buttons={[
            {
              text: "Schedule Your Free Audit",              href: "#contact-form"},
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/a-professional-team-of-seo-specialists-a-1772518404461-4824f0ba.png"
          imageAlt="Rank First team ready to help with your SEO strategy"
          useInvertedBackground={false}
          ariaLabel="Contact page hero section"
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <FaqSplitMedia
          title="Common Questions About SEO & AEO"
          description="Everything you need to know about our services, process, and how we deliver measurable results for manufacturers and B2B businesses."
          tag="FAQ"
          faqs={[
            {
              id: "1",              title: "How long does it take to see results from SEO?",              content:
                "Most clients see measurable ranking improvements within 3-6 months, with significant organic traffic and lead increases by 9-12 months. Results depend on your industry competitiveness, current site health, and keyword difficulty. We provide transparent monthly reporting so you see progress every step of the way."},
            {
              id: "2",              title:
                "What's the difference between SEO and AEO (Generative Engine Optimization)?",              content:
                "Traditional SEO optimizes content for search engine crawlers and rankings. AEO optimizes for AI-powered search engines and generative results like ChatGPT search and Google's AI Overviews. We employ both strategies to ensure your content ranks in conventional search while also appearing in next-generation AI search results."},
            {
              id: "3",              title: "How do you work with manufacturing companies specifically?",              content:
                "We understand manufacturing industry challenges: long sales cycles, technical buyer personas, competitive landscapes, and complex product offerings. We conduct industry-specific keyword research, optimize for buyer intent at each stage of the consideration cycle, and build authority through targeted link acquisition and content strategies that resonate with procurement teams and business decision-makers."},
            {
              id: "4",              title: "What results can I realistically expect?",              content:
                "Our typical client achieves 3.2x increase in qualified organic leads within 18 months. 87% of our clients rank in the top 3 for priority keywords. However, results vary based on current site authority, keyword competitiveness, and industry factors. We'll provide a custom projection based on your specific situation during the free SEO audit."},
            {
              id: "5",              title: "How often will I receive reporting?",              content:
                "We provide comprehensive monthly reports showing rankings, organic traffic, leads generated, and ROI. Reports include actionable insights, wins achieved that month, and priorities for the next 30 days. We're transparent about metrics because we believe accountability drives better results."},
            {
              id: "6",              title: "Do you work with established brands or startups?",              content:
                "We work with both established manufacturers scaling their digital presence and ambitious B2B startups building market visibility from scratch. Our strategies adapt to your current authority level and resources. Whether you're competing in saturated markets or breaking into new sectors, we have proven approaches for your situation."},
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQGDOrT5kLldL884yuzbqKm2Qr/abstract-illustration-representing-seo-c-1772518404550-03a21928.png"
          imageAlt="SEO and AEO optimization concepts"
          mediaAnimation="blur-reveal"
          mediaPosition="left"
          textboxLayout="default"
          faqsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="FAQ section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Rank First"
          leftLink={{
            text: "Privacy Policy",            href: "#"}}
          rightLink={{
            text: "Terms of Service",            href: "#"}}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}