"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { BarChart3, CheckCircle, Phone, Quote, Search, Share2, Sparkles, Star, Target, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Vertex Digital"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Results", id: "metrics" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          tag="Digital Marketing Excellence"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Surat's Omnichannel Digital Marketing Agency"
          description="Vertex Digital Services transforms local businesses into growth engines through data-driven strategy, performance marketing, and ROI-focused campaigns. From social media to marketplace optimization, we fuel sustainable business growth across every digital channel."
          buttons={[
            { text: "Get Free Strategy Call", href: "contact" },
            { text: "View Our Services", href: "services" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "noise" }}
          leftCarouselItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/a-sleek-digital-marketing-dashboard-inte-1772530844793-a966dbe5.png",              imageAlt: "Marketing analytics dashboard"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/a-modern-social-media-management-dashboa-1772530845217-4d051f3b.png?_wi=1",              imageAlt: "Social media management interface"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/performance-marketing-and-ppc-advertisin-1772530846976-4486b522.png?_wi=1",              imageAlt: "Performance marketing dashboard"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/seo-and-search-rankings-dashboard-showin-1772530845655-caa1a64c.png?_wi=1",              imageAlt: "SEO analytics interface"
            }
          ]}
          rightCarouselItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/a-modern-omnichannel-marketing-strategy--1772530845519-8d3cac90.png",              imageAlt: "Omnichannel marketing strategy"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/marketing-automation-platform-interface--1772530845098-32ef0882.png?_wi=1",              imageAlt: "Marketing automation platform"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/search-engine-optimization-dashboard-wit-1772530846761-6f386c69.png?_wi=1",              imageAlt: "SEO optimization dashboard"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/conversion-tracking-and-roi-dashboard-sh-1772530847797-7a795185.png?_wi=1",              imageAlt: "ROI tracking interface"
            }
          ]}
          carouselPosition="right"
          ariaLabel="Vertex Digital Services - Premier Marketing Agency Hero Section"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Choose Vertex"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="We deliver measurable results that transform your digital presence and drive revenue growth."
          description="Vertex Digital Services"
          subdescription="Surat's Trusted Marketing Partner Since 2018"
          icon={Target}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/a-professional-team-of-digital-marketing-1772530846446-1bca206b.png"
          imageAlt="Vertex Digital Services team collaborating"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
          ariaLabel="About Vertex Digital Services"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFive
          title="Our Marketing Services"
          description="Comprehensive omnichannel solutions designed to maximize your ROI and drive sustainable growth across all digital platforms."
          tag="Services"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              title: "Social Media Marketing",              description: "Strategic content creation, community management, and paid social campaigns across Facebook, Instagram, LinkedIn, and emerging platforms. Engagement-focused strategies that build brand loyalty.",              icon: Share2,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/a-modern-social-media-management-dashboa-1772530845217-4d051f3b.png?_wi=2",                  imageAlt: "Social media dashboard"
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/social-media-content-calendar-view-with--1772530844075-e854ee27.png",                  imageAlt: "Content calendar interface"
                }
              ]
            },
            {
              title: "Performance Marketing & PPC",              description: "High-conversion paid advertising campaigns with continuous optimization. Expert bid management, A/B testing, and conversion tracking to maximize your advertising ROI.",              icon: BarChart3,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/performance-marketing-and-ppc-advertisin-1772530846976-4486b522.png?_wi=2",                  imageAlt: "Performance marketing dashboard"
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/conversion-tracking-and-roi-dashboard-sh-1772530847797-7a795185.png?_wi=2",                  imageAlt: "ROI tracking"
                }
              ]
            },
            {
              title: "SEO & Organic Growth",              description: "Technical SEO, keyword research, content optimization, and link building strategies. Sustainable organic visibility and top rankings for high-intent keywords in your industry.",              icon: Search,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/seo-and-search-rankings-dashboard-showin-1772530845655-caa1a64c.png?_wi=2",                  imageAlt: "SEO analytics interface"
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/search-engine-optimization-dashboard-wit-1772530846761-6f386c69.png?_wi=2",                  imageAlt: "SEO optimization dashboard"
                }
              ]
            },
            {
              title: "Marketing Automation",              description: "Intelligent email workflows, lead nurturing sequences, and customer journey automation. Scale your outreach while maintaining personalization and increasing conversion rates.",              icon: Zap,
              mediaItems: [
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/marketing-automation-platform-interface--1772530845098-32ef0882.png?_wi=2",                  imageAlt: "Marketing automation platform"
                },
                {
                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/marketing-automation-dashboard-with-work-1772530846166-4637ee55.png",                  imageAlt: "Workflow builder interface"
                }
              ]
            }
          ]}
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Learn More", href: "contact" }]}
          buttonAnimation="slide-up"
          ariaLabel="Vertex Digital Services - Our Marketing Services"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Client Success Stories"
          description="Hear from businesses that transformed their digital presence and achieved remarkable growth with Vertex Digital Services."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Testimonials"
          tagIcon={Quote}
          tagAnimation="slide-up"
          animationType="slide-up"
          speed={40}
          testimonials={[
            {
              id: "1",              name: "Rajesh Kumar",              handle: "CEO, Tech Innovations Surat",              testimonial: "Vertex Digital increased our online leads by 340% in 6 months. Their data-driven approach and transparent reporting gave us complete confidence in their work.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/professional-headshot-of-a-confident-sou-1772530843427-7603c0fd.png",              imageAlt: "Rajesh Kumar"
            },
            {
              id: "2",              name: "Priya Sharma",              handle: "Founder, E-Commerce Marketplace",              testimonial: "Our marketplace sales grew 5x after partnering with Vertex. Their omnichannel strategy across social and performance channels was game-changing for our growth.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/professional-headshot-of-a-young-south-a-1772530843379-bdb1d290.png",              imageAlt: "Priya Sharma"
            },
            {
              id: "3",              name: "Amit Patel",              handle: "Director, Real Estate Development",              testimonial: "Lead quality and volume improved dramatically. Vertex's industry expertise and targeted campaigns helped us close deals faster than ever before.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/professional-headshot-of-a-south-asian-b-1772530843415-005a0384.png",              imageAlt: "Amit Patel"
            },
            {
              id: "4",              name: "Neha Desai",              handle: "Marketing Head, Fashion Brand",              testimonial: "Working with Vertex felt like extending our internal team. Their creativity, strategic thinking, and ROI focus delivered exceptional results every single month.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/professional-headshot-of-a-young-south-a-1772530844847-c2bf4987.png",              imageAlt: "Neha Desai"
            },
            {
              id: "5",              name: "Vikram Singh",              handle: "Textile Industry Executive",              testimonial: "Their automation and SEO strategies positioned us as industry leaders. We're now the top choice for B2B buyers in our category.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/professional-headshot-of-a-south-asian-b-1772530844140-6dfd8786.png",              imageAlt: "Vikram Singh"
            },
            {
              id: "6",              name: "Anjali Mehta",              handle: "Business Head, Services Company",              testimonial: "Transparency, accountability, and measurable results—that's Vertex. They've become an integral part of our business growth strategy.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQhXB4KqrJJEwCdF1fxOhoBdRW/professional-headshot-of-a-south-asian-w-1772530844000-685079dd.png",              imageAlt: "Anjali Mehta"
            }
          ]}
          ariaLabel="Client testimonials and success stories"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Proven Results That Drive Your Business Forward"
          tag="Impact Metrics"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "340%",              description: "Average increase in qualified leads within 6 months of optimization"
            },
            {
              id: "2",              value: "5.2x",              description: "Average ROI multiplier across all performance marketing campaigns"
            },
            {
              id: "3",              value: "89%",              description: "Average improvement in conversion rates through strategic optimization"
            },
            {
              id: "4",              value: "200+",              description: "Businesses successfully scaled across local, regional, and national markets"
            }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Vertex Digital Services metrics and results"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders & Growing Businesses"
          description="From startups to established enterprises, hundreds of businesses across Surat, India, and globally trust Vertex for digital marketing excellence."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Partners & Clients"
          tagIcon={Star}
          tagAnimation="slide-up"
          names={[
            "Acme Corporation",            "TechFlow Solutions",            "Innovate Inc",            "CloudSync",            "Nexus Digital",            "Forge Industries",            "Catalyst Ventures",            "Growth Partners"
          ]}
          speed={40}
          showCard={true}
          ariaLabel="Our trusted clients and partners"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Book Your Free Strategy Call"
          ctaDescription="Let's discuss your marketing challenges and create a personalized growth strategy for your business."
          ctaButton={{
            text: "Schedule Now",            href: "https://wa.me/919876543210"
          }}
          ctaIcon={Phone}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "How long does it take to see results?",              content: "Most clients see measurable improvements within 4-8 weeks. Social media traction and paid campaign results appear quickest. SEO and organic growth require 3-6 months for significant momentum. We provide weekly reports so you can track progress every step of the way."
            },
            {
              id: "2",              title: "What industries do you specialize in?",              content: "We serve diverse industries including ecommerce, SaaS, real estate, textiles, local businesses, startups, and services companies. Our team has deep expertise in B2B and B2C marketing, marketplace optimization, and omnichannel strategies."
            },
            {
              id: "3",              title: "How do you measure ROI and success?",              content: "We establish clear KPIs upfront aligned with your business goals. Every campaign is tracked with detailed analytics dashboards. You'll receive monthly performance reports showing lead generation, conversion rates, revenue impact, and cost per acquisition."
            },
            {
              id: "4",              title: "What's your pricing model?",              content: "We offer flexible engagement models including performance-based pricing, retainer packages, and project-based services. All pricing is transparent with no hidden costs. We'll customize a package that fits your budget and business stage."
            },
            {
              id: "5",              title: "Do you provide ongoing support?",              content: "Yes! Beyond campaign execution, we provide continuous optimization, strategy adjustments, and growth consulting. Our team stays updated on algorithm changes and market trends to keep your campaigns competitive."
            }
          ]}
          ariaLabel="Contact Vertex Digital Services and frequently asked questions"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Social Media Marketing", href: "services" },
                { label: "Performance Marketing", href: "services" },
                { label: "SEO & Organic Growth", href: "services" },
                { label: "Marketing Automation", href: "services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Results", href: "metrics" },
                { label: "Client Stories", href: "testimonials" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "WhatsApp", href: "https://wa.me/919876543210" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Email", href: "mailto:hello@vertexdigital.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Vertex Digital Services. All rights reserved."
          ariaLabel="Footer navigation and links"
        />
      </div>
    </ThemeProvider>
  );
}