---
import "@/globals.css";
import "aos/dist/aos.css";

import ServicesSection from "@/components/ServicesSection.astro";
import WhyChooseUs from "@/components/WhyChooseUs.astro";
import Packages from "@/components/Packages.astro";
import Testimonials from "@/components/Testimonials.astro";
import MaxWidthWrapper from "@/components/other/max.width.wrapper";
import Title from "@/components/atoms/title";
import Navbar from "@/components/molecules/navbar";
import Footer from "@/components/molecules/footer.astro";
import { Wifi, Tv, PhoneCall, Shield } from "lucide-react";
import CallButton from "@/components/molecules/CallButton";

const services = [
    {
        id: 1,
        icon: Wifi,
        color: "primary",
        title: "Spectrum Internet",
        description:
            "Elevate your online experience with lightning-fast speeds reaching 1 Gbps without data limitations. Includes complimentary security software, ideal for streaming in 4K, online gaming, and remote working.",
        aos: {
            "data-aos": "zoom-out",
            "data-aos-duration": "600",
        },
    },
    {
        id: 2,
        icon: Tv,
        color: "secondary",
        title: "Spectrum TV",
        description:
            "Access over 200 high-definition channels, a vast library of On Demand content, and the convenient Spectrum TV App. Stream your favorite content on any device, anywhere.",
        aos: {
            "data-aos": "zoom-out",
            "data-aos-duration": "500",
        },
    },
    {
        id: 3,
        icon: PhoneCall,
        color: "tertiary",
        title: "Spectrum Voice",
        description:
            "Experience exceptional call clarity with over 28 premium features including voicemail, call waiting, and robocall blocking. Enjoy unlimited nationwide calling without any hidden charges.",
        aos: {
            "data-aos": "zoom-out",
            "data-aos-duration": "500",
        },
    },
    {
        id: 4,
        icon: Shield,
        color: "quaternary",
        title: "Security Suite",
        description:
            "Safeguard your digital presence with Spectrum's comprehensive security package featuring real-time threat monitoring, secure WiFi connections, and customizable parental control options.",
        aos: {
            "data-aos": "zoom-out",
            "data-aos-duration": "600",
        },
    },
];

const page = "spectrum";
---

<html lang="en">
    <head>
        <!-- <script
            async
            src="https://www.googletagmanager.com/gtag/js?id=AW-16902586133"
            is:inline></script>
        <script is:inline>
            window.dataLayer = window.dataLayer || [];
            window.gtag = function () {
                dataLayer.push(arguments);
            };
            window.gtag("js", new Date());
            window.gtag("config", "AW-16902586133");

            window.gtag_report_conversion = function (url) {
                var callback = function () {
                    if (typeof url != "undefined") {
                        window.location = url;
                    }
                };
                window.gtag("event", "conversion", {
                    send_to: "AW-16902586133/wL44CK2dva0aEJX-4_s-",
                    value: 1.0,
                    currency: "USD",
                    event_callback: callback,
                });
                return false;
            };
        </script> -->

        <script
            async
            src="https://www.googletagmanager.com/gtag/js?id=AW-16982616626"
            is:inline></script>
        <script is:inline>
            window.dataLayer = window.dataLayer || [];
            window.gtag = function () {
                dataLayer.push(arguments);
            };
            window.gtag("js", new Date());
            window.gtag("config", "AW-16982616626");
        </script>

        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
        <meta
            name="description"
            content="Discover exceptional Spectrum deals through NetFundable. Enjoy premium Internet, TV, and Phone services with exclusive promotions and personalized support."
        />
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
        <title>Exclusive Spectrum Offers - NetFundable</title>
    </head>
    <body>
        <Navbar client:load variant="lime" page={page} />

        <div class="w-screen overflow-x-hidden flex flex-col gap-32 lg:gap-64">
            <div
                class="bg-promo h-full w-full bg-cover bg-center"
                style="background-image: url('/assets/spectrum-banner.png');"
            >
                <MaxWidthWrapper className="py-32 md:pt-40 xl:pt-56">
                    <div
                        class="flex flex-col gap-4 max-w-(--breakpoint-lg) w-full text-white"
                    >
                        <Title
                            title="Transform Your Home with Next-Generation Connectivity at the Best Price"
                            size="h1"
                            color="washedWhite"
                        />
                        <Title title="Spectrum TV" size="h3" />
                        <Title
                            title="HD Included | Extensive On Demand Library | Affordable Billing"
                            size="h5"
                            weight="medium"
                        />
                        <Title title="Spectrum Internet" size="h3" />
                        <Title
                            title="Complimentary Modem | Unlimited Data | Budget-Friendly Rates"
                            size="h5"
                            weight="medium"
                        />
                        <Title title="Spectrum Voice" size="h3" />
                        <Title
                            title="UNLIMITED calls with transparent billing across U.S., Canada & Mexico"
                            size="h5"
                            weight="medium"
                        />
                        <Title
                            title="CONTRACT-FREE | 30-DAY SATISFACTION GUARANTEE | SIMPLIFIED BILLING"
                            size="h4"
                        />

                        <CallButton
                            client:load
                            variant={"lime"}
                            text="Connect Today"
                            page={page}
                        />
                    </div>
                </MaxWidthWrapper>
            </div>

            <ServicesSection variant="lime" services={services} page={page} />
            <WhyChooseUs
                variant="lime"
                logo="/assets/spectrum.png"
                title="Why Choose Spectrum Through NetFundable?"
                description="Experience industry-leading bandwidth, pristine high-definition programming, and dependable service quality with Spectrum. Our exclusive partnership delivers premium promotions, hassle-free activation, and straightforward billing with no hidden fees, all powered by Spectrum's cutting-edge network infrastructure."
                benefits={[
                    "Zero Contract Obligations with Flexible Billing",
                    "30-Day Money-Back Guarantee",
                    "Transparent Pricing & Billing Structure",
                    "Included Equipment & HD Programming at No Extra Cost",
                ]}
                page={page}
            />
            <Packages variant="lime" page={page} />
            <Testimonials
                variant="lime"
                testimonials={[
                    {
                        name: "Rebecca T.",
                        image: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=3276&auto=format&fit=crop",
                        stars: 5,
                        review: "Transitioning to Spectrum transformed our household entertainment experience. The connection remains stable even during peak usage hours, and their HD picture quality is exceptional. Customer support always resolves our questions promptly.",
                    },
                    {
                        name: "Thomas G.",
                        image: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=3387&auto=format&fit=crop",
                        stars: 5,
                        review: "As a loyal Spectrum subscriber for nearly 3 years, I'm continually impressed by their consistent service quality. Their bundled packages provide exceptional value, and the network performance stays consistent regardless of how many devices we connect.",
                    },
                    {
                        name: "Sophia R.",
                        image: "https://images.unsplash.com/photo-1580489944761-15a19d654956?q=80&w=3361&auto=format&fit=crop",
                        stars: 5,
                        review: "The Spectrum installation team was efficient and knowledgeable. The unlimited data allowance is perfect for our streaming habits, and accessing content through their mobile app is remarkably convenient. The absence of long-term commitments is a significant advantage!",
                    },
                ]}
            />

            <MaxWidthWrapper>
                <div
                    class="p-6 md:p-8 flex flex-col gap-4 rounded-md bg-linear-to-br from-lime-100 via-lime-50 to-lime-200 border-lime-600 border-2 drop-shadow-lg md:items-center text-center"
                >
                    <Title
                        title="Complete connectivity for the modern household at a price you'll love."
                        size="h1"
                    />
                    <p class="text-base md:text-lg md:text-center">
                        Experience seamless entertainment across all your
                        devices, from smart TVs to tablets. Enjoy enhanced
                        online performance whether browsing, streaming, or
                        gaming. Stay connected with loved ones through
                        crystal-clear voice communications spanning the United
                        States and beyond. All this with predictable monthly
                        billing, no contractual commitments, and no early
                        termination penalties!
                    </p>
                    <div class="flex flex-col items-center gap-2">
                        <strong class="text-lg md:text-xl">
                            CALL NOW FOR YOUR EXCLUSIVE OFFER AND SIMPLIFIED
                            BILLING OPTIONS
                        </strong>

                        <CallButton client:load variant={"lime"} page={page} />
                    </div>
                </div>
            </MaxWidthWrapper>
        </div>
        <Footer variant="lime" page={page} />
    </body>
</html>

<script>
    import AOS from "aos";

    AOS.init({
        duration: 800,
        easing: "ease-in-out",
        once: true,
    });
</script>
