import { SiteHeader } from '@/components/buyback/site-header';
import { Hero } from '@/components/buyback/hero';
import { PopularDeviceCategories } from '@/components/buyback/popular-device-categories';
import { SellByBrand } from '@/components/buyback/sell-by-brand';
import { FeaturedRefurbishedProducts } from '@/components/buyback/featured-refurbished-products';
import { BuybackProcess } from '@/components/buyback/buyback-process';
import { CustomerBenefits } from '@/components/buyback/customer-benefits';
import { CustomerTrustMetrics } from '@/components/buyback/customer-trust-metrics';
import { DeviceResaleValue } from '@/components/buyback/device-resale-value';
import { DevicePriceCalculators } from '@/components/buyback/device-price-calculators';
import { FrequentlyAskedQuestions } from '@/components/buyback/frequently-asked-questions';
import { SiteFooter } from '@/components/buyback/site-footer';

export default function Home() {
  return (
    <div className="min-h-screen w-full overflow-x-hidden bg-white">
      <SiteHeader />
      <main>
        <Hero />
        <aside
          aria-label="Recent Trades"
          className="w-full bg-[#f8fafb80] px-4 py-4 sm:px-8 lg:px-16"
        >
          <div className="mx-auto flex max-w-[1312px] items-center gap-4">
            <span className="font-satoshi shrink-0 text-sm font-bold leading-5 text-main">
              Recent Trades:
            </span>
            <div className="flex min-w-0 flex-1 items-center gap-8 overflow-hidden">
              <span className="font-satoshi whitespace-nowrap text-sm text-mtext">
                iPhone 14 Pro sold for $620
              </span>
              <span className="font-satoshi whitespace-nowrap text-sm text-mtext">
                Samsung S23 sold for $480
              </span>
              <span className="font-satoshi whitespace-nowrap text-sm text-mtext">
                MacBook Air M2 sold for $890
              </span>
              <span className="font-satoshi whitespace-nowrap text-sm text-mtext">
                iPad Pro sold for $540
              </span>
            </div>
          </div>
        </aside>
        <PopularDeviceCategories />
        <SellByBrand />
        <FeaturedRefurbishedProducts />
        <BuybackProcess />
        <CustomerBenefits />
        <CustomerTrustMetrics />
        <DeviceResaleValue />
        <DevicePriceCalculators />
        <FrequentlyAskedQuestions />
      </main>
      <SiteFooter />
    </div>
  );
}