import React from "react";
import Header from "../components/affliate/Header";
import HowItWorks from "../components/affliate/HowItWorks";
import Refferals from "../components/affliate/Refferals";
import Perks from "../components/affliate/Perks";
import Dashboard from "../components/affliate/Dashboard";

const Inner = () => {
  return (
    <div className="min-h-screen bg-[#0a0a0a] text-white">
      <div className="z-10">
        <div className="container mx-auto px-4 py-4">
          <Header />
          <HowItWorks />
        </div>
        <Refferals />
        <Perks />
        <Dashboard />
      </div>
    </div>
  );
};

export default Inner;
