"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import TextAbout from "@/components/sections/about/TextAbout";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import { Sparkles, Users, Globe, Zap, Star, Layers, Twitter, Instagram, Linkedin, Check, Code, Palette, TrendingUp } from "lucide-react";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";

export default function WebAgencyThemePage() {
    const navItems = [
        { name: "Solutions", id: "solutions" },
        { name: "Features", id: "features" },
        { name: "Why Us", id: "why-us" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" }
    ];

    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="entrance-slide"
            borderRadius="pill"
            contentWidth="medium"
            sizing="medium"
            background="aurora"
            cardStyle="layered-gradient"
            primaryButtonStyle="gradient"
            secondaryButtonStyle="glass"
            headingFontWeight="medium"
        >
            <ReactLenis root>
                <NavbarLayoutFloatingInline
                    navItems={navItems}
                    brandName="VoIP Solution"
                    button={{ text: "Start Free Trial", href: "#contact" }}
                />
                <HeroSplitKpi
                    background={{ variant: "radial-gradient" }}
                    tag="Global Communication Partner"
                    tagIcon={Globe}
                    title="Enterprise VoIP Routing Built for Scale"
                    description="Connect calls globally with carrier-grade reliability. Whitelabel routing infrastructure trusted by telecom businesses worldwide."
                    enableKpiAnimation={true}
                    kpis={[
                        { value: "99.999%", label: "Uptime Guarantee" },
                        { value: "50+", label: "Countries Covered" },
                        { value: "1M+", label: "Calls Routed Daily" }
                    ]}
                    buttons={[
                        {
                            text: "Start Free Trial",                            href: "#contact"
                        },
                        {
                            text: "Explore Solutions",                            href: "#solutions"
                        }
                    ]}
                    avatars={[
                        { src: "http://img.b2bpic.net/free-photo/hand-holding-letter-e_53876-63823.jpg", alt: "Telecom executive 1" },
                        { src: "http://img.b2bpic.net/free-photo/waistup-shot-arrogant-young-girl-with-high-ego-grimacing-snobbish-showing-letter-l-forehead-mo_1258-81248.jpg", alt: "Telecom executive 2" },
                        { src: "http://img.b2bpic.net/free-photo/letter-s-made-real-natural-flowers-leaves-transparent-background_169016-54240.jpg", alt: "Telecom executive 3" }
                    ]}
                    avatarText="Trusted by leading telecom carriers & enterprises"
                    imageSrc="http://img.b2bpic.net/free-photo/letter-r-made-green-grass-with-flowers-isolated-white_169016-58670.jpg"
                    imageAlt="Complex global VoIP network infrastructure"
                    mediaAnimation="slide-up"
                    showMarqueeCard={false}
                    marqueeItems={[
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" }
                    ]}
                    marqueeClassName="md:mb-5"
                />
                <TextAbout
                    title="Empowering telecom businesses and enterprises with robust, scalable, and secure voice communication infrastructure."
                    buttons={[
                        { text: "Learn More", href: "#about" },
                        { text: "Contact Sales", href: "#contact" }
                    ]}
                    useInvertedBackground={false}
                />
                <FeatureCardNineteen
                    title="Comprehensive VoIP Routing Solutions"
                    description="From carrier-grade wholesale to enterprise-specific needs and white-label platforms, we provide tailored voice communication infrastructure."
                    tag="Our Solutions"
                    tagIcon={Layers}
                    features={[
                        {
                            tag: "For Carriers",                            title: "01",                            subtitle: "Wholesale VoIP Routing",                            description: "Expand your service offerings with our high-capacity, low-latency global routing network. Benefit from competitive rates, robust peering, and seamless integration for your traffic.",                            imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-e_53876-63702.jpg",                            imageAlt: "Carrier-grade data center infrastructure"
                        },
                        {
                            tag: "For Enterprises",                            title: "02",                            subtitle: "Enterprise Voice & UC",                            description: "Ensure crystal-clear calls and reliable connectivity for your remote workforce and global operations. Our solutions offer advanced features, redundancy, and SLA-backed performance.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w9dro8",                            imageAlt: "Enterprise team collaborating with VoIP phones and screens"
                        },
                        {
                            tag: "For Startups & Resellers",                            title: "03",                            subtitle: "White-Label Platform",                            description: "Launch your own VoIP service quickly with our fully customizable white-label platform. Manage clients, rates, and routing under your brand, supported by our robust backend.",                            imageSrc: "http://img.b2bpic.net/free-photo/letter-g-made-wood_1232-684.jpg",                            imageAlt: "White label VoIP platform interface on a tablet"
                        },
                        {
                            tag: "Technical Edge",                            title: "04",                            subtitle: "Flexible API Access",                            description: "Integrate our routing capabilities directly into your existing systems with our powerful and well-documented APIs. Automate provisioning, reporting, and management for maximum efficiency.",                            imageSrc: "http://img.b2bpic.net/free-photo/3d-view-letters-alphabet_23-2150499165.jpg",                            imageAlt: "Developer working on code with API integration concepts"
                        }
                    ]}
                    textboxLayout="default"
                    useInvertedBackground={false}
                />
                <MetricCardOne
                    title="Unrivaled Performance, Global Reach"
                    description="Our infrastructure is built for ultimate reliability and scale, ensuring your communications are always on."
                    tag="Our Impact"
                    tagIcon={Sparkles}
                    metrics={[
                        { id: "uptime", value: "99.999%", title: "Guaranteed Uptime", description: "Industry-leading reliability for critical communications.", icon: Zap },
                        { id: "countries", value: "50+", title: "Global Reach", description: "Connecting businesses across continents with seamless voice routing.", icon: Globe },
                        { id: "calls", value: "1M+", title: "Calls Per Day", description: "Handling vast call volumes with consistent quality and low latency.", icon: TrendingUp }
                    ]}
                    gridVariant="uniform-all-items-equal"
                    animationType="depth-3d"
                    textboxLayout="default"
                    useInvertedBackground={false}
                />
                <TestimonialCardFive
                    title="Trusted by Industry Leaders"
                    description="Hear how our VoIP routing solutions empower diverse businesses to achieve their communication goals."
                    tag="Success Stories"
                    tagIcon={Star}
                    testimonials={[
                        {
                            id: "1",                            name: "Lena Petrova",                            date: "VP of Network Operations, GlobalConnect Telecom",                            title: "Seamless Global Interconnection",                            quote: "VoIP Solution transformed our international routing. Their network reliability and competitive pricing allowed us to expand into new markets with confidence, boosting our margins significantly.",                            tag: "Telecom Carrier",                            avatarSrc: "http://img.b2bpic.net/free-photo/grass-letter-e-alphabet-d-design-isolated-transparent-background_169016-57314.jpg",                            avatarAlt: "Lena Petrova",                            imageSrc: "http://img.b2bpic.net/free-photo/server-farm-engineering-team-looks-data-analysis-graph_482257-125110.jpg",                            imageAlt: "GlobalConnect Telecom office"
                        },
                        {
                            id: "2",                            name: "Marcus Thorne",                            date: "Head of IT Infrastructure, Zenith Corp",                            title: "Unmatched Call Quality and Support",                            quote: "Our enterprise-wide communication has never been more stable. VoIP Solution's redundancy and proactive support have drastically reduced downtime, a critical factor for our remote teams.",                            tag: "Enterprise Solution",                            avatarSrc: "http://img.b2bpic.net/free-photo/tattooed-hand-holding-h-sign-isolated-white_53876-63828.jpg",                            avatarAlt: "Marcus Thorne",                            imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-n_53876-47244.jpg",                            imageAlt: "Zenith Corp modern office space"
                        },
                        {
                            id: "3",                            name: "Sofia Chang",                            date: "CEO, NovaTel Communications",                            title: "Rapid Launch with White-Label Excellence",                            quote: "As a startup, the white-label platform was a game-changer. We launched our services in weeks, not months, backed by VoIP Solution's robust infrastructure and incredible onboarding support.",                            tag: "VoIP Startup",                            avatarSrc: "http://img.b2bpic.net/free-photo/letter-j-made-green-grass-isolated-white_169016-56928.jpg",                            avatarAlt: "Sofia Chang",                            imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-e_53876-63823.jpg",                            imageAlt: "NovaTel Communications branding"
                        },
                        {
                            id: "4",                            name: "Rajesh Kumar",                            date: "Director of Partnerships, CloudVerse",                            title: "Powerful API for Custom Integrations",                            quote: "Their API allowed us to deeply integrate VoIP routing into our cloud offerings, providing clients with unparalleled flexibility and control. A truly developer-friendly platform.",                            tag: "API Integration",                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bck3t",                            avatarAlt: "Rajesh Kumar",                            imageSrc: "http://img.b2bpic.net/free-photo/letter-d-made-green-grass-with-flowers-isolated-white_169016-57404.jpg",                            imageAlt: "CloudVerse data center environment"
                        }
                    ]}
                    textboxLayout="default"
                    useInvertedBackground={false}
                />
                <FeatureCardTen
                    tag="Why VoIP Solution?"
                    tagIcon={Layers}
                    title="Your Partner for Superior Voice Communication"
                    description="We deliver the foundation for reliable, scalable, and future-proof VoIP services for your business."
                    textboxLayout="default"
                    animationType="slide-up"
                    useInvertedBackground={false}
                    features={[
                        {
                            title: "Carrier-Grade Reliability",                            description: "Benefit from our robust, redundant network infrastructure designed for five-nines uptime, ensuring your calls are always connected.",                            media: { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-y-sign_53876-63776.jpg", imageAlt: "Reliable network infrastructure" },
                            reverse: false,
                            items: [
                                { icon: Check, text: "99.999% SLA-backed uptime" },
                                { icon: Code, text: "Redundant global data centers" },
                                { icon: Zap, text: "24/7 proactive monitoring" }
                            ]
                        },
                        {
                            title: "Designed for Growth",                            description: "Our platform scales effortlessly with your demand, from small startups to large enterprises, ensuring consistent performance at any volume.",                            media: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-letter-h_1187-2130.jpg", imageAlt: "Graph showing scalable growth" },
                            reverse: true,
                            items: [
                                { icon: TrendingUp, text: "Elastic capacity on demand" },
                                { icon: Globe, text: "Low-latency routing worldwide" },
                                { icon: Check, text: "Optimized for high call volumes" }
                            ]
                        },
                        {
                            title: "Expert Support & Integration",                            description: "Our team of VoIP specialists provides dedicated support and guides you through seamless integration, ensuring a smooth transition and operation.",                            media: { imageSrc: "http://img.b2bpic.net/free-photo/blue-letter-v-made-wood_1232-692.jpg", imageAlt: "VoIP support team working" },
                            reverse: false,
                            items: [
                                { icon: Users, text: "Dedicated account management" },
                                { icon: Code, text: "Comprehensive API documentation" },
                                { icon: Check, text: "24/7 technical assistance" }
                            ]
                        }
                    ]}
                />
                <ContactText
                    text="Ready to elevate your voice communication? Connect with our experts to discuss your tailored VoIP solution."
                    buttons={[
                        { text: "Get a Quote", href: "#contact" },
                        { text: "Schedule a Demo", href: "#demo" }
                    ]}
                    background={{ variant: "canvas-reveal" }}
                    useInvertedBackground={false}
                />
                <FooterCard
                    logoText="VoIP Solution"
                    copyrightText="© 2025 VoIP Solution. All rights reserved."
                    socialLinks={[
                        { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
                        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
                        { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
                    ]}
                />
            </ReactLenis>
        </ThemeProvider>
    );
}
