---
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: "Optimum Fiber",
        description:
            "State-of-the-art fiber connectivity with speeds reaching 1 Gig, including complimentary next-gen WiFi equipment. Enjoy consistent performance throughout your entire residence.",
        aos: {
            "data-aos": "zoom-out",
            "data-aos-duration": "600",
        },
    },
    {
        id: 2,
        icon: Tv,
        color: "secondary",
        title: "Optimum TV",
        description:
            "Explore over 420 channels, ultra-high-definition content, and digital recording capabilities. Stream your entertainment on multiple devices with the dedicated Optimum TV application.",
        aos: {
            "data-aos": "zoom-out",
            "data-aos-duration": "500",
        },
    },
    {
        id: 3,
        icon: PhoneCall,
        color: "tertiary",
        title: "Optimum Mobile",
        description:
            "Unlimited 5G connectivity on a dependable nationwide network. Support for multiple lines with flexible plan options starting at just $15 monthly.",
        aos: {
            "data-aos": "zoom-out",
            "data-aos-duration": "500",
        },
    },
    {
        id: 4,
        icon: Shield,
        color: "quaternary",
        title: "Intelligent WiFi",
        description:
            "Comprehensive network protection, customizable content filtering, and performance optimization tools. Control your home connectivity remotely through the intuitive Optimum mobile application.",
        aos: {
            "data-aos": "zoom-out",
            "data-aos-duration": "600",
        },
    },
];

const page = "optimum";
---

<html lang="en">
    <head>
        <!-- <script
            async
            src="https://www.googletagmanager.com/gtag/js?id=AW-"
            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-");

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

        <script
            async
            is:inline
            src="https://www.googletagmanager.com/gtag/js?id=AW-16902586133"
        ></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 exclusive Optimum deals through NetFundable. Access superior fiber internet, premium TV packages, and mobile services with exceptional promotions and dedicated support."
        />
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
        <title>Premium Optimum Services - 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/optimum-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="Unleash the Power of Next-Generation Fiber with Competitive Pricing"
                            size="h1"
                            color="washedWhite"
                        />
                        <Title title="Optimum Fiber Internet" size="h3" />
                        <Title
                            title="Complimentary Gateway | Included WiFi Extender | Gigabit Capability"
                            size="h5"
                            weight="medium"
                        />
                        <Title title="Optimum TV" size="h3" />
                        <Title
                            title="Premium picture quality | Vast On-Demand selection"
                            size="h5"
                            weight="medium"
                        />
                        <Title title="Optimum Mobile" size="h3" />
                        <Title
                            title="Unlimited data plan | Coast-to-coast coverage | Latest 5G technology"
                            size="h5"
                            weight="medium"
                        />
                        <Title
                            title="NO LONG-TERM COMMITMENTS | 12-MONTH PRICING GUARANTEE"
                            size="h4"
                        />

                        <CallButton
                            client:load
                            variant={"lime"}
                            text="Activate Your Service"
                            page={page}
                        />
                    </div>
                </MaxWidthWrapper>
            </div>

            <ServicesSection variant="lime" services={services} />
            <WhyChooseUs
                variant="lime"
                logo="/assets/optimum.png"
                title="Why Choose Optimum With NetFundable?"
                description="Harness the potential of Optimum's cutting-edge fiber infrastructure and comprehensive digital entertainment solutions through NetFundable. We streamline the process of securing optimal rates on Optimum's premium services while offering dedicated assistance throughout your customer journey."
                benefits={[
                    "12-Month Rate Protection",
                    "Complimentary Expert Installation",
                    "Top-Tier Equipment Included",
                    "Transparent Pricing Structure",
                ]}
                page={page}
            />
            <Packages variant="lime" page={page} />
            <Testimonials
                variant="lime"
                testimonials={[
                    {
                        name: "Adrian M.",
                        image: "https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?q=80&w=2662&auto=format&fit=crop",
                        stars: 5,
                        review: "Optimum's fiber connection delivers exceptional performance! I consistently receive the advertised speeds, and their latest wireless equipment provides flawless coverage throughout my home. The price guarantee gives me confidence in my budget planning.",
                    },
                    {
                        name: "Natalie J.",
                        image: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=2787&auto=format&fit=crop",
                        stars: 5,
                        review: "Converting to Optimum significantly enhanced our digital lifestyle. The technicians completed the installation efficiently, and bundling with their mobile service has generated substantial savings compared to our previous providers.",
                    },
                    {
                        name: "Marcus L.",
                        image: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=2787&auto=format&fit=crop",
                        stars: 5,
                        review: "Optimum's standout quality is their exceptional customer experience. When I needed to modify my service package, their representatives provided clear information and helped identify the ideal configuration for my requirements. Their fiber network performance exceeds expectations.",
                    },
                ]}
            />

            <MaxWidthWrapper>
                <div
                    class="p-6 md:p-8 flex flex-col gap-4 rounded-md bg-linear-to-br from-lime-600 to-lime-900 drop-shadow-lg md:items-center md:text-center"
                >
                    <Title
                        title="Revolutionize Your Digital Lifestyle with Fiber Technology"
                        size="h1"
                        color="washedWhite"
                    />
                    <p class="text-base md:text-lg md:text-center text-blue-50">
                        Enjoy uninterrupted streaming, gaming, and productivity
                        with our dependable fiber network. With speeds reaching
                        1 Gigabit, included equipment, and flexible commitment
                        options, Optimum delivers superior connectivity. Enhance
                        your savings by bundling with TV and mobile services!
                    </p>
                    <div class="flex flex-col items-center gap-2">
                        <strong class="text-lg md:text-xl text-white">
                            CONTACT US NOW FOR SPECIAL PRICING AND PACKAGE
                            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>
