"use client";

import { useSearchParams } from "next/navigation";

import CashbackIntroSection from "@/components/landing-page/CashbackIntroSection";
import FavoriteStoresSection from "@/components/landing-page/FavoriteStoresSection";
import MembershipOfferSection from "@/components/landing-page/MembershipOfferSection";
import OfferSection from "@/components/landing-page/OfferSection";
import PerksSection from "@/components/landing-page/PerksSection";

export default function LandingPage() {
  const searchParams = useSearchParams();
  const signup_bonus_amount = 15;
  const landing_page = 1;

  const publisher_domain = searchParams.get("publisher_domain") || "";
  const shipping_price_amount =
    Number(searchParams.get("shipping_price_amount")) || 0;

  return (
    <main>
      {/* Top Banner Section */}
      <OfferSection
        offerPanel="offer-panel2"
        signup_bonus_amount={signup_bonus_amount}
        publisher_domain={publisher_domain}
        shipping_price_amount={shipping_price_amount}
      />

      <CashbackIntroSection />

      {/* Perks Section */}
      <PerksSection
        signup_bonus_amount={signup_bonus_amount}
        landing_page={landing_page}
        showPerks={false}
      />

      <MembershipOfferSection />
      <FavoriteStoresSection />
    </main>
  );
}