"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Rocket, Zap, Target, Sparkles, TrendingUp, Users, Quote, Mail } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
    { name: "Blog", id: "/blog" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="noise"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Orion Media Co"
          bottomLeftText="Atlanta, Georgia"
          bottomRightText="hello@orionmedia.co"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Transform Your Brand Into a Market Leader"
          description="Strategic digital marketing solutions designed to accelerate growth, increase visibility, and drive measurable ROI for businesses of all sizes."
          tag="Digital Marketing Excellence"
          tagIcon={Rocket}
          tagAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/a-modern-digital-marketing-agency-worksp-1772493588757-84d68fca.png"
          imageAlt="Digital marketing team collaborating on analytics"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Sarah Mitchell",
              handle: "CEO, TechFlow Inc",
              testimonial: "Orion Media transformed our digital presence. Our leads increased by 300% in the first six months.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/professional-headshot-of-a-satisfied-bus-1772493588414-92ac1d93.png?_wi=1",
              imageAlt: "Sarah Mitchell testimonial",
            },
            {
              name: "James Rodriguez",
              handle: "Founder, GrowthCo",
              testimonial: "Their strategic approach to SEO and content marketing was exactly what we needed.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/professional-headshot-of-an-executive-in-1772493588131-23a9664d.png?_wi=1",
              imageAlt: "James Rodriguez testimonial",
            },
            {
              name: "Emily Chen",
              handle: "Marketing Director, CloudSync",
              testimonial: "The team's expertise in social media management drove real engagement and conversions.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/professional-headshot-of-a-business-owne-1772493590267-94b3b820.png?_wi=1",
              imageAlt: "Emily Chen testimonial",
            },
          ]}
          buttons={[
            { text: "Schedule Consultation", href: "/contact" },
            { text: "View Our Work", href: "/services" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Orion Media Co"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Elevating Brands Through Data-Driven Digital Marketing"
          description="Meet the Team Behind Your Success"
          subdescription="Based in Atlanta, Georgia"
          icon={Target}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/a-dynamic-team-of-digital-marketing-prof-1772493589811-b7e7ac84.png?_wi=1"
          imageAlt="Orion Media Co team collaborating"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFour
          title="Our Digital Marketing Services"
          description="Comprehensive solutions tailored to your business goals"
          tag="Services"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          features={[
            {
              id: "seo",
              title: "Search Engine Optimization",
              author: "Strategic SEO Experts",
              description: "Drive organic traffic with our proven SEO strategies that improve rankings, increase visibility, and deliver qualified leads to your business.",
              tags: ["SEO", "Organic Traffic", "Rankings"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/an-abstract-visualization-of-seo-optimiz-1772493588919-bf3fa553.png?_wi=1",
              imageAlt: "SEO optimization dashboard",
            },
            {
              id: "social",
              title: "Social Media Management",
              author: "Social Media Strategists",
              description: "Build engaged communities and drive conversions through strategic social media content, management, and advertising across all major platforms.",
              tags: ["Social Media", "Community", "Advertising"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/a-colorful-social-media-marketing-dashbo-1772493590124-df7d8601.png?_wi=1",
              imageAlt: "Social media marketing dashboard",
            },
            {
              id: "content",
              title: "Content Marketing & Creation",
              author: "Creative Content Team",
              description: "Tell your brand story with compelling content that resonates with your audience and drives meaningful engagement and loyalty.",
              tags: ["Content", "Storytelling", "Engagement"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/a-creative-content-creation-workspace-wi-1772493590496-7f902898.png?_wi=1",
              imageAlt: "Content creation team workspace",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Proven Results That Matter"
          description="Our track record speaks to the impact we deliver for every client"
          tag="Impact"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "clients",
              value: "150+",
              title: "Satisfied Clients",
              items: ["Across diverse industries", "Atlanta and beyond", "Sustained partnerships"],
            },
            {
              id: "growth",
              value: "250%",
              title: "Average Client Growth",
              items: ["Within first 12 months", "Measurable ROI", "Consistent performance"],
            },
            {
              id: "campaigns",
              value: "500+",
              title: "Successful Campaigns",
              items: ["Multi-channel approach", "Data-driven strategy", "Award recognition"],
            },
            {
              id: "experience",
              value: "10+",
              title: "Years of Excellence",
              items: ["Industry leadership", "Team expertise", "Trusted partner"],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Expert Team"
          description="Talented professionals dedicated to your success"
          tag="Team"
          tagIcon={Users}
          tagAnimation="slide-up"
          members={[
            {
              id: "1",
              name: "Michael Chen",
              role: "Strategy Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/a-professional-headshot-portrait-of-a-co-1772493588467-459ea545.png?_wi=1",
              imageAlt: "Michael Chen - Strategy Director",
            },
            {
              id: "2",
              name: "Jessica Taylor",
              role: "Social Media Lead",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/a-professional-headshot-of-a-creative-so-1772493588975-4100e360.png?_wi=1",
              imageAlt: "Jessica Taylor - Social Media Lead",
            },
            {
              id: "3",
              name: "David Phillips",
              role: "SEO Specialist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/a-professional-headshot-of-a-senior-digi-1772493588145-ff30954d.png?_wi=1",
              imageAlt: "David Phillips - SEO Specialist",
            },
            {
              id: "4",
              name: "Amanda Foster",
              role: "Analytics Expert",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/professional-headshot-of-a-content-and-a-1772493588372-f6722acc.png?_wi=1",
              imageAlt: "Amanda Foster - Analytics Expert",
            },
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real results and testimonials from businesses we've helped grow"
          tag="Testimonials"
          tagIcon={Quote}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Jennifer Webb",
              handle: "CEO, Web Solutions Inc",
              testimonial: "Orion Media's strategic approach transformed our marketing completely. We saw a 280% increase in qualified leads and tripled our online revenue.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/professional-headshot-of-a-satisfied-bus-1772493588414-92ac1d93.png?_wi=2",
              imageAlt: "Jennifer Webb testimonial",
            },
            {
              id: "2",
              name: "Robert Martinez",
              handle: "Founder, MarketPlace Pro",
              testimonial: "The team at Orion Media truly understands our business. Their insights and execution have been invaluable for our growth strategy.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/professional-headshot-of-an-executive-in-1772493588131-23a9664d.png?_wi=2",
              imageAlt: "Robert Martinez testimonial",
            },
            {
              id: "3",
              name: "Lisa Anderson",
              handle: "Marketing VP, Tech Innovations",
              testimonial: "Professional, responsive, and incredibly effective. Orion Media exceeded all our expectations for campaign performance and brand growth.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/professional-headshot-of-a-business-owne-1772493590267-94b3b820.png?_wi=2",
              imageAlt: "Lisa Anderson testimonial",
            },
            {
              id: "4",
              name: "Christopher Brown",
              handle: "Owner, BuildCo Enterprises",
              testimonial: "Working with Orion Media was the best decision for our digital transformation. Their team is responsive, strategic, and results-driven.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/professional-headshot-of-a-satisfied-cli-1772493588961-4ce5bf0f.png",
              imageAlt: "Christopher Brown testimonial",
            },
            {
              id: "5",
              name: "Nicole Davis",
              handle: "Director, Creative Studios",
              testimonial: "Exceptional service and outstanding results. Orion Media's data-driven approach helped us reach new markets and increase our market share significantly.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/professional-headshot-of-a-marketing-dir-1772493588510-d53e4a05.png",
              imageAlt: "Nicole Davis testimonial",
            },
            {
              id: "6",
              name: "Thomas Wilson",
              handle: "CEO, Global Brands LLC",
              testimonial: "The professionalism and expertise of the Orion Media team is unmatched. They've become an essential partner in our marketing strategy.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APU4mA6Hi2sQCai00D5KuDlQ1r/professional-headshot-of-a-business-exec-1772493588795-7cf05f5a.png",
              imageAlt: "Thomas Wilson testimonial",
            },
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Get answers to common questions about our digital marketing services and how we can help your business grow."
          faqs={[
            {
              id: "1",
              title: "How long does it take to see results from digital marketing?",
              content: "Most clients begin seeing meaningful results within 3-6 months, depending on their industry and goals. SEO typically takes longer (3-6 months), while paid advertising shows faster returns. We focus on sustainable, long-term growth strategies.",
            },
            {
              id: "2",
              title: "What services does Orion Media Co offer?",
              content: "We offer comprehensive digital marketing services including SEO, social media management, content marketing, PPC advertising, email marketing, and analytics. We customize solutions based on your specific business needs and goals.",
            },
            {
              id: "3",
              title: "How do you measure success?",
              content: "We track key performance indicators (KPIs) relevant to your business goals, including traffic growth, lead generation, conversion rates, ROI, and brand awareness. You'll receive detailed monthly reports showing progress and insights.",
            },
            {
              id: "4",
              title: "Do you work with businesses of all sizes?",
              content: "Yes! We work with startups, SMBs, and established enterprises. Our strategies are customized to match your business stage, budget, and objectives. We have experience across diverse industries.",
            },
            {
              id: "5",
              title: "How much does digital marketing cost?",
              content: "Our pricing varies based on your specific needs, industry, and goals. We offer flexible packages starting from strategic consulting to full-service management. Contact us for a customized quote tailored to your business.",
            },
            {
              id: "6",
              title: "Can you help with my existing website?",
              content: "Absolutely! We can audit your current site, improve SEO, enhance user experience, and optimize for conversions. We work with existing platforms or can recommend and implement new solutions as needed.",
            },
          ]}
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Grow?"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Let's Transform Your Digital Presence"
          description="Get in touch with our team today to discuss your digital marketing needs and discover how Orion Media Co can drive growth for your business."
          buttons={[
            { text: "Schedule Consultation", href: "mailto:hello@orionmedia.co" },
            { text: "Call Us", href: "tel:+14045551234" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={true}
        />
      </div>

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