✅

src/components/Packages.astro

@@ -1,11 +1,11 @@
 ---
-import MaxWidthWrapper from "./other/max.width.wrapper";
-import SectionHeading from "./atoms/section.heading";
-import PricingCard from "@/components/molecules/pricing.card.astro";
-import Title from "./atoms/title";
-import { CONTACT_LINK } from "@/lib/constants";
 import CallButton from "@/components/molecules/CallButton";
+import PricingCard from "@/components/molecules/pricing.card.astro";
+import { CONTACT_LINK } from "@/lib/constants";
 import { cn } from "@/lib/utils";
+import SectionHeading from "./atoms/section.heading";
+import Title from "./atoms/title";
+import MaxWidthWrapper from "./other/max.width.wrapper";
 
 const packages1 = [
     {
@@ -71,7 +71,7 @@ const packages1 = [
 
 const { page, variant = "lime" } = Astro.props;
 
-const bgColor = "bg-lime-50";
+const bgColor = variant === "blue" ? "bg-blue-50" : "bg-lime-50";
 ---
 
 <div class={cn("w-full h-full py-32", bgColor)}>

src/components/ServicesSection.astro

@@ -1,25 +1,32 @@
 ---
-import MaxWidthWrapper from "./other/max.width.wrapper";
-import SectionHeading from "./atoms/section.heading";
 import { cn } from "@/lib/utils";
+import SectionHeading from "./atoms/section.heading";
 import Title from "./atoms/title";
+import MaxWidthWrapper from "./other/max.width.wrapper";
 
 const { variant = "lime", services } = Astro.props;
 
 const colorMap =
-    variant === "lime"
+    variant === "blue"
         ? {
-              primary: "bg-lime-100 text-lime-600",
-              secondary: "bg-lime-100 text-lime-700",
-              tertiary: "bg-lime-100 text-lime-600",
-              quaternary: "bg-lime-100 text-lime-700",
+              primary: "bg-blue-100 text-primary",
+              secondary: "bg-blue-100 text-primary",
+              tertiary: "bg-blue-100 text-primary",
+              quaternary: "bg-blue-100 text-primary",
           }
-        : {
-              primary: "bg-amber-100 text-amber-600",
-              secondary: "bg-amber-100 text-amber-700",
-              tertiary: "bg-amber-100 text-amber-600",
-              quaternary: "bg-amber-100 text-amber-700",
-          };
+        : variant === "lime"
+          ? {
+                primary: "bg-lime-100 text-lime-600",
+                secondary: "bg-lime-100 text-lime-700",
+                tertiary: "bg-lime-100 text-lime-600",
+                quaternary: "bg-lime-100 text-lime-700",
+            }
+          : {
+                primary: "bg-amber-100 text-amber-600",
+                secondary: "bg-amber-100 text-amber-700",
+                tertiary: "bg-amber-100 text-amber-600",
+                quaternary: "bg-amber-100 text-amber-700",
+            };
 ---
 
 <MaxWidthWrapper id="services" className="w-full space-y-20">
@@ -30,7 +37,7 @@ const colorMap =
 
     <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12">
         {
-            services.map((service) => (
+            services.map((service: any) => (
                 <div
                     class="flex items-center text-center flex-col gap-4"
                     {...service.aos}

src/components/Stats.astro

@@ -1,13 +1,13 @@
 ---
-import MaxWidthWrapper from "./other/max.width.wrapper";
 import { cn } from "@/lib/utils";
-import Title from "./atoms/title";
 import { Image } from "astro:assets";
+import Title from "./atoms/title";
+import MaxWidthWrapper from "./other/max.width.wrapper";
 
 const stats = [
-    { id: 0, title: "Happy Clients", count: "32,800+" },
-    { id: 1, title: "Satisfaction", count: "100%" },
-    { id: 2, title: "Years of Experience", count: "8+" },
+    { id: 0, title: "Customers Served", count: "3,500+" },
+    { id: 1, title: "Average Savings", count: "$45/mo" },
+    { id: 2, title: "Customer Satisfaction", count: "98%" },
 ];
 ---
 
@@ -22,16 +22,17 @@ const stats = [
     >
         <div class="flex flex-col gap-2">
             <Title
-                title="Reliable and Rapid Connectivity Nationwide"
+                title="Helping Americans Get Better Spectrum Deals"
                 color="primary"
                 size="h2"
             />
         </div>
 
         <p>
-            Experience seamless communication and lightning-fast internet across
-            the entire country. Whether you're streaming, gaming, or working,
-            our robust network keeps you connected.
+            We've helped thousands of customers across the US get better deals
+            on Spectrum services while taking the hassle out of billing. Our
+            customers save an average of $45 per month and never worry about
+            late payments.
         </p>
 
         <div
@@ -56,9 +57,9 @@ const stats = [
     </div>
 
     <Image
-        src={"/assets/map.png"}
-        alt="hero image"
-        class={"w-full h-full object-contain max-w-lg lg:max-w-none"}
+        src={"/assets/map-usa.jpeg"}
+        alt="Service coverage across the US"
+        class={"w-full h-full object-contain rounded-md max-w-lg lg:max-w-none"}
         width={500}
         height={500}
         data-aos="fade-up"

src/components/Testimonials.astro

@@ -27,11 +27,12 @@ const {
 
 // Map variant to color classes for stars
 const variantColorMap = {
+    blue: "text-primary",
     lime: "text-lime-500",
     amber: "text-amber-500",
 };
 const starColor =
-    variantColorMap[variant as keyof typeof variantColorMap] || "text-lime-500";
+    variantColorMap[variant as keyof typeof variantColorMap] || "text-primary";
 ---
 
 <section class="bg-white">

src/components/atoms/check.circle.icon.astro

@@ -5,7 +5,7 @@ import { CheckIcon } from "lucide-react";
 
 <div
     class={cn(
-        "grid place-items-center bg-lime-50 rounded-full text-lime-600 p-2",
+        "grid place-items-center bg-blue-100 rounded-full text-primary p-2",
     )}
 >
     <CheckIcon size={16} />

src/components/atoms/section.heading.tsx

@@ -14,7 +14,7 @@ function SectionHeading({
             <h2
                 className={cn(
                     "z-10 font-serif text-lg leading-none font-semibold uppercase md:text-xl lg:text-2xl",
-                    invertColors ? "text-lime-100" : "text-lime-700",
+                    invertColors ? "text-blue-100" : "text-primary",
                 )}
             >
                 {subtitle}
@@ -23,7 +23,7 @@ function SectionHeading({
             <div
                 className={cn(
                     "text-3xl font-bold md:text-4xl lg:text-5xl",
-                    invertColors ? "text-lime-50" : "text-lime-900",
+                    invertColors ? "text-blue-50" : "text-primary",
                 )}
             >
                 {title}

src/components/atoms/title.tsx

@@ -10,15 +10,15 @@ const weights = {
 
 const colors = {
     washedWhite: "text-white",
-    white: "text-lime-50",
+    white: "text-blue-50",
     black: "text-neutral-900",
-    primary: "text-lime-900",
-    primary300: "text-lime-300",
-    primary900: "text-lime-900",
+    primary: "text-primary",
+    primary300: "text-blue-300",
+    primary900: "text-primary",
     secondary: "text-sgreen",
     muted: "text-neutral-400",
     gradientPrimary:
-        "bg-linear-to-br from-lime-500 to-lime-700 inline-block text-transparent bg-clip-text",
+        "bg-linear-to-br from-primary to-blue-700 inline-block text-transparent bg-clip-text",
     destructive: "text-rose-700",
 };
 

src/components/molecules/CallButton.tsx

@@ -1,11 +1,11 @@
 "use client";
 
 import { Button } from "@/components/ui/button";
-import { getPhoneNumber, getContactLink } from "@/lib/constants";
+import { CONTACT_EMAIL } from "@/lib/constants";
 import { cn } from "@/lib/utils";
 
 interface CallButtonProps {
-    variant?: "lime" | "amber";
+    variant?: "blue" | "amber";
     fullWidth?: boolean;
     text?: string;
     showIcon?: boolean;
@@ -14,37 +14,21 @@ interface CallButtonProps {
 }
 
 export default function CallButton({
-    variant = "lime",
+    variant = "blue",
     fullWidth,
     text,
     rounded,
     page,
 }: CallButtonProps) {
-    const handleClick = () => {
-        if (
-            typeof window !== "undefined" &&
-            typeof window.gtag_report_conversion === "function"
-        ) {
-            window.gtag_report_conversion();
-            console.log("called conversion tracking");
-        } else {
-            console.error("gtag_report_conversion function not found");
-        }
-    };
-
-    const phoneNumber = getPhoneNumber(page);
-    const contactLink = getContactLink(page);
-
     return (
-        <a href={contactLink}>
+        <a href={`mailto:${CONTACT_EMAIL}`}>
             <Button
                 size="lg"
                 variant={variant}
-                onClick={handleClick}
                 className={cn(fullWidth ? "w-full" : "")}
                 rounded={rounded ? "full" : "default"}
             >
-                <p>{text ? text : `Call ${phoneNumber}`}</p>
+                <p>{text ? text : "Get Started"}</p>
             </Button>
         </a>
     );

src/components/molecules/certification-details.tsx

@@ -1,7 +1,7 @@
 import Title from "@/components/atoms/title";
 import { Button } from "@/components/ui/button";
-import React from "react";
 import { Dialog, DialogContent, DialogHeader } from "@/components/ui/dialog";
+import React from "react";
 
 function CertificationDetails(props: {
     yes: { title: string; skills: string[] }[];
@@ -29,11 +29,11 @@ function CertificationDetails(props: {
                         {props.yes.map((item, index) => (
                             <div key={index} className="flex w-full gap-2">
                                 <div className="flex w-8 flex-col items-center">
-                                    <div className="h-2 w-0.5 bg-lime-200">
+                                    <div className="h-2 w-0.5 bg-blue-200">
                                         {" "}
                                     </div>
-                                    <div className="h-3 w-3 rounded-full bg-lime-200"></div>
-                                    <div className="h-full w-0.5 bg-lime-200">
+                                    <div className="h-3 w-3 rounded-full bg-blue-200"></div>
+                                    <div className="h-full w-0.5 bg-blue-200">
                                         {" "}
                                     </div>
                                 </div>

src/components/molecules/footer.astro

@@ -3,6 +3,7 @@ import Logo from "../atoms/logo";
 import MaxWidthWrapper from "../other/max.width.wrapper";
 import {
     ADDRESS,
+    CONTACT_EMAIL,
     getContactLink,
     getPhoneNumber,
     navLinks,
@@ -14,7 +15,7 @@ const { page, variant = "lime" } = Astro.props;
 
 const bgGradient =
     variant === "lime"
-        ? "from-lime-800 to-lime-950"
+        ? "from-blue-800 to-blue-950"
         : "from-blue-900 to-blue-950";
 
 const phoneNumber = getPhoneNumber(page);
@@ -34,17 +35,17 @@ const contactLink = getContactLink(page);
                         <a href="/">
                             <Logo />
                         </a>
-                        <p class="text-md leading-6 text-lime-50">
+                        <p class="text-md leading-6 text-blue-50">
                             Address:
                             <span>{ADDRESS}</span>
                         </p>
-                        <p class="text-md leading-6 text-lime-50">
-                            Phone:
+                        <p class="text-md leading-6 text-blue-50">
+                            Contact:
                             <a
-                                href={contactLink}
-                                class="text-lime-50 hover:text-lime-100"
+                                href={`mailto:${CONTACT_EMAIL}`}
+                                class="text-blue-50 hover:text-blue-100"
                             >
-                                {phoneNumber}
+                                {CONTACT_EMAIL}
                             </a>
                         </p>
                     </div>
@@ -66,10 +67,10 @@ const contactLink = getContactLink(page);
                     </div>
                 </div>
                 <div
-                    class="mt-16 border-t border-lime-50/10 pt-8 sm:mt-20 lg:mt-24"
+                    class="mt-16 border-t border-blue-50/10 pt-8 sm:mt-20 lg:mt-24"
                 >
-                    <p class="text-xs leading-5 text-lime-50">
-                        &copy; 2025 NetFundable. All rights reserved.
+                    <p class="text-xs leading-5 text-blue-50">
+                        &copy; 2025 Super Revive. All rights reserved.
                     </p>
                 </div>
             </div>

src/components/molecules/navbar.tsx

@@ -1,21 +1,21 @@
 "use client";
 
-import { CONTACT_LINK, navLinks, TRANSITION_COLORS } from "@/lib/constants";
-import Logo from "../atoms/logo";
-import React from "react";
 import * as Sheet from "@/components/ui/sheet";
-import { Button } from "../ui/button";
+import { CONTACT_EMAIL, navLinks, TRANSITION_COLORS } from "@/lib/constants";
 import { cn } from "@/lib/utils";
 import { Menu } from "lucide-react";
+import React from "react";
+import Logo from "../atoms/logo";
 import MaxWidthWrapper from "../other/max.width.wrapper";
+import { Button } from "../ui/button";
 import CallButton from "./CallButton";
 
 function Navbar({
     page,
-    variant = "lime",
+    variant = "blue",
 }: {
     page: string;
-    variant?: "lime" | "amber";
+    variant?: "blue" | "amber";
 }) {
     const [open, setOpen] = React.useState(false);
 
@@ -27,7 +27,7 @@ function Navbar({
         });
     }, []);
 
-    const bgColor = variant === "lime" ? "bg-lime-900/90" : "bg-blue-950/90";
+    const bgColor = variant === "blue" ? "bg-blue-900/90" : "bg-blue-950/90";
 
     return (
         <>
@@ -54,7 +54,7 @@ function Navbar({
                             <a
                                 key={i}
                                 href={link.href}
-                                className="hidden text-lg text-lime-50 md:block"
+                                className="hidden text-lg text-blue-50 md:block"
                             >
                                 {link.label}
                             </a>
@@ -69,7 +69,7 @@ function Navbar({
                         variant={"ghost"}
                         size={"icon"}
                     >
-                        <Menu className="h-6 w-6 text-lime-50 hover:text-lime-600" />
+                        <Menu className="h-6 w-6 text-blue-50 hover:text-blue-400" />
                     </Button>
                 </MaxWidthWrapper>
             </nav>
@@ -101,17 +101,15 @@ function Navbar({
                             </li>
                         ))}
 
-                        <a href={CONTACT_LINK}>
+                        <a href={`mailto:${CONTACT_EMAIL}`}>
                             <Button
                                 variant={variant}
                                 className="w-full"
                                 onClick={() => {
-                                    // @ts-ignore
-                                    gtag_report_conversion();
                                     setOpen(false);
                                 }}
                             >
-                                Contact us
+                                Get Started
                             </Button>
                         </a>
                     </ul>

src/components/molecules/pricing.card.astro

@@ -1,8 +1,8 @@
 ---
-import { Card, CardContent, CardHeader } from "@/components/ui/card";
-import Title from "../atoms/title";
-import { cn } from "@/lib/utils";
 import CheckCircleIcon from "@/components/atoms/check.circle.icon.astro";
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import { cn } from "@/lib/utils";
+import Title from "../atoms/title";
 import CallButton from "./CallButton";
 
 const { title, price, description, features, isMostPopular, aos, color, page } =
@@ -10,10 +10,10 @@ const { title, price, description, features, isMostPopular, aos, color, page } =
 
 const colors = {
     default: {
-        border: "border-lime-500",
-        textDarkest: "text-lime-900",
-        textDark: "text-lime-700",
-        bg: "bg-lime-50",
+        border: "border-primary",
+        textDarkest: "text-primary",
+        textDark: "text-primary",
+        bg: "bg-blue-50",
     },
     lime: {
         border: "border-lime-500",
@@ -22,9 +22,9 @@ const colors = {
         bg: "bg-lime-50",
     },
     blue: {
-        border: "border-blue-900",
-        textDarkest: "text-blue-900",
-        textDark: "text-blue-700",
+        border: "border-primary",
+        textDarkest: "text-primary",
+        textDark: "text-primary",
         bg: "bg-blue-50",
     },
     amber: {

src/components/ui/button.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
@@ -9,11 +9,12 @@ const buttonVariants = cva(
     {
         variants: {
             variant: {
-                default: "bg-lime-600 text-lime-100 hover:bg-lime-700",
-                brand: "bg-lime-600 text-lime-100 hover:bg-lime-700",
+                default:
+                    "bg-primary text-primary-foreground hover:bg-primary/90",
+                brand: "bg-primary text-primary-foreground hover:bg-primary/90",
                 outline:
-                    "border border-lime-600 bg-white hover:bg-lime-50 text-lime-600",
-                muted: "bg-lime-50 text-lime-800 hover:bg-lime-200 border border-transparent",
+                    "border border-primary bg-white hover:bg-secondary text-primary",
+                muted: "bg-secondary text-foreground hover:bg-secondary/80 border border-transparent",
                 destructive:
                     "bg-destructive text-destructive-foreground hover:bg-destructive/90",
                 secondary:
@@ -21,8 +22,7 @@ const buttonVariants = cva(
                 ghost: "hover:bg-accent hover:text-accent-foreground border",
                 link: "text-primary underline-offset-4 hover:underline",
 
-                lime: "bg-lime-600 text-lime-100 hover:bg-lime-800",
-                blue: "bg-blue-950 text-blue-100 hover:bg-blue-900",
+                blue: "bg-primary text-primary-foreground hover:bg-primary/90",
                 amber: "bg-amber-600 text-amber-100 hover:bg-amber-700",
             },
             size: {

src/components/ui/input.tsx

@@ -11,7 +11,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
             <input
                 type={type}
                 className={cn(
-                    "border-input bg-background placeholder:text-muted-foreground flex h-10 w-full rounded-md border-2 px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus:border-lime-500 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+                    "border-input bg-background placeholder:text-muted-foreground focus:border-primary flex h-10 w-full rounded-md border-2 px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
                     className,
                 )}
                 ref={ref}

src/components/ui/textarea.tsx

@@ -10,7 +10,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
         return (
             <textarea
                 className={cn(
-                    "border-input bg-background placeholder:text-muted-foreground flex min-h-20 w-full rounded-md border-2 px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus:border-lime-500 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+                    "border-input bg-background placeholder:text-muted-foreground focus:border-primary flex min-h-20 w-full rounded-md border-2 px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
                     className,
                 )}
                 ref={ref}

src/globals.css

@@ -13,71 +13,71 @@ html {
 
 :root {
     --radius: 0.625rem;
-    --background: oklch(1 0 0);
-    --foreground: oklch(0.141 0.005 285.823);
+    --background: oklch(0.99 0.002 264);
+    --foreground: oklch(0.18 0.02 264);
     --card: oklch(1 0 0);
-    --card-foreground: oklch(0.141 0.005 285.823);
+    --card-foreground: oklch(0.18 0.02 264);
     --popover: oklch(1 0 0);
-    --popover-foreground: oklch(0.141 0.005 285.823);
-    --primary: oklch(0.21 0.006 285.885);
-    --primary-foreground: oklch(0.985 0 0);
-    --secondary: oklch(0.967 0.001 286.375);
-    --secondary-foreground: oklch(0.21 0.006 285.885);
-    --muted: oklch(0.967 0.001 286.375);
-    --muted-foreground: oklch(0.552 0.016 285.938);
-    --accent: oklch(0.967 0.001 286.375);
-    --accent-foreground: oklch(0.21 0.006 285.885);
+    --popover-foreground: oklch(0.18 0.02 264);
+    --primary: oklch(0.55 0.12 264);
+    --primary-foreground: oklch(0.99 0.002 264);
+    --secondary: oklch(0.94 0.015 264);
+    --secondary-foreground: oklch(0.18 0.02 264);
+    --muted: oklch(0.96 0.008 264);
+    --muted-foreground: oklch(0.48 0.04 264);
+    --accent: oklch(0.88 0.06 160);
+    --accent-foreground: oklch(0.18 0.02 264);
     --destructive: oklch(0.577 0.245 27.325);
-    --border: oklch(0.92 0.004 286.32);
-    --input: oklch(0.92 0.004 286.32);
-    --ring: oklch(0.705 0.015 286.067);
-    --chart-1: oklch(0.646 0.222 41.116);
-    --chart-2: oklch(0.6 0.118 184.704);
-    --chart-3: oklch(0.398 0.07 227.392);
-    --chart-4: oklch(0.828 0.189 84.429);
-    --chart-5: oklch(0.769 0.188 70.08);
-    --sidebar: oklch(0.985 0 0);
-    --sidebar-foreground: oklch(0.141 0.005 285.823);
-    --sidebar-primary: oklch(0.21 0.006 285.885);
-    --sidebar-primary-foreground: oklch(0.985 0 0);
-    --sidebar-accent: oklch(0.967 0.001 286.375);
-    --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
-    --sidebar-border: oklch(0.92 0.004 286.32);
-    --sidebar-ring: oklch(0.705 0.015 286.067);
+    --border: oklch(0.92 0.012 264);
+    --input: oklch(0.92 0.012 264);
+    --ring: oklch(0.55 0.12 264);
+    --chart-1: oklch(0.55 0.12 264);
+    --chart-2: oklch(0.65 0.14 200);
+    --chart-3: oklch(0.75 0.08 160);
+    --chart-4: oklch(0.45 0.16 280);
+    --chart-5: oklch(0.58 0.1 240);
+    --sidebar: oklch(0.99 0.002 264);
+    --sidebar-foreground: oklch(0.18 0.02 264);
+    --sidebar-primary: oklch(0.55 0.12 264);
+    --sidebar-primary-foreground: oklch(0.99 0.002 264);
+    --sidebar-accent: oklch(0.94 0.015 264);
+    --sidebar-accent-foreground: oklch(0.18 0.02 264);
+    --sidebar-border: oklch(0.92 0.012 264);
+    --sidebar-ring: oklch(0.55 0.12 264);
 }
 
 .dark {
-    --background: oklch(0.141 0.005 285.823);
-    --foreground: oklch(0.985 0 0);
-    --card: oklch(0.21 0.006 285.885);
-    --card-foreground: oklch(0.985 0 0);
-    --popover: oklch(0.21 0.006 285.885);
-    --popover-foreground: oklch(0.985 0 0);
-    --primary: oklch(0.92 0.004 286.32);
-    --primary-foreground: oklch(0.21 0.006 285.885);
-    --secondary: oklch(0.274 0.006 286.033);
-    --secondary-foreground: oklch(0.985 0 0);
-    --muted: oklch(0.274 0.006 286.033);
-    --muted-foreground: oklch(0.705 0.015 286.067);
-    --accent: oklch(0.274 0.006 286.033);
-    --accent-foreground: oklch(0.985 0 0);
+    --background: oklch(0.15 0.015 264);
+    --foreground: oklch(0.98 0.002 264);
+    --card: oklch(0.2 0.018 264);
+    --card-foreground: oklch(0.98 0.002 264);
+    --popover: oklch(0.2 0.018 264);
+    --popover-foreground: oklch(0.98 0.002 264);
+    --primary: oklch(0.65 0.14 264);
+    --primary-foreground: oklch(0.15 0.015 264);
+    --secondary: oklch(0.25 0.02 264);
+    --secondary-foreground: oklch(0.98 0.002 264);
+    --muted: oklch(0.25 0.02 264);
+    --muted-foreground: oklch(0.65 0.04 264);
+    --accent: oklch(0.45 0.08 160);
+    --accent-foreground: oklch(0.98 0.002 264);
     --destructive: oklch(0.704 0.191 22.216);
     --border: oklch(1 0 0 / 10%);
     --input: oklch(1 0 0 / 15%);
-    --ring: oklch(0.552 0.016 285.938);
-    --chart-1: oklch(0.488 0.243 264.376);
-    --chart-2: oklch(0.696 0.17 162.48);
-    --chart-3: oklch(0.769 0.188 70.08);
-    --chart-4: oklch(0.627 0.265 303.9);
-    --chart-5: oklch(0.645 0.246 16.439);
-    --sidebar: oklch(0.21 0.006 285.885);
-    --sidebar-foreground: oklch(0.985 0 0);
-    --sidebar-primary: oklch(0.488 0.243 264.376);
-    --sidebar-primary-foreground: oklch(0.985 0 0);
-    --sidebar-accent: oklch(0.274 0.006 286.033);
-    --sidebar-accent-foreground: oklch(0.985 0 0);
+    --ring: oklch(0.65 0.14 264);
+    --chart-1: oklch(0.65 0.14 264);
+    --chart-2: oklch(0.55 0.12 200);
+    --chart-3: oklch(0.75 0.08 160);
+    --chart-4: oklch(0.55 0.18 280);
+    --chart-5: oklch(0.68 0.12 240);
+    --sidebar: oklch(0.2 0.018 264);
+    --sidebar-foreground: oklch(0.98 0.002 264);
+    --sidebar-primary: oklch(0.65 0.14 264);
+    --sidebar-primary-foreground: oklch(0.98 0.002 264);
+    --sidebar-accent: oklch(0.25 0.02 264);
+    --sidebar-accent-foreground: oklch(0.98 0.002 264);
     --sidebar-border: oklch(1 0 0 / 10%);
-    --sidebar-ring: oklch(0.552 0.016 285.938);
+    --sidebar-ring: oklch(0.65 0.14 264);
 }
 
 @theme inline {

src/lib/constants.ts

@@ -5,14 +5,15 @@ export const navLinks = [
     { href: "/", label: "Home" },
     { href: "/#services", label: "Services" },
     { href: "/#packages", label: "Packages" },
+    { href: "/#about", label: "About" },
 ];
 
-export const ADDRESS = "30 N Gould St Ste N Sherdian, WY 82801";
+export const ADDRESS = "30 N Gould St Ste N Sheridan, WY 82801";
 
 // Default phone number
-export const DEFAULT_PHONE_NO = "+1 (800) 123-4678";
+export const DEFAULT_PHONE_NO = "+1 (800) 555-0199";
 
-export const CONTACT_EMAIL = "info@superrevive.com";
+export const CONTACT_EMAIL = "hello@superrevive.com";
 
 // Page-specific phone numbers
 export const PHONE_NUMBERS = { default: DEFAULT_PHONE_NO };

src/pages/index.astro

@@ -10,19 +10,19 @@ import GridPattern from "@/components/atoms/grid.pattern";
 import { Button } from "@/components/ui/button";
 import Stats from "@/components/Stats.astro";
 import Testimonials from "@/components/Testimonials.astro";
+import Packages from "@/components/Packages.astro";
 import { cn } from "@/lib/utils";
-import { CONTACT_LINK } from "@/lib/constants";
+import { CONTACT_EMAIL } from "@/lib/constants";
 import {
     Wifi,
     Tv,
-    PhoneCall,
+    Phone,
+    DollarSign,
     Shield,
-    Zap,
-    Globe,
+    Clock,
     HeartHandshake,
     Headphones,
 } from "lucide-react";
-import CallNowDialog from "@/components/CallNowDialog";
 import CallButton from "@/components/molecules/CallButton";
 
 const page = "default";
@@ -38,19 +38,18 @@ const page = "default";
 
         <meta
             name="description"
-            content="NetFundable - Your trusted source for the best telecom deals. We connect you with top providers including Spectrum, Optimum, and DirectTV to bring you unbeatable offers on Internet, TV, and Phone services."
+            content="Super Revive - Get the best deals on Spectrum Internet, TV, and Phone. We handle everything from setup to billing so you can enjoy hassle-free service."
         />
         <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-        <title>NetFundable - Connecting You to the Best Telecom Deals</title>
+        <title>Super Revive - Your Spectrum Connection Partner</title>
     </head>
     <body>
-        <Navbar client:load variant="lime" page={page} />
-        <CallNowDialog client:load page={page} />
+        <Navbar client:load variant="blue" page={page} />
 
         <!-- Hero Section with Animation -->
         <div class="flex flex-col gap-8 w-screen">
             <div
-                class="min-h-screen h-full w-full bg-lime-900 pt-32 grid place-items-center pb-32 md:pb-0 relative overflow-hidden"
+                class="min-h-screen h-full w-full bg-gradient-to-br from-blue-900 via-blue-800 to-blue-900 pt-32 grid place-items-center pb-32 md:pb-0 relative overflow-hidden"
             >
                 <GridPattern
                     width={30}
@@ -73,44 +72,43 @@ const page = "default";
                         <div
                             class="flex flex-col gap-2 self-center max-w-md md:max-w-none"
                         >
-                            <h6 class="font-semibold text-lime-400 text-lg">
-                                YOUR TRUSTED TELECOM CONNECTION PARTNER
+                            <h6 class="font-semibold text-blue-300 text-lg">
+                                SPECTRUM MADE SIMPLE
                             </h6>
                             <Title
-                                title="Get the Best Deals on Internet, TV & Phone Services"
+                                title="Great Deals on Spectrum. Zero Hassle."
                                 color="white"
                                 size="h1"
                             />
-                            <p class="text-lime-100 mt-2">
-                                We connect you with top providers at exclusive
-                                rates. No contracts, no hidden fees, and
-                                personalized service.
+                            <p class="text-blue-100 mt-2 text-lg">
+                                We get you the best prices on Spectrum Internet,
+                                TV, and Phone—then handle all the billing and
+                                paperwork so you don't have to. It's that easy.
                             </p>
                         </div>
                         <div class="flex flex-col sm:flex-row gap-4">
-                            <a href={CONTACT_LINK}>
+                            <a href={`mailto:${CONTACT_EMAIL}`}>
                                 <Button
                                     size={"lg"}
                                     className="w-full sm:w-max"
-                                    variant="lime"
+                                    variant="blue"
                                 >
-                                    Call Now
+                                    Get Your Deal
                                 </Button>
                             </a>
-                            <a href={"#our-partners"}>
+                            <a href={"#packages"}>
                                 <Button
                                     size={"lg"}
-                                    className="w-full sm:w-max"
-                                    variant={"muted"}
+                                    className="w-full sm:w-max bg-white/10 text-white hover:bg-white/20 border border-white/30"
                                 >
-                                    View Providers
+                                    View Packages
                                 </Button>
                             </a>
                         </div>
                     </div>
                     <img
                         src="/assets/hero-image.png"
-                        alt="NetFundable services illustration"
+                        alt="Super Revive Spectrum services"
                         class="w-full h-full object-contain max-w-lg lg:max-w-none"
                         width={300}
                         height={500}
@@ -142,7 +140,7 @@ const page = "default";
                 <div data-aos="fade-right" data-aos-duration="500">
                     <img
                         src="/assets/about-image.png"
-                        alt="About NetFundable"
+                        alt="About Super Revive"
                         class="rounded-lg w-full h-auto"
                     />
                 </div>
@@ -151,55 +149,54 @@ const page = "default";
                     data-aos="fade-left"
                     data-aos-duration="500"
                 >
-                    <span class="text-lime-600 font-semibold">ABOUT US</span>
+                    <span class="text-primary font-semibold">ABOUT US</span>
                     <Title
-                        title="Your Connection to Better Telecom Deals"
+                        title="Your Spectrum Partner, Start to Finish"
                         size="h2"
                         color="primary"
                     />
                     <p class="text-gray-700 text-lg">
-                        At NetFundable, we simplify the complex world of
-                        telecommunications by connecting consumers with the
-                        perfect services at the best possible rates.
+                        Getting Spectrum shouldn't be complicated. That's why
+                        we're here.
                     </p>
                     <p class="text-gray-700">
-                        As authorized retailers for leading providers like
-                        Spectrum, Optimum, and DirectTV, we leverage our
-                        industry relationships to secure exclusive deals you
-                        won't find elsewhere. Our mission is to ensure you get
-                        the most value for your money while enjoying top-quality
-                        service.
+                        Super Revive is your one-stop shop for Spectrum
+                        services. We work directly with Spectrum to get you the
+                        best deals on Internet, TV, and Phone packages. But we
+                        don't stop there—we also handle all your billing,
+                        payments, and account management so you can just enjoy
+                        your services without the headaches.
                     </p>
                     <div class="grid grid-cols-2 gap-4 mt-4">
                         <div class="flex items-center gap-2">
-                            <div class="bg-lime-100 p-2 rounded-full">
-                                <HeartHandshake
+                            <div class="bg-blue-100 p-2 rounded-full">
+                                <DollarSign
                                     size={20}
-                                    className="text-lime-600"
+                                    className="text-primary"
                                 />
                             </div>
-                            <span class="font-medium">8+ Years Experience</span>
+                            <span class="font-medium">Best Prices</span>
                         </div>
                         <div class="flex items-center gap-2">
-                            <div class="bg-lime-100 p-2 rounded-full">
+                            <div class="bg-blue-100 p-2 rounded-full">
                                 <Headphones
                                     size={20}
-                                    className="text-lime-600"
+                                    className="text-primary"
                                 />
                             </div>
                             <span class="font-medium">Expert Support</span>
                         </div>
                         <div class="flex items-center gap-2">
-                            <div class="bg-lime-100 p-2 rounded-full">
-                                <Zap size={20} className="text-lime-600" />
+                            <div class="bg-blue-100 p-2 rounded-full">
+                                <Shield size={20} className="text-primary" />
                             </div>
-                            <span class="font-medium">Fast Connection</span>
+                            <span class="font-medium">Secure Billing</span>
                         </div>
                         <div class="flex items-center gap-2">
-                            <div class="bg-lime-100 p-2 rounded-full">
-                                <Globe size={20} className="text-lime-600" />
+                            <div class="bg-blue-100 p-2 rounded-full">
+                                <Clock size={20} className="text-primary" />
                             </div>
-                            <span class="font-medium">Nationwide Coverage</span>
+                            <span class="font-medium">Always On Time</span>
                         </div>
                     </div>
                 </div>
@@ -207,380 +204,266 @@ const page = "default";
         </MaxWidthWrapper>
 
         <!-- Services Section -->
-        <div class="bg-lime-50 py-24">
+        <div class="bg-gradient-to-b from-blue-50 to-white py-24">
             <MaxWidthWrapper id="services">
                 <div class="text-center mb-16">
-                    <span class="text-lime-600 font-semibold">OUR SERVICES</span
+                    <span class="text-primary font-semibold">WHAT WE OFFER</span
                     >
                     <Title
-                        title="Comprehensive Telecom Solutions"
+                        title="Everything Spectrum, All in One Place"
                         size="h2"
                         color="primary"
                     />
                     <p class="max-w-2xl mx-auto mt-4 text-gray-700">
-                        We offer a complete range of telecommunication services
-                        to meet all your connectivity and entertainment needs.
+                        From finding the perfect package to handling your
+                        monthly bills, we've got you covered.
                     </p>
                 </div>
 
                 <div
-                    class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"
+                    class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"
                 >
                     <div
-                        class="bg-white p-8 rounded-xl shadow-sm border border-gray-100 flex flex-col items-center text-center"
+                        class="bg-white p-8 rounded-xl shadow-sm border border-gray-100 flex flex-col items-center text-center hover:shadow-md transition-shadow"
                         data-aos="fade-up"
                         data-aos-duration="400"
                     >
-                        <div class="bg-lime-100 p-4 rounded-full mb-4">
-                            <Wifi className="h-8 w-8 text-lime-600" />
+                        <div class="bg-blue-100 p-4 rounded-full mb-4">
+                            <Wifi className="h-8 w-8 text-primary" />
                         </div>
                         <h3 class="text-xl font-bold mb-2">
-                            High-Speed Internet
+                            Spectrum Internet
                         </h3>
                         <p class="text-gray-600">
-                            Blazing-fast fiber and cable internet options with
-                            speeds up to 1 Gbps for seamless streaming, gaming,
-                            and browsing.
+                            Lightning-fast speeds up to 1 Gbps with no data
+                            caps. Perfect for streaming, gaming, and working
+                            from home—all at the best price we can find for you.
                         </p>
                     </div>
 
                     <div
-                        class="bg-white p-8 rounded-xl shadow-sm border border-gray-100 flex flex-col items-center text-center"
+                        class="bg-white p-8 rounded-xl shadow-sm border border-gray-100 flex flex-col items-center text-center hover:shadow-md transition-shadow"
                         data-aos="fade-up"
                         data-aos-duration="500"
                     >
-                        <div class="bg-lime-100 p-4 rounded-full mb-4">
-                            <Tv className="h-8 w-8 text-lime-600" />
+                        <div class="bg-blue-100 p-4 rounded-full mb-4">
+                            <Tv className="h-8 w-8 text-primary" />
                         </div>
-                        <h3 class="text-xl font-bold mb-2">
-                            Premium TV Packages
-                        </h3>
+                        <h3 class="text-xl font-bold mb-2">Spectrum TV</h3>
                         <p class="text-gray-600">
-                            Access to hundreds of HD channels, exclusive sports
-                            content, and on-demand entertainment from top
-                            providers.
+                            200+ HD channels with free DVR and the Spectrum TV
+                            app. Watch what you want, when you want, on any
+                            device.
                         </p>
                     </div>
 
                     <div
-                        class="bg-white p-8 rounded-xl shadow-sm border border-gray-100 flex flex-col items-center text-center"
+                        class="bg-white p-8 rounded-xl shadow-sm border border-gray-100 flex flex-col items-center text-center hover:shadow-md transition-shadow"
                         data-aos="fade-up"
                         data-aos-duration="600"
                     >
-                        <div class="bg-lime-100 p-4 rounded-full mb-4">
-                            <PhoneCall className="h-8 w-8 text-lime-600" />
+                        <div class="bg-blue-100 p-4 rounded-full mb-4">
+                            <Phone className="h-8 w-8 text-primary" />
                         </div>
-                        <h3 class="text-xl font-bold mb-2">Voice Services</h3>
+                        <h3 class="text-xl font-bold mb-2">Spectrum Voice</h3>
                         <p class="text-gray-600">
-                            Reliable home phone service with crystal-clear
-                            calling, voicemail, and dozens of features at
-                            competitive rates.
-                        </p>
-                    </div>
-
-                    <div
-                        class="bg-white p-8 rounded-xl shadow-sm border border-gray-100 flex flex-col items-center text-center"
-                        data-aos="fade-up"
-                        data-aos-duration="700"
-                    >
-                        <div class="bg-lime-100 p-4 rounded-full mb-4">
-                            <Shield className="h-8 w-8 text-lime-600" />
-                        </div>
-                        <h3 class="text-xl font-bold mb-2">
-                            Security Solutions
-                        </h3>
-                        <p class="text-gray-600">
-                            Protect your digital life with advanced network
-                            security, parental controls, and identity protection
-                            services.
+                            Unlimited nationwide calling with crystal-clear
+                            quality. Plus over 28 calling features like
+                            voicemail and call blocking.
                         </p>
                     </div>
                 </div>
 
                 <div class="text-center mt-12">
-                    <a href={CONTACT_LINK}>
-                        <Button variant="lime" size="lg">
-                            Explore All Services
+                    <a href={`mailto:${CONTACT_EMAIL}`}>
+                        <Button variant="blue" size="lg">
+                            Get Started Today
                         </Button>
                     </a>
                 </div>
             </MaxWidthWrapper>
         </div>
 
-        <!-- Stats Section -->
-        <div class="py-24">
-            <Stats />
-        </div>
-
-        <!-- Provider Highlights -->
-        <MaxWidthWrapper className="py-24" id="packages">
+        <!-- Why Choose Us -->
+        <MaxWidthWrapper className="py-24">
             <div class="text-center mb-16">
-                <span class="text-lime-600 font-semibold">
-                    FEATURED PROVIDERS
-                </span>
+                <span class="text-primary font-semibold">WHY SUPER REVIVE</span>
                 <Title
-                    title="Exclusive Offers from Top Providers"
+                    title="We Handle Everything So You Don't Have To"
                     size="h2"
                     color="primary"
                 />
                 <p class="max-w-2xl mx-auto mt-4 text-gray-700">
-                    Discover our hand-picked selection of the best telecom deals
-                    currently available.
+                    Getting Spectrum is just the beginning. We're here for the
+                    long haul.
                 </p>
             </div>
 
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-                <!-- Spectrum Card -->
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                 <div
-                    class="bg-white rounded-xl overflow-hidden shadow-md border border-gray-200"
+                    class="bg-white p-8 rounded-xl shadow-sm border border-gray-100"
                     data-aos="fade-up"
                     data-aos-duration="400"
                 >
-                    <div
-                        class="h-48 bg-white flex items-center justify-center p-8"
-                    >
-                        <img
-                            src="/assets/spectrum.png"
-                            alt="Spectrum"
-                            class="h-20 w-auto object-contain"
-                        />
-                    </div>
-                    <div class="p-6">
-                        <p class="text-gray-600 mb-4">
-                            High-speed internet with no data caps, HD TV with
-                            free DVR service, and reliable home phone.
-                        </p>
-                        <ul class="space-y-2 mb-6">
-                            <li class="flex items-center gap-2">
-                                <div
-                                    class="h-5 w-5 rounded-full bg-lime-100 flex items-center justify-center"
-                                >
-                                    <div
-                                        class="h-2.5 w-2.5 rounded-full bg-lime-600"
-                                    >
-                                    </div>
-                                </div>
-                                <span>Internet speeds up to 1 Gbps</span>
-                            </li>
-                            <li class="flex items-center gap-2">
-                                <div
-                                    class="h-5 w-5 rounded-full bg-lime-100 flex items-center justify-center"
-                                >
-                                    <div
-                                        class="h-2.5 w-2.5 rounded-full bg-lime-600"
-                                    >
-                                    </div>
-                                </div>
-                                <span>125+ HD channels</span>
-                            </li>
-                            <li class="flex items-center gap-2">
-                                <div
-                                    class="h-5 w-5 rounded-full bg-lime-100 flex items-center justify-center"
-                                >
-                                    <div
-                                        class="h-2.5 w-2.5 rounded-full bg-lime-600"
-                                    >
-                                    </div>
-                                </div>
-                                <span>No contracts required</span>
-                            </li>
-                        </ul>
-                        <a href="/spectrum">
-                            <Button variant="lime">View Spectrum Deals</Button>
-                        </a>
+                    <div class="flex items-start gap-4">
+                        <div class="bg-blue-100 p-3 rounded-full flex-shrink-0">
+                            <DollarSign className="h-6 w-6 text-primary" />
+                        </div>
+                        <div>
+                            <h3 class="text-xl font-bold mb-2">
+                                Best Deals Guaranteed
+                            </h3>
+                            <p class="text-gray-600">
+                                We work directly with Spectrum to get you the
+                                lowest prices and exclusive promotions. You
+                                won't find better deals anywhere else.
+                            </p>
+                        </div>
                     </div>
                 </div>
 
-                <!-- Optimum Card -->
                 <div
-                    class="bg-white rounded-xl overflow-hidden shadow-md border border-gray-200"
+                    class="bg-white p-8 rounded-xl shadow-sm border border-gray-100"
                     data-aos="fade-up"
                     data-aos-duration="500"
                 >
-                    <div
-                        class="h-48 bg-white flex items-center justify-center p-8"
-                    >
-                        <img
-                            src="/assets/optimum.png"
-                            alt="Optimum"
-                            class="h-20 w-auto object-contain"
-                        />
-                    </div>
-                    <div class="p-6">
-                        <p class="text-gray-600 mb-4">
-                            Fiber internet, crystal-clear TV service, and mobile
-                            plans with nationwide coverage.
-                        </p>
-                        <ul class="space-y-2 mb-6">
-                            <li class="flex items-center gap-2">
-                                <div
-                                    class="h-5 w-5 rounded-full bg-amber-100 flex items-center justify-center"
-                                >
-                                    <div
-                                        class="h-2.5 w-2.5 rounded-full bg-amber-600"
-                                    >
-                                    </div>
-                                </div>
-                                <span>Fiber internet up to 1 Gig</span>
-                            </li>
-                            <li class="flex items-center gap-2">
-                                <div
-                                    class="h-5 w-5 rounded-full bg-amber-100 flex items-center justify-center"
-                                >
-                                    <div
-                                        class="h-2.5 w-2.5 rounded-full bg-amber-600"
-                                    >
-                                    </div>
-                                </div>
-                                <span>Free WiFi 6 equipment</span>
-                            </li>
-                            <li class="flex items-center gap-2">
-                                <div
-                                    class="h-5 w-5 rounded-full bg-amber-100 flex items-center justify-center"
-                                >
-                                    <div
-                                        class="h-2.5 w-2.5 rounded-full bg-amber-600"
-                                    >
-                                    </div>
-                                </div>
-                                <span>12-month price guarantee</span>
-                            </li>
-                        </ul>
-                        <a href="/optimum">
-                            <Button variant="lime" class="w-full"
-                                >View Optimum Deals</Button
-                            >
-                        </a>
+                    <div class="flex items-start gap-4">
+                        <div class="bg-blue-100 p-3 rounded-full flex-shrink-0">
+                            <Clock className="h-6 w-6 text-primary" />
+                        </div>
+                        <div>
+                            <h3 class="text-xl font-bold mb-2">
+                                Automatic Bill Payments
+                            </h3>
+                            <p class="text-gray-600">
+                                We handle all your billing automatically. No
+                                more remembering due dates or dealing with late
+                                fees—just set it and forget it.
+                            </p>
+                        </div>
                     </div>
                 </div>
 
-                <!-- Verizon Card -->
                 <div
-                    class="bg-white rounded-xl overflow-hidden shadow-md border border-gray-200"
+                    class="bg-white p-8 rounded-xl shadow-sm border border-gray-100"
                     data-aos="fade-up"
                     data-aos-duration="600"
                 >
-                    <div
-                        class="h-48 bg-white flex items-center justify-center p-8"
-                    >
-                        <img
-                            src="/assets/verizon.png"
-                            alt="Verizon"
-                            class="h-20 w-auto object-contain"
-                        />
+                    <div class="flex items-start gap-4">
+                        <div class="bg-blue-100 p-3 rounded-full flex-shrink-0">
+                            <Shield className="h-6 w-6 text-primary" />
+                        </div>
+                        <div>
+                            <h3 class="text-xl font-bold mb-2">
+                                Secure & Private
+                            </h3>
+                            <p class="text-gray-600">
+                                Your payment information is protected with
+                                bank-level encryption. We take your privacy and
+                                security seriously.
+                            </p>
+                        </div>
                     </div>
-                    <div class="p-6">
-                        <p class="text-gray-600 mb-4">
-                            Fiber internet, TV, and phone service with
-                            nationwide coverage.
-                        </p>
-                        <ul class="space-y-2 mb-6">
-                            <li class="flex items-center gap-2">
-                                <div
-                                    class="h-5 w-5 rounded-full bg-amber-100 flex items-center justify-center"
-                                >
-                                    <div
-                                        class="h-2.5 w-2.5 rounded-full bg-amber-600"
-                                    >
-                                    </div>
-                                </div>
-                                <span>Fiber internet up to 1 Gig</span>
-                            </li>
-                            <li class="flex items-center gap-2">
-                                <div
-                                    class="h-5 w-5 rounded-full bg-amber-100 flex items-center justify-center"
-                                >
-                                    <div
-                                        class="h-2.5 w-2.5 rounded-full bg-amber-600"
-                                    >
-                                    </div>
-                                </div>
-                                <span>Free WiFi 6 equipment</span>
-                            </li>
-                            <li class="flex items-center gap-2">
-                                <div
-                                    class="h-5 w-5 rounded-full bg-amber-100 flex items-center justify-center"
-                                >
-                                    <div
-                                        class="h-2.5 w-2.5 rounded-full bg-amber-600"
-                                    >
-                                    </div>
-                                </div>
-                                <span>12-month price guarantee</span>
-                            </li>
-                        </ul>
-                        <a href="/verizon">
-                            <Button variant="lime">View Verizon Deals</Button>
-                        </a>
+                </div>
+
+                <div
+                    class="bg-white p-8 rounded-xl shadow-sm border border-gray-100"
+                    data-aos="fade-up"
+                    data-aos-duration="700"
+                >
+                    <div class="flex items-start gap-4">
+                        <div class="bg-blue-100 p-3 rounded-full flex-shrink-0">
+                            <HeartHandshake className="h-6 w-6 text-primary" />
+                        </div>
+                        <div>
+                            <h3 class="text-xl font-bold mb-2">
+                                Personal Support
+                            </h3>
+                            <p class="text-gray-600">
+                                Questions? Issues? We're here to help. Real
+                                people, real support, whenever you need it.
+                            </p>
+                        </div>
                     </div>
                 </div>
             </div>
         </MaxWidthWrapper>
 
+        <!-- Stats Section -->
+        <div class="py-24 bg-gray-50">
+            <Stats />
+        </div>
+
+        <!-- Packages Section -->
+        <div class="py-24">
+            <Packages variant="blue" page={page} />
+        </div>
+
         <!-- Testimonials Section -->
         <div class="py-24 bg-gray-50">
             <Testimonials
-                variant="lime"
+                variant="blue"
                 testimonials={[
                     {
-                        name: "Michael T.",
-                        image: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=2787&auto=format&fit=crop",
-                        stars: 5,
-                        review: "NetFundable made switching providers so easy. They found me a Spectrum package that saved me over $40 a month compared to my previous provider, and the installation was completely hassle-free.",
-                    },
-                    {
-                        name: "Jessica L.",
+                        name: "Jennifer M.",
                         image: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=2787&auto=format&fit=crop",
                         stars: 5,
-                        review: "I was overwhelmed by all the options until I called NetFundable. Their representative took the time to understand my needs and recommended the perfect Optimum package for my family. Couldn't be happier!",
+                        review: "Super Revive got me a better deal on Spectrum than I could find on my own, and they handle all the billing. I literally don't think about my internet bill anymore. It just works.",
                     },
                     {
-                        name: "Robert K.",
-                        image: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=3387&auto=format&fit=crop",
+                        name: "Carlos R.",
+                        image: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=2787&auto=format&fit=crop",
                         stars: 5,
-                        review: "After my frustrating experience dealing directly with providers, working with NetFundable was a breath of fresh air. They handled everything from finding the best deal to coordinating installation. Truly excellent service.",
+                        review: "I was paying way too much for Spectrum before I found these guys. They got me on a better package, saved me money, and now they take care of the payments. No more late fees!",
+                    },
+                    {
+                        name: "Amanda T.",
+                        image: "https://images.unsplash.com/photo-1580489944761-15a19d654956?q=80&w=3361&auto=format&fit=crop",
+                        stars: 5,
+                        review: "The whole process was so easy. They found me the perfect Spectrum package, got it set up, and now everything is on autopilot. Best decision I made this year.",
                     },
                 ]}
             />
         </div>
 
         <!-- CTA Section -->
-        <div class="bg-lime-900 py-20">
+        <div
+            class="bg-gradient-to-br from-blue-900 via-blue-800 to-blue-900 py-20"
+        >
             <MaxWidthWrapper>
                 <div class="text-center">
                     <Title
-                        title="Ready to get connected?"
+                        title="Ready for Better Spectrum Service?"
                         size="h2"
                         color="white"
                     />
-                    <p class="text-lime-100 mt-4 mb-8 max-w-2xl mx-auto">
-                        Speak with our telecom experts today and discover the
-                        perfect package for your home at the best possible
-                        price. No obligation, just honest advice.
+                    <p
+                        class="text-blue-100 mt-4 mb-8 max-w-2xl mx-auto text-lg"
+                    >
+                        Let us find you the best deal on Spectrum and handle all
+                        the boring stuff. It takes 2 minutes to get started.
                     </p>
 
                     <div class="flex flex-col sm:flex-row gap-4 justify-center">
                         <CallButton
                             client:load
-                            variant="lime"
+                            variant="blue"
                             fullWidth={false}
-                            text="Call Now For Exclusive Deals"
+                            text="Contact Us Now"
                             page={page}
                         />
-                        <a href="#our-partners">
+                        <a href="#packages">
                             <Button
-                                variant="muted"
                                 size="lg"
-                                className="w-full sm:w-auto"
+                                className="w-full sm:w-auto bg-white/10 text-white hover:bg-white/20 border border-white/30"
                             >
-                                Browse Providers
+                                View Packages
                             </Button>
                         </a>
                     </div>
 
-                    <p class="text-lime-200 mt-6">
-                        No contracts • 30-day money-back guarantee • Local
-                        support
+                    <p class="text-blue-200 mt-6">
+                        Great deals • Automatic billing • Cancel anytime
                     </p>
                 </div>
             </MaxWidthWrapper>
@@ -589,11 +472,11 @@ const page = "default";
         <!-- FAQ Section -->
         <MaxWidthWrapper className="py-24">
             <div class="text-center mb-16">
-                <span class="text-lime-600 font-semibold"
+                <span class="text-primary font-semibold"
                     >FREQUENTLY ASKED QUESTIONS</span
                 >
                 <Title
-                    title="Common Questions About Our Services"
+                    title="Everything You Need to Know"
                     size="h2"
                     color="primary"
                 />
@@ -602,64 +485,71 @@ const page = "default";
             <div class="max-w-3xl mx-auto divide-y divide-gray-200">
                 <div class="py-6" data-aos="fade-up" data-aos-duration="300">
                     <h3 class="text-lg font-medium text-gray-900">
-                        How does NetFundable work?
+                        How does Super Revive work?
                     </h3>
                     <p class="mt-2 text-gray-600">
-                        We're authorized retailers for major telecom providers,
-                        allowing us to offer their services at special rates. We
-                        handle everything from recommending the best package to
-                        coordinating installation, acting as your personal
-                        telecom concierge.
+                        Simple! You reach out to us, we find the best Spectrum
+                        deal for your needs, get everything set up, and then
+                        handle all your billing going forward. You get great
+                        service at a great price without any of the hassle.
                     </p>
                 </div>
                 <div class="py-6" data-aos="fade-up" data-aos-duration="400">
                     <h3 class="text-lg font-medium text-gray-900">
-                        Are there any fees for using NetFundable's services?
+                        Can you really get me a better deal than Spectrum
+                        directly?
                     </h3>
                     <p class="mt-2 text-gray-600">
-                        No! Our service is completely free for customers. We're
-                        compensated by the providers we partner with, so there's
-                        never any additional cost to you for working with us.
+                        Yes! We work with Spectrum as an authorized reseller,
+                        which means we have access to exclusive promotions and
+                        deals that aren't available to the general public. Plus,
+                        we know all the tricks to get you the best pricing.
                     </p>
                 </div>
                 <div class="py-6" data-aos="fade-up" data-aos-duration="500">
                     <h3 class="text-lg font-medium text-gray-900">
-                        What areas do you service?
+                        How much do you charge for this service?
                     </h3>
                     <p class="mt-2 text-gray-600">
-                        We currently offer services in most states across the
-                        U.S. through our partnerships with national and regional
-                        providers. Contact us with your address, and we'll
-                        confirm availability in your specific location.
+                        Contact us for details on our service fees. We keep
+                        everything transparent and straightforward—no hidden
+                        charges or surprises.
                     </p>
                 </div>
                 <div class="py-6" data-aos="fade-up" data-aos-duration="600">
                     <h3 class="text-lg font-medium text-gray-900">
-                        Can I bundle multiple services?
+                        What if I already have Spectrum?
                     </h3>
                     <p class="mt-2 text-gray-600">
-                        Absolutely! Bundling internet, TV, phone, or mobile
-                        services often provides the best value. Our experts can
-                        recommend the ideal bundle based on your usage patterns
-                        and preferences.
+                        No problem! We can review your current plan and see if
+                        there's a better deal available. We can also take over
+                        your billing management to make your life easier.
                     </p>
                 </div>
                 <div class="py-6" data-aos="fade-up" data-aos-duration="700">
                     <h3 class="text-lg font-medium text-gray-900">
-                        What happens after I place an order?
+                        Is my payment information secure?
                     </h3>
                     <p class="mt-2 text-gray-600">
-                        Once you select a package, we'll coordinate with the
-                        provider to schedule installation or activation. We'll
-                        keep you updated throughout the process and remain
-                        available for any questions even after your service is
-                        active.
+                        Absolutely. We use bank-level encryption and follow
+                        strict security protocols to protect your data. Your
+                        privacy and security are our top priorities.
+                    </p>
+                </div>
+                <div class="py-6" data-aos="fade-up" data-aos-duration="800">
+                    <h3 class="text-lg font-medium text-gray-900">
+                        Can I cancel anytime?
+                    </h3>
+                    <p class="mt-2 text-gray-600">
+                        Yes! There are no long-term commitments with us. If you
+                        ever want to manage your Spectrum account on your own,
+                        just let us know and we'll make the transition smooth.
                     </p>
                 </div>
             </div>
         </MaxWidthWrapper>
 
-        <Footer variant="lime" page={page} />
+        <Footer variant="blue" page={page} />
     </body>
 </html>
 
@@ -672,23 +562,17 @@ const page = "default";
         once: true,
         startEvent: "DOMContentLoaded",
         disableMutationObserver: false,
-        // Fix for width issue
         disable: false,
         mirror: false,
-        // These are the critical parameters for the width issue
         useClassNames: true,
         initClassName: "aos-init",
         animatedClassName: "aos-animate",
     });
 
-    // Force viewport refresh
     document.addEventListener("DOMContentLoaded", () => {
-        // Force a layout recalculation
         document.body.style.width = "100vw";
         document.body.offsetHeight;
         document.body.style.width = "";
-
-        // Refresh AOS
         AOS.refresh();
     });
 </script>

src/pages/optimum/index.astro

@@ -1,253 +0,0 @@
----
-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>

src/pages/spectrum/index.astro

@@ -1,252 +0,0 @@
----
-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>

src/pages/verizon/index.astro

@@ -1,224 +0,0 @@
----
-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: "Verizon Fios Internet",
-        description:
-            "Experience the power of 100% fiber-optic internet with symmetrical upload and download speeds up to 940 Mbps. Perfect for 4K streaming, competitive gaming, and whole-home connectivity with no data caps.",
-        aos: {
-            "data-aos": "zoom-out",
-            "data-aos-duration": "600",
-        },
-    },
-    {
-        id: 2,
-        icon: Tv,
-        color: "secondary",
-        title: "Verizon Fios TV",
-        description:
-            "Enjoy crystal-clear picture quality with 425+ channels, including premium options and integrated streaming services. The Fios TV app lets you watch your favorite shows anywhere on any device.",
-        aos: {
-            "data-aos": "zoom-out",
-            "data-aos-duration": "500",
-        },
-    },
-    {
-        id: 3,
-        icon: PhoneCall,
-        color: "tertiary",
-        title: "Verizon Home Phone",
-        description:
-            "Stay connected with reliable home phone service featuring 20+ advanced calling features, including caller ID, call waiting, and spam protection. Unlimited nationwide calling with crystal-clear connections.",
-        aos: {
-            "data-aos": "zoom-out",
-            "data-aos-duration": "500",
-        },
-    },
-    {
-        id: 4,
-        icon: Shield,
-        color: "quaternary",
-        title: "Whole-Home Network",
-        description:
-            "Elevate your home network with Verizon's advanced router technology, featuring WiFi 6E capability, parental controls, and built-in network security. Enjoy seamless coverage throughout your entire home.",
-        aos: {
-            "data-aos": "zoom-out",
-            "data-aos-duration": "600",
-        },
-    },
-];
-
-const page = "verizon";
----
-
-<html lang="en">
-    <head>
-        <!-- <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 exclusive Verizon Fios deals through NetFundable. Experience 100% fiber-optic internet, premium TV, and reliable home phone service with special promotions and expert support."
-        />
-        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-        <title>Premium Verizon Fios 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/verizon-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="Experience the Power of 100% Fiber-Optic Technology with Predictable Billing"
-                            size="h1"
-                            color="washedWhite"
-                        />
-                        <Title title="Verizon Fios Internet" size="h3" />
-                        <Title
-                            title="Symmetrical Speeds | No Data Caps | Transparent Billing"
-                            size="h5"
-                            weight="medium"
-                        />
-                        <Title title="Verizon Fios TV" size="h3" />
-                        <Title
-                            title="425+ Channels | 4K Ultra HD | Cost-Effective Packages"
-                            size="h5"
-                            weight="medium"
-                        />
-                        <Title title="Verizon Home Phone" size="h3" />
-                        <Title
-                            title="Crystal-clear calling | Advanced features | Affordable rates"
-                            size="h5"
-                            weight="medium"
-                        />
-                        <Title
-                            title="PRICE GUARANTEE | SIMPLIFIED BILLING | NO HIDDEN FEES"
-                            size="h4"
-                        />
-
-                        <CallButton
-                            client:load
-                            variant={"lime"}
-                            text="Get Connected Today"
-                            page={page}
-                        />
-                    </div>
-                </MaxWidthWrapper>
-            </div>
-
-            <ServicesSection variant="lime" services={services} page={page} />
-            <WhyChooseUs
-                variant="lime"
-                logo="/assets/verizon.png"
-                title="Why Choose Verizon Fios Through NetFundable?"
-                description="Discover the unmatched reliability and performance of Verizon's 100% fiber-optic network with NetFundable. We provide exclusive access to Verizon's premium services at special rates with straightforward billing options, and personalized support throughout your entire customer journey."
-                benefits={[
-                    "2-Year Price Guarantee with Consistent Billing",
-                    "Expert Installation Included at No Extra Cost",
-                    "Premium Router Technology with No Rental Fees",
-                    "Ranked #1 in Customer Satisfaction and Billing Clarity",
-                ]}
-                page={page}
-            />
-            <Packages variant="lime" page={page} />
-            <Testimonials
-                variant="lime"
-                testimonials={[
-                    {
-                        name: "Daniel R.",
-                        image: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?q=80&w=2787&auto=format&fit=crop",
-                        stars: 5,
-                        review: "Switching to Verizon Fios has transformed my work-from-home experience. The symmetrical speeds mean my video conferences never buffer, and uploading large files is just as fast as downloading. The reliability is simply unmatched.",
-                    },
-                    {
-                        name: "Olivia M.",
-                        image: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=2376&auto=format&fit=crop",
-                        stars: 5,
-                        review: "As a family with multiple gamers and streamers, our previous internet couldn't keep up. Since getting Fios, everyone can do their thing simultaneously with zero slowdowns. The WiFi coverage reaches every corner of our home!",
-                    },
-                    {
-                        name: "Jason K.",
-                        image: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?q=80&w=2370&auto=format&fit=crop",
-                        stars: 5,
-                        review: "The installation was smooth and professional. The technician explained everything clearly and even helped optimize our home network setup. Two years later, we've never experienced an outage, and the speeds are consistently as advertised.",
-                    },
-                ]}
-            />
-
-            <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="Complete connectivity for the modern household at a price you'll love."
-                        size="h1"
-                    />
-                    <p class="text-base md:text-lg md:text-center text-lime-50">
-                        Verizon's dedicated fiber-optic connection delivers
-                        unparalleled reliability, ultra-fast speeds, and
-                        crystal-clear entertainment. With symmetrical upload and
-                        download capabilities, whole-home WiFi coverage, and a
-                        2-year price guarantee with consistent billing, Fios
-                        provides the stable foundation your digital life
-                        deserves without the surprise costs.
-                    </p>
-                    <div class="flex flex-col items-center gap-2">
-                        <strong class="text-lg md:text-xl text-white">
-                            CONTACT US NOW FOR EXCLUSIVE PRICING 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>